【discuz】Discuz X2 与 jQuery 兼容解决方案

1.下载新版完整版的jQuery脚本文件,放到Discuz根目录下的 static\js\ 文件夹中。 2.打开js文件,在文件末尾追加一句(如果不想追加的,则可以略过本步骤,在第3步修改): jQuery.noConflict(); //这是jQuery多库共存机制的一种体现。 如果是 mini 版的js文件,因为已经压缩的原因,则追加后可能出错,建议在完整版后面追加,然后再利用js压缩工具压缩。 3.更改默认的模板文件 template/default/common/header_common.htm,如果使用了其他风格,且其他风格重写了header_common.htm 文件则需要更改相应风格的header_common.htm文件,修改方法如下: 找到标记 <!–{csstemplate}–> 在其后添加jQuery的js文件,例如: <script src=”{$_G[setting][jspath]}jQuery.js?{VERHASH}” type=”text/javascript”></script> 因为我是把js文件放到了系统的js目录,所以可以用$_G这种方式获取,其他依个人情况。 附:如果在第2步没有追加的,可在这里加完引用js文件后,再写一句: <script type=”text/javascript”> jQuery.noConflict();</script> 即可。原理其实都是一样的。 4.在所有jQuery调用使用 $ 字样的地方,使用 jQuery 字样, 例如 var jhonse= jQuery.noConflict(); jhonse(“#hide”).show(); 5.后台,工具,更新所有缓存。前台页面刷新见效果。 完成!

【disucz】discuz模板文件介绍

模板文件篇: | — template — default   系统内置风格模板(默认风格) | — template — default  — discuz_style_default.xml  风格安装文件,可用风格导出功能创建 | — template — default  — preview.jpg  预览图 | — template — default  — common 风格中的公共包含文件,内含css、htm模板文件 | — template — default  — common  —  block_forumtree.htm  树形论坛版块分支js文件 | — template — default  — common  —  block_thread.htm  特殊主题的风格模块文件 | — template — default  — common  —  block_userinfo.htm  用户资料的风格模块,用于显示 | — template — default  — common  —  common.css  公共CSS文件。 | — template — default  — … Continue reading “【disucz】discuz模板文件介绍”

【jquery】根据name属性获取对象

<html> <head> <script type=”text/javascript” src=”/jquery/jquery.js”></script> <script type=”text/javascript”> $(document).ready(function(){ $(“input”).focus(function(){ $(“input”).css(“background-color”,”#FFFFCC”); }); $(“input”).blur(function(){ $(“input”).css(“background-color”,”#D6D6FF”); var dd=$(“:input[name=’login’]”).val(); $(“:input[name=’login22′]”).val(dd); // $(“#txt”).attr(“value”,’11’);//填充内容 }); }); //$(“:input[name=’login’]”).val() </script> </head> <body> Enter your name: <input type=”text” /><br> <input type=”text” name=”login” value=”vvvvv”/><br> <input type=”text” name=”login22″ value=””/><br> <p>请在上面的输入域中点击,使其获得焦点,然后在输入域外面点击,使其失去焦点。</p> </body> </html>  

【Google】google地图-根据位置来查找经纬度

效果: HTML代码: <!DOCTYPE html> <html> <head> <meta name=”viewport” content=”initial-scale=1.0, user-scalable=no”/> <meta http-equiv=”content-type” content=”text/html; charset=gb2312″/> <title>Get xy via ip</title> <link href=”http://code.google.com/apis/maps/documentation/javascript/examples/standard.css” rel=”stylesheet” type=”text/css” /> <script type=”text/javascript” src=”./js/geoip.js”></script> <script type=”text/javascript” src=”http://maps.google.com/maps/api/js?sensor=false”></script> <script type=”text/javascript”> var geocoder; var map; var marker; var latlng; function initialize(Title,openInfo) { var lat = geoip_latitude(); var lon = geoip_longitude(); latlng = new google.maps.LatLng(lat, lon); … Continue reading “【Google】google地图-根据位置来查找经纬度”

【Google】google地图-根据经纬度来查找位置

效果图: HTML代码: <link rel=”stylesheet” href=”source/plugin/driving_ranges/template/css/driving_page.css” type=”text/css” /> <script type=”text/javascript” src=”source/plugin/driving_ranges/template/js/jquery-1.7.2.min.js” ></script> <script type=”text/javascript” src=”source/plugin/driving_ranges/template/js/driving_page.js” ></script> <script type=”text/javascript” src=”source/plugin/driving_ranges/template/js/google.js” ></script> <script type=”text/javascript” src=”http://maps.google.com/maps/api/js?sensor=false”></script> <div id=”Map”> <div id=”map_canvas_jhonse” style=”width: 910px; height: 600px;”></div> </div> Javascript代码: $(document).ready(function(){ /* latitude 纬度 longitude 精度 title 悬浮在标记图标上显示的内容 openInfo 提示窗口内容(InfoWindow) */ function initialize(latitude,longitude,title,openInfo) { var map; //地图定位 var myLatlng = new google.maps.LatLng(latitude,longitude); var … Continue reading “【Google】google地图-根据经纬度来查找位置”

【php】字符串分割explode,str_split,preg_split

分隔字符串,使用“str_split”就可以了好处是连空格也会作为数组的元素。我之前的例子就是因为前一个字符串包含2个空格,而后一个只有一个。但是输出的时候看到的显示都是一样的。 也可以按照其他分隔符进行分割,如“explode”或者“preg_split”, php教程 explode() 函数 php string 函数 定义和用法 explode() 函数把字符串分割为数组。 语法 explode(separator,string,limit)参数 描述 separator 必需。规定在哪里分割字符串。 string 必需。要分割的字符串。 limit 可选。规定所返回的数组元素的最大数目。 例子 在本例中,我们将把字符串分割为数组:

【JQuery】元素控制

一、在元素内部/外部追加元素 append,prepend:添加到子元素 before,after:作为兄弟元素添加 html: <div id=”content”> <p>在我的后面追加一条新闻</p> </div> Javascript: <script type=”text/javascript”> $(function(){ //在元素内部追加内容 $(“#content”).append(“<p>姚明退役了…</p>”); }) </script> 在#content里面添加元素,这是把<p>姚明退役了…</p>作为子元素添加到#content,如果想在元素外部追加元素,需要用到after,这样的话就可以把<p>姚明退役了…</p>作为兄弟元素追加到#content后面 <script type=”text/javascript”> $(function(){ //将span添加到追加到content1的后面 $(“#content”).after(“<p>姚明退役了…</p>”); }) </script>   二、在元素的不同位置追加内容 html <div id=”content1″ style=”border:1px solid red”> <p>窗前明月光</p> </div> <span>疑是地上霜</span> javascript <script type=”text/javascript”> $(function(){ //将span添加到追加到content1的后面 $(“span”).appendTo(“#content1″); }) </script>   三、在元素的开始位置追加内容 html <div> <div id=”content”> <p>在我的后面追加一条新闻</p> </div> javascript <script type=”text/javascript”> $(function(){ … Continue reading “【JQuery】元素控制”

【JQuery】jquery的html,text,val

.html()用为读取和修改元素的HTML标签 .text()用来读取或修改元素的纯文本内容 .val()用来读取或修改表单元素的value值。 这三个方法功能上的对比 .html(),.text(),.val()三种方法都是用来读取选定元素的内容;只不过.html()是用来读取元素的HTML内容(包括其Html标签),.text()用来读取元素的纯文本内容,包括其后代元素,.val()是用来读取表单元素的”value”值。其中.和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上;另外.html()方法使用在多个元素上时,只读取第一个元素;.val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的”value”值,但是.text()和他们不一样,如果.text()应用在多个元素上时,将会读取所有选中元素的文本内容。 .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容,如果三个方法同时运用在多个元素上时,那么将会替换所有选中元素的内容。 .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。 例子: <div id=”div”> <p>here is a paragram</p> <div>here is a big DIV</div> </div>function showVal() { var div = $(“#div”); alert(“showVal():  “+div.val()); 显示为空 } function showHtml() { var div = $(“#div”); alert(“showHtml():  “+div.html()); 显示为: <p>here is a paragram</p> <div>here is a big DIV</div> } function showText() {var div = … Continue reading “【JQuery】jquery的html,text,val”