网页中有时候需要获得图片的宽度和高度，来定义某些大小，可是这个是需要从服务端请求图片，下载到本地才能够得到的，有些js或者jquery代码在还没有加载完图片时就执行了。怎么办呢？jquery提供一个方法： 代码如下:01.$("").load(function(){...}); 其中选择器是图片的id或class，function里面的方法就是回调函数，在图片加载完成后执行，但是我试验了很多，压根儿不是那么回事，正确的解决方法是： 用js的onload方法： 代码如...
1.链接 代码如下:<?php echo CHtml::link(Yii::t(cmp,Delete),javascript:,array(class=>c_06c,onclick=>return art_del_confirm("/company/msglog/delete/id/.$data->zml_id.","你确定要删除这条消息吗？")))?> 2.jq 代码如下:<script> //单项删除确认框 function art_del_confirm(url,message){ message = message?message:你确定要删除这条数据吗？; art.dialog({ title: 确认删除, okValue:确认, cancelValue:取消, width: ...
demo01.htm 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>方向反馈</title> <style type="text/css"> html,body{margin:0;padding:50px;} #wrap{position:relative;width:400px;height:300px;backg...
需要jQuery -detach 后的dom 结构或某个值 。 代码如下:<body> <input type="text" value="test" name="showtime" id="showtime" /> <input type="button" onclick=showDetach();/> </body> <script type="text/javascript"> var obj = ; setTimeout(function(){ obj=jQuery("#showtime").detach() ; // 需要用jquery转换一下。 },1000) ; function showDetach(){ alert(jQuery(obj).val()) ; } </script> </body>
不多说了，上码 action 代码如下:package com.lk.action; import javax.annotation.Resource; import com.googlecode.jsonplugin.annotations.JSON; import com.lk.service.StudentControl; import com.opensymphony.xwork2.ActionSupport; public class LoginAjaxAction extends ActionSupport { private String username; private StudentControl studentControl; @JSON(serialize=false) //setStudentControl利用了spring，很重...
非侵入实现，控制更方便 效果图： 代码如下:<html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>javascript practice</title> <script type="text/javascript" src="jquery-1.8.0.min.js"></script> <style type="text/css"> table{width:300px;} caption{background:#DCA;} th{background:#FCA;width:50%;} td{text-align:center;} </style> <script type="text/javascript"> $(docu...
代码如下:var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); $.getScript(gaJsHost + "google-analytics.com/ga.js",function(){ try { var pageTracker = _gat._getTracker("UA-123456-16"); pageTracker._trackPageview(); } catch(err) {} });
由于目前Google的不稳定，而国内没有好的同类服务，故这已不是最优方案。当然，你把Google库路径换成国内稳定且快速的路径（如果存在），依然可以受用此方法带来的各种好处。即便如此，综合考虑的话，还是Google的最合适。 网站开发的项目中使用Google CDN的jQuery库虽然加载速度很快，但调用本地服务器的库才可以确保万无一失。而使用Wordpress内置jQuery库的话，其末尾防止JS库 冲突而加入的jQuery.noConflict()使得主题中所有jQ...
首先废话一句，jQuery选择器真心很强大！ 在项目中遇到这么一个问题easyui的问题 如图所示，当前页面显示的是“原始报文查询”的页面，当时左侧导航栏却选中的是“重发报文查询”。如何让右侧的菜单和左侧的导航实现联动即：左侧点击“原始报文查询”，那么右侧的“补发运抵报文”展开，并选中“原始报文查询”，“后台管理”关闭？ 实现方式如下： 1、右侧的“原始报文查询”等用到的是easyui的tabs控件，查看api知道，tabs有个o...
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery限制输入字数,并提示剩余字数</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> function w...
"元素拖拽改变大小"其实和"元素拖拽"一个原理，只是所动态改变的对象不同而已，主要在于 top、left、width、height 的运用，相对实现起来也非常容易。以下附出源码原型，弄明白了原理再扩展其他实际应用，思路就变得简单、清晰得多了 下面是 JavaScript Code 代码如下:<script type="text/javascript"> /* * jQuery.Resize by wuxinxi007 * Date: 2011-5-14 */ $(function(){ //绑定需要拖拽改变大小的元素对象 bindResize(docume...
代码如下：我写了个方法，用于查询结果，但debug过程中发现结果集有数据，我如何通过变量获取呢？ JScript code 代码如下:function getChildNodeArrayByParentID(categoryCode) { $.ajax( { type: "get", url: "DynamicMenuItemsHandler.ashx", data: { MenuItemCode: categoryCode }, async: false, success: function(data) { return data; } }); } var jsonArray = getChildNodeArrayByParentID(01); var jsonArray = getChil...
功能： 单击单元格选中，选中过程中使用方向键更换选中的单元格，选中过程中按回车键或者直接双击单元格进入可编辑状态，单元格失去焦点时保存修改的内容。 主要实现思路： 选中，移动选中区域等都是依靠jQuery强大的API进行实现的。而可编辑的单元格实际上是在选中单元格时，在单元格上面添加个input输入域，动态的更新数据源代码： HTML代码： 代码如下:<table class="editableTable"> <thead> <tr> <th>Item1</th> <th>Item2</...
在CMS中通常都有给标题添加颜色的功能，但一般都比较简单，颜色支持也少，这里我要分享一个自己修改的颜色选择器。界面简洁，功能强大。在我们的日常项目中可以快速的部署。代码如下:$(".colorpicker").colorpicker({ target:#title, success:function(o,color){ $("#color").val(color) }, reset:function(o){ $("#color").val(); } }); 相关文件和演示 ColorPicker选择器含演示程序下载：点击下载 ColorPicker演示：点击查看
今天要分享的是基于JQuery实现的多标签的切换，JQuery就不用过多介绍了，网上一搜一大堆资料，当然这样的小示例也有很多，这里只是发表一些自己的想法。 下面是本次示例所使用的HTML页面： 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ut...