div 增加 disabled

给div添加disabled属性

<div id="CompanyId" name="CompanyId" type="select" ></div> 方法是: $("#CompanyId").attr("disabled", true); 最终会形成: <div id="CompanyId" name="CompanyId" type="select"

当浏览器窗口被调整到一个新的高度或宽度时,就会触发resize事件,这个事件在window上面触发,那么如何给div元素增加resize事件,监听div的高度或宽度的改变呢? 先来回答另一个问题,监听div的高度变化又有什么用呢?一般而言div的高度是随着内容的增加而自适应的,对于ajax请求的数据还没有加载时,此时div的内容为空,在ajax数据返回后,div的高度就自然会自适应内容而增高了,监听这个变化也就等同于知道ajax请求类的promise什么时候返回数据,就可以不在ajax数据服务回

给指定的div增加滚动条

这次的需求是给一个指定的div(里面有个table表格)增加上下.左右的滚动条通过查找资料后找到了一个可用的方法,代码如下:  <div style="overflow-x: auto; overflow-y: auto; height: 100px; width:200px;"> <table id="table" border="1" align="ce

js 给某个div增加class 样式（三种方式）

第一种: el.setAttribute('class','abc'); <!DOCTYPE HTML> <HTML> <HEAD> <meta charset="utf-8" /> <title>setAttribute('class', 'abc')</title> <style type="text/css"> .abc { background: red; } &l

css技巧 1200px居中容器中某个div增加横屏背景

<div class='container' style='width:1200px;margin:0 auto;'> <div style='width:200px;margin:0 auto;height:164px;'><img src='XXX'></div> </div> container外新增一行满屏div 设置z-index: -1 并且调整位置 <div style="width: 100%;height

easyui的datagrid的列checkbox自定义增加disabled选项

需求根据权限判断datagrid的每一列的checkBox是否可选,看了下文档,发现editor的checkbox应该能实现这个功能,但我们项目自己将easyui外面包了一层,把原生的editor改成了浮动形式的,并且由外面包那一层那初始化这个浮动的editor.而我要改的地方没有用外面包这样一层,如果用的话会很麻烦,牵扯的地方很多,于是就只有在Column的checkBox属性上想办法了. 看easyui的源代码,找到defaultView的renderRow方法,在渲染checkBox的地方

CSS 点击img 或者 div 增加抖动(shake)效果

一般使用场景: 登录的错误验证或者强提醒 template 部分 <img id="barcode" :class="{ shaking: toShake}" @click="handleShake" /> javascript 部分 export default { data(){ return{ toShake: false } }, methods:{ handleShake() { this.toShake= true /

在一个div上增加遮罩

有一个需求是给一个视频增加遮罩我研究了下抽象出来就是给一个div增加遮罩原理是:最外层的div使用relative定位然后里面放两个子div 一个是不被遮的另一个是遮罩(用absolute定位),最后用js控制显示状态的变化 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type=

子div设置float后导致父div无法自动撑开的问题

子div设置float后会导致父div无法自动撑开原因:内部的DIV因为float:left之后,就丢失了clear:both和display:block的样式,所以外部的DIV不会被撑开. 以下是几种解决办法(假设父div的class为“container”): 方法1.使用伪类 .container:after{ content: "."; display: block; ; clear: both; visibility: hidden; } .container{ displ

表单中Readonly和Disabled的区别(转载)

Readonly和Disabled是用在表单中的两个属性,它们都能够做到使用户不能够更改表单域中的内容.但是它们之间有着微小的差别,总结如下: Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等. 但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去(

div+css定位position详解

div+css定位position详解 1.div+css中的定位position 最主要的两个属性:属性 absolute(绝对定位) relative(相对定位),有他们才造就了div+css布局的多样性,让我们的网页丰富多彩起来. 首先解释relative(相对定位),顾名思义,定位是相对的,那他是相对于什么呢?参照物是什么? 看如下代码: 2 2.预览效果,现在是三个并列的div 3 3.给中间的div增加定位属性:position:relative; top:10px; lef

转： KindEditor 图片空间文件增加删除文件、文件夹功能（ASP语言环境）

KindEditor 图片上传功能中集成的图片空间文件管理插件可以对已上传图片进行管理,十分便捷,只是没有图片删除功能,仔细研读xieliang分享的经验后,自己动手改造了一下,顺便分享给有同样需求的朋友,作个参考,以下介绍以ASP语言环境为基础. 一.修改后效果图: 增改功能说明: 1.增加鼠标移至文件上时显示[引用].[删除]两个按钮: 2.修改原[点击文件直接引用文件]功能为[点击引用按钮引用文件]: 3.移至文件时的原来只提示[文件名称],修改为提示[文件路径及大小]. 二.步骤

使用JS制作一个鼠标可拖的DIV（三）——移动带图片DIV

当DIV元素里,存在图片元素的时候,会使拖动出现异常. 因为图片元素本身就支持拖动,所以,只要在图片标签加入:draggable='false'. 如下: <div onmousedown="moveBind(this, event)" style="width:50px;height:50px; left:285px;top:370px; position:absolute;"><img src="http://pic.cnitblog

html/css 两个div在同一行

在界面设计的时候,经常需要将两个div在同一行显示. 但是每次都会忘记怎么做,特此随笔,备忘. 如以下要将“第一个div”和“第二个div”显示在同一行: <div id="id1"> /*外层div*/ <div id="id2" style="width:100px;height:20px;">第一个div</div> <div id="id3" style="widt

disabled

http://blog.csdn.net/dinglang_2009/article/details/6974887 如果把页面viewstate设为disabled 那么 ispost就一直为false. Readonly和Disabled是用在表单中的两个属性,它们都能够做到使用户不能够更改表单域中的内容.但是它们之间有着微小的差别,总结如下: Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括selec

表单中Readonly和Disabled的区别（转）

今天做form提交的时候,用到了disabled,form提交的时候怎么获取都是null,后来用hidden解决了这个问题,但是考虑到为什么,最后找到了原因,转载一篇文章,说明一下原文:http://www.nowamagic.net/html/html_ReadonlyAndDisabled.php Readonly和Disabled是用在表单中的两个属性,它们都能够做到使用户不能够更改表单域中的内容.但是它们之间有着微小的差别,总结如下: Readonly只针对input(text / p

清除div浮动的三种方式

html: <body> <div class="main"> <div class="first"></div> <div class="second"></div> </div> </body> <style> .main { overflow:hidden; border:1px solid black; } .first{ widt

CSS鼠标悬浮DIV后显示DIV外的按钮

昨天写样式遇到个问题,如何让鼠标悬浮DIV后,显示DIV外的按钮,可以点击到按钮. 效果如下: 问题: 在DIV hover时候将按钮设为display: block,这是很直接的想法,但是这有个问题,就是在悬浮出现按钮后,鼠标要移到按钮上过程中,离开了DIV经过间距时,按钮就会消失. 解决办法: 1. 选择更大区域的DIV 这个时候hover出现的按钮,由于鼠标还在DIV(大区域)中,所以按钮是可以正常点到的.但这个方法问题在于扩大了触发区域,如果本意上是要最初的DIV来触发,那这个方法就不行

inline-block，一个奇怪的问题：中间div掉下来

先上代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> html body { padding: 0; margin: 0 } </style> </head> <body> <div > <div style="width: 30

【转载】表单中 Readonly 和 Disabled 的区别

今天写代码,遇到表单提交的问题,某个字段在不同的情况下,要传递不同的值进行赋值,试过一些方法都有些问题,后来请教前端同学,使用 disabled 这个属性终于搞定了问题,查到一篇讲解 readonly 和 disabled 的区别的文章挺好的,转载如下: Readonly 和 Disabled 是用在表单中的两个属性,它们都能够做到使用户不能够更改表单域中的内容.但是它们之间有着微小的差别,总结如下: Readonly 只针对 input(text / password) 和 textarea

巴特西