Alfresco.widget.Resizer可拉动div模块

【Alfresco.widget.Resizer可拉动div模块】的更多相关文章

Alfresco.widget.Resizer可拉动div模块

<#include "include/alfresco-template.ftl" /> <@templateHeader> <script type="text/javascript">//<![CDATA[ new Alfresco.widget.Resizer("Custom"); //]]></script> </@> <@templateBody> &l…

js 实现div模块的截图并下载功能（可制作长图）

当需要实现html页面部分模块截图并具有保存图片功能时,前台直接生成截图并下载会方便的多.多的不说,直接看代码首先我们需要引入2个js文件: <script type="text/javascript" src="js/html2canvas.js"></script> <script type="text/javascript" src="js/jquery-1.12.3.min.js">…

空闲时间,同事让帮忙整个JS拖拽div模块功能.于是便在网上搜索,总结如下一个可实现多div模块拖拽的功能.一下是整体的HTML代码, 里边可以控制到拖拽开始(onStart),拖拽时候(onMove),拖拽结束(onStop)三个时候的准确状态值及坐标 <!DOCTYPE> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Ty…

div模块变灰

整站变灰目前没发现什么特别好的办法,但是div(或者其他标签模块)模块变灰方法兼容性还不错. .gay_box{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xml…

纯CSS实现圆角、可拖动的一个DIV模块层

ThinkPHP Widget模块开发流程

初识ThinkPHP的Widget,现把模块开发的流程发布如下,也方便以后自己查阅: 一.新建数据库表self_modules,sql代码如下 CREATE TABLE `self_modules` ( `id` ) unsigned NOT NULL AUTO_INCREMENT, `title` text NOT NULL, `content` text NOT NULL, `) ', `position` ) NOT NULL, `published` ) ', `module` ) NO…

Odoo9.0模块开发全流程

构建Odoo模块模块组成业务对象业务对象声明为Python类, 由Odoo自己主动加载. 数据文件 XML或CSV文件格式, 在当中声明了元数据(视图或工作流).配置数据(模块參数).演示数据等. Web控制器处理Web浏览器发来的requests. 静态web数据 Web用到的图像, CSS或JavaScript文件. 模块结构一个Odoo模块也是一个Python模块, 存放在一个文件夹中, 包括一个__init__.py文件, 用于导入其它Python模块. from . impo…

[精]Odoo 8.0深入浅出开发教程-模块开发基础

參考资料点击这里. 构建Odoo模块模块组成业务对象业务对象声明为Python类, 由Odoo自己主动加载. 数据文件 XML或CSV文件格式, 在当中声明了元数据(视图或工作流).配置数据(模块參数).演示数据等. Web控制器处理Web浏览器发来的requests. 静态web数据 Web用到的图像, CSS或JavaScript文件. 模块结构一个Odoo模块也是一个Python模块, 存放在一个文件夹中, 包括一个__init__.py文件, 用于导入其它Python模块. f…

css：子元素div 上下左右居中方法总结

最近在面试,不停地收到了知识冲击,尤其是对于一些基础的css.html.js问题居多,所以自我也在做反思,今天就css问题,如何让一个子元素div块元素上下左右居中 (以下总结方法,都已得到验证). 情景一:一个浏览器页面中,只有一个div模块,让其上下左右居中解决方案: { position:fixed; left:0; right:0; top:0; bottom:0; margin:auto; } 备注:此处小编使用position:fixed为最佳方案,因为position:fix…

JS控制div跳转到指定的位置的解决方案总结

总结一下自己在写这个需求遇到的问题,相信大家应该是经常遇到的.即要求滚轮滚动到指定的位置.先看下基本的解决方案. 1.给链接a加个#的方式来实现跳转.(锚点方法)这里直接贴下代码: html页面: <div id="container"> <a href="#div1">div1</a> <a href="#div2">div2</a> <a href="#div3&qu…

使用 jQuery UI Widget Factory 编写有状态的插件（Stateful Plugins）

使用 jQuery UI Widget Factory 编写有状态的插件(Stateful Plugins) Note 这一章节的内容是基于 Scott Gonzalez 一篇博客 Building Stateful jQuery Plugins(已获作者许可) 虽然大多数的 jQuery 插件都是无状态的(stateless),也就是说, 与插件进行交互的就限于调用插件时的那一组对象, 但是有好大一部分功能需求没办法通过这种简单的插件模式来实现. 为了填补这一空白,jQuery UI 实现一套…

jQuery UI Widget(1.8.1)工作原理--转载

先看下代码的相关注释: /*! * jQuery UI Widget 1.8.1 * * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) * and GPL (GPL-LICENSE.txt) licenses. * * http://docs.jquery.com/UI/Widget */ (function( $ ) { var…

jQuery UI Widget 原理

先看下代码的相关注释: /*! * jQuery UI Widget 1.8.1 * * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) * and GPL (GPL-LICENSE.txt) licenses. * * http://docs.jquery.com/UI/Widget */ (function( $ ) { var…

Js-Html 前端系列--点击非Div区域隐藏Div

最近做项目要用到三字码下拉,调用一个插件,但是滚动条不能点击. 后来看另一个插件后突发奇想,在点击其他区域的时候隐藏这个Div就可以了. 背景:输入文字,弹出下拉Div,点击或者拉动Div滚动条选择,但是要点击滚动条的时候会隐藏掉,也就是点击不了滚动条. 思路:写一个Document级别的事件,监听MouseDown事件,判断点击区域进行判断是否要隐藏这个下拉Div. JS版实现: $(document).bind('mousedown',function(event){ var $targ…

Jquery点击除了指定div元素其他地方，隐藏该div

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="js/jquery.min.js"></script> <title></title> <script type="text/javascript"&…

setTimeout应用例子-移入移出div显示和隐藏

效果:移入div1,div2保持显示,移出div1,div2消失. 移入div2,div2保持显示,移出div2,div2消失. 一.HTML代码 <div id='div1'></div> <div id='div2'></div> 就g只有两个div模块,移入一个,显示另外一个. 二.CSS代码给两个div抹上颜色,便于区别,在css里,我设置了float 属性,定义元素在左边方向浮动 #div1{ height:50px; background:gr…

JS控制div跳转到指定的位置的几种解决方案总结

原文:http://www.jb51.net/article/96574.htm 这篇文章主要介绍了JS控制div跳转到指定的位置的几种解决方案总结,小编觉得挺不错的,现在分享给大家,也给大家做个参考. 总结一下自己在写这个需求遇到的问题,相信大家应该是经常遇到的.即要求滚轮滚动到指定的位置.先看下基本的解决方案. 1.给链接a加个#的方式来实现跳转.(锚点方法)这里直接贴下代码: ? 1 2 3 4 5 6 7 8 <div id="container"> <…

jQuery UI Widget(1.8.1)工作原理

/*! * jQuery UI Widget 1.8.1 * * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) * and GPL (GPL-LICENSE.txt) licenses. * * http://docs.jquery.com/UI/Widget */ (function( $ ) { var _remove = $…

js 模块化 -- 基本的导出与引入class模块

1.目录结构 2.类语法与导出 class food { } //定义常量 let c = "苹果"; //正确的函数写法 food.prototype.getfood = function (str) { if (!str) { return "吃" + this.g; } return "吃" + str } //定义常量 food.prototype.g = "荔枝"; class food2 { //定义常量 c2 =…

【原】移动web资源整理

2013年初接触移动端,简单做下总结,首先了解下移动web带来的问题设备更新换代快——低端机遗留下问题.高端机带来新挑战浏览器厂商不统一——兼容问题多网络更复杂——弱网络,页面打开慢低端机性能差——页面操作卡顿 HTML5新技术多——学习成本不低未知问题——坑多面对这些问题,一开始我们只能在未知中试错,知道错误的方案才能更容易寻找正确的解决问题思路,2年多来,可看到移动web在业界不断趋向于成熟,各种框架和解决方案不断的涌现让移动端开发不再是个噩梦. 这几天把想到的一点经验先罗列出来…

(19)odoo中的javascript

-----------更新日期15:17 2016-02-16 星期二-----------* 用到的js库我们可以打开 addons/web/views/webclient_template.xml 看到如下: <template id="web.assets_common"> <script type="text/javascript" src="/web/static/lib/es5-s…

基于fis的前端模块化和工程化方案

前端构建工具面对日益复杂的前端环境以及前端技术.node技术的高速发展,前端的开发也越来越工程化,体系化,也就是出现了前端自动化构建工具.他们完成的任务目标基本是: js,css,图片的自动压缩合并(图片也即是是自动sprite) js,css,图片自动添加域名 js,css,图片自动添加md5或版本号自动监听文件变化 sass/less/coffee等的自动编译支持amd/cmd的模块开发,可自动文件依赖可以部署文件网页自动刷新实时编译成熟的前端构建工具也有很多,比如:Gulp.…

Ractive 的认识

1 前言 Ractive.js是一款入门容易却功能强大的JS库,它的主旨是模板+数据=UI,数据的双向绑定,DOM节点的实时更新,事件处理等多个有用的功能.它吸取了AngularJS中的一些灵感,因此两者在有些地方是有相似之处的.对于一些中小型项目,完全可以用这个框架作为前端框架进行开发,可以快速建立起项目的前端模型. RactiveJS 内置了基本的选择器模块,Template引擎,封装的Event,Node等对象. 1.1 Hello Ractive(Demo01) <!DOCTYPE ht…

odoo学习总结

odoo10总结 1.odoo中的向导应用. .py文件 # -*- coding: utf-8 -*-from odoo import models, fields, apifrom odoo.exceptions import UserErrorfrom odoo.tools.translate import _ class ImportWizard(models.TransientModel):…

【原创】Odoo开发文档学习之：构建接口扩展（Building Interface Extensions）（边Google翻译边学习）

构建接口扩展(Building Interface Extensions) 本指南是关于为Odoo的web客户创建模块. 要创建有Odoo的网站,请参见建立网站;要添加业务功能或扩展Odoo的现有业务系统,请参见构建模块. 警告: 该指南需要以下知识: Javascript .jQuery.Underscore.js 同时也需要安装 Odoo 和 Git. 一个简单的模型让我们从一个简单的Odoo模块开始,它包含基本的web组件配置,并让我们测试web框架. 示例模块可以在线下载,可以使用以下…

dojo学习教程

Dojo 作为最著名的 Ajax 开源项目之一,不仅让 Web 程序员可以免费获得和使用其框架进行 Web 应用的开发,更吸引了大量的开发者对其不断的扩充,开发新的组件.DojoX 就是在这样的开发社区中产生的.DojoX 是一组基于 dojo 的开源项目的集合,这些开源项目具有很好的创意和很高的实用性.这些 DojoX 项目有可能成长为一个稳定的版本保留在 DojoX 中,也有些可能会迁移到 Dojo Core 或者 Dijit 中.本文将对 DojoX 中的项目进行一个总体的概述,并结合实例…