Javascript/CSS
jiangzhengdong
这个作者很懒,什么都没留下…
展开
-
css中float left与float right使用详解
CSS中很多时候会用到浮动来布局,也就是经常见到的float:left或者float:right,简单点来说,前者是左浮动(往左侧向前边的非浮动元素飘,全是飘得元素的话,就按照流式来浮动从左到右,放不下则换行),后者是右浮(往右飘)动。但仅仅是如此吗?No! 要注意以下几点: 1、 浮动元素会被自动设置成块级元素,相当于给元素设置了display:block(块级元素能设置宽和高,而行转载 2012-04-10 08:32:02 · 1744 阅读 · 0 评论 -
highstock remove series 后动态添加series
具体效果参考我在jsFiddle的例子:http://jsfiddle.net/7pKV9/,代码如下:Remove series and Add series$(function() { $('#container').highcharts('StockChart', { scrollbar: { enabled: true原创 2013-03-24 21:07:01 · 2575 阅读 · 0 评论 -
发现highcharts之highstock中一个小bug
用到highstock里的清空series然后动态添加series功能,发现其中存在一个小bug,即是:我清空完所有的series后,再用addseries添加,添加完成并redraw图后发现navigator的起始时间就是1970年,网上搜了好久,没找到答案,stackoverflow上有人说这是highcharts的一个bug,已经提交。然后我又试着将前边的series初始化多组值,然原创 2013-03-25 15:14:48 · 2302 阅读 · 2 评论 -
highstock scrollbar样式配置
scrollbar的样式大概有以下几个参数可供配置:scrollbar: {barBackgroundColor: 'gray',barBorderRadius: 7,barBorderWidth: 0,buttonBackgroundColor: 'gray',buttonBorderWidth: 0,buttonArrowColor: 'blue',button原创 2013-03-25 14:28:00 · 2887 阅读 · 0 评论 -
highstock remove series and addSeries时图像显示不正常问题解决方案
remove series我最开始使用的是:for (var i = 0; i chart.series.length; i++) chart.series[i].remove(true);后来发现这样做的话,再addSeries时,图表显示的效果将会有问题,上次的series并没有全部remove掉,而且和新添加的series一起重绘,这肯定不是预期的结果,于是稍作修改原创 2013-03-25 09:27:23 · 2260 阅读 · 0 评论 -
网页中嵌入视频
网页中嵌入视频,我用到了jw player插件,并且采用的是js方式配置,当然也可采取其他配置方法。我的配置如下: $(document).ready(function () { var s1 = new SWFObject('@Url.Content("~/Content/mediaplayer.swf")', 'player', '250', '211', '原创 2013-04-01 10:16:16 · 670 阅读 · 0 评论 -
highstock range selector语言本地化
最近用到了highcharts的highstock,但是默认的range selector是英文,这自然对中国用户不是很好,所以便想着将其改为中文,于是google搜索,最后发现解决办法,问题得以解决,现分享出来供大家共同学习,方便后人少走弯路。方法如下: Highcharts.setOptions({ lang: { rangeSele原创 2013-03-30 10:58:54 · 2311 阅读 · 0 评论 -
Highcharts基本设置
1.在一个图像中有多条曲线,但是默认想只显示第一条曲线,则需要做如下设置即可:chart: { renderTo: 'plans', type: 'line', events: { load: function (event) { for (var原创 2012-12-31 21:09:21 · 1673 阅读 · 3 评论 -
jquery中对动态生成的标签不会响应click事件
参考:http://my.oschina.net/lishixi/blog/31612query中对ajax动态生成的html标签不会响应 $(selector).click(function.. 或者$(selector).bind('click',function.., 需要用.live事件委托.live() 方法能对一个还没有添加进DOM的元素有效,是由于转载 2012-11-22 14:43:28 · 1291 阅读 · 0 评论 -
一次性验证表单所有需要验证的数据
代码如下:$('#contactForm').submit(function () { $.each($('#contactForm .notShouldBeBlank'), function() { if($(this).val() == ''){ $(this).after('This field is required.');原创 2012-11-19 19:51:19 · 713 阅读 · 0 评论 -
ASP.NET MVC 3 JSON 返回时间格式处理
ASP.NET MVC 3 中 在返回 JSON 类型时,时间的格式会是 "/Date(1306418993027)/" ,那么我们如何转换 JSON 返回结果中的时间格式呢?如在 Controller 中返回了 JSON 结构的数据:[HttpPost]public ActionResult Index(ZComment model){ return Json(model, JsonR转载 2012-09-15 22:44:15 · 3825 阅读 · 0 评论 -
EasyUI 分页总结
最近用到了easyui的分页和搜索栏功能,使用过程中由于运用不熟练导致其间也出现过一些问题,下面做个小结,供大家共同学习。1.首先使用EasyUI 的DataGrid分页,得加载其js类库:2.新建一个DataGrid有两种方法来新建一个DataGrid。下面先说第一种方法。1)使用table标签来创建 url="datagrid24_原创 2012-09-18 23:15:18 · 16594 阅读 · 0 评论 -
JOSN传递对象数据类型的原理
这里考虑都考虑的是服务器返回的是JSON形式的字符串的形式,对于利用JSON Object等插件封装的JSON对象,与此亦是大同小异,这里不再做说明。这里首先给出JSON字符串集,字符串集如下:var data=" { root: [ {name:'1',value:'0'}, {name:'6101',value:'西安市'}, {name:'6102',value:转载 2012-09-14 10:10:03 · 2629 阅读 · 0 评论 -
EasyUI 动态tab页界面小结
在项目中用到了easyui的动态tab页,起初右侧tab页面太小,后来做了如下调整算是大小搞定,打到期望值一.添加如下js代码 $(document).ready(function () { $('#tabcontainer').tabs({ fit: true }); 二.在要嵌入的tab页面中设置页面的高度,设一个固定值。eg原创 2012-08-26 10:16:54 · 9386 阅读 · 2 评论 -
Microsoft JScript 运行时错误: 对象不支持此属性或方法
此错误比较常见,我就我编程过程中出现的错误做此总结,可能与你们不符,请不要盲目尝试。我出现此错误是因为引用jquery两次。后来在程序中引用highcharts,又碰到此错误,然后用firefox的 firedebug调试,对js代码进行追踪,提示为highcharts TypeError: Highcharts.Chart is not a constructor。想尽一切办法在网上苦苦搜索原创 2012-08-21 20:17:15 · 9486 阅读 · 1 评论 -
JQuery之Ajax
1.jquery.ajax(url [,settings])url:包含url请求发送目的地的字符串(说白了就是jquery.ajax被调用后处理业务逻辑的url)settings:配置ajax请求的键值对集合。其中所有的选项都是可选的。jquery.ajaxSetup(Options)设置setting的默认值。下面对settings的属性一一介绍:1)accepts翻译 2012-08-19 11:01:41 · 2540 阅读 · 0 评论 -
JQuery.html()与jquery.append(document.createTextNode())的区别
JQuery.html()里面的参数可以是html代码,而document.createTextNode()则只能显示文本,eg:Jquery.html("百度")显示的是“百度”二字,为一个超链接。Jquery.append(document.createTextNode(“百度”))则显示的是百度文本。原创 2012-08-19 17:22:33 · 2895 阅读 · 0 评论 -
Web UI设计网站
http://www.kendoui.com/web.aspx :比较好的web UI框架原创 2012-08-04 15:03:04 · 606 阅读 · 0 评论 -
路径问题
/开头表示根目录, ./表示当前目录, ../上级目录, 直接用文件名不带/也表示同一目录,这些都是相对于当前文件的位置来说的,这些通用。下面是js获取文件路径://js获取项目根路径,如: http://localhost:8083/uimcardprjfunction getRootPath(){ //获取当前网址,如: http://localhost:8083/uimca转载 2013-04-10 12:02:41 · 1115 阅读 · 0 评论