第一页 上页 12 13 14 15 16 17 18 19 20 21 下页 最后页 [ 显示模式： 摘要 | 列表 ]

JS 事件 DOM2 的进化

[不指定 2014/09/25 18:31 | by 刘新修 ]

DOM2 的进化:

DOM 0 Event

DOM 2 Event

onblur()

blur

onfocus()

focus

onchange()

change

onmouseover()

mouseover

onmouseout()

mouseout

onmousemove()

mousemove

onmousedown()

mousedown

onmouseup()

mouseup

onclick()

click

ondblclick()

dblclick

onkeydown()

keydown

onkeyup()

keyup

onkeypress()

keypress

onsubmit()

submit

onload()

load

onunload()

unload

H5/JS/CSS | 评论(0) | 引用(0) | 阅读(3632)

JQuery总结

[不指定 2014/09/16 16:32 | by 刘新修 ]

1. 利用JQuery中如何判断元素中是否有文本

JavaScript代码
  1. <script type="text/javascript">  
  2. $(function(){  
  3.        $("body").each(function(){  
  4.               if($(this).find("h1").text().trim()==""){  
  5.                      $(this).css("background","blue");  
  6.               }else{  
  7.                      $(this).css("background","red");  
  8.               }                
  9.        });                                
  10. });  
  11. </script>  

注：//trim()方法是去空格，$.trim()函数删除提供字符串的所有换行符,空格（包括非中断空格

2. 判断ul标签下是否有li元素

JavaScript代码
  1. var jqObj = $(this);  
  2. if(!jqObj.has('li').length){  
  3. jqObj.hide();  
  4. }  

3. 遍历/判断子节点（带某些参数子节点）的个数，如果有少于1的给出提示.

JavaScript代码
  1. $("div[id^=div]").each(function(){  
  2.     //alert($(this).find(".subclass").children('ul').size());  
  3.     var lili=$(this).find(".subclass").children('ul').size();  
  4.     //alert(lili)  
  5.     if(lili<1){  
  6.      alert("ddd")  
  7.     }  
  8. });  
XML/HTML代码
  1. <div id="div1" class="topclass"><ul><li></li></ul><div class="subclass"><ul><li></li></ul><ul><li></li></ul></div></div>  
  2. <div id="div2" class="topclass"><ul><li></li></ul><div class="subclass"><ul><li></li></ul></div></div>  

YY项目中的例子：

JavaScript代码
  1. //限制每提最少选择一个答案  
  2. var stop=true;  
  3. $(".lisbox").each(function () {  
  4.     //alert($(this).find(".subclass").children('ul').size());  
  5.     var lili = $(this).find("input:checked").length;  
  6.     //alert(lili)  
  7.     if (lili < 1) {  
  8.       stop=false;  
  9.     }  
  10. });  
  11.   
  12. if(!stop){ alert("每个调查最少选择一个答案哦～");return false; }  
  13.   
  14. $.ajax({ ... })  

4. 检查某个元素是不是再另外一个元素中？

XML/HTML代码
  1. <ul><li></li></ul>  
  2.   
  3. <script>  
  4.   $("ul").append("<li>" + ($("ul").has("li").length ? "yes__" : "no_") + "</li>");  
  5.   $("ul").has("li").addClass("full");  
  6. </script>  

5. 遍历保存所有Input内地值

JavaScript代码
  1. <script>  
  2.     $("p").append( $("input").map(function(){  
  3.       return $(this).val();  
  4.     }).get().join(", ") );  
  5. </script>  
  6. ====================================================  
  7. Values: John, password, http://qq.com/  

6.邮件订阅提交

JavaScript代码
  1. <script type="text/javascript">  
  2. function subscribe(){  
  3.     $.post('/ebapi/subscribe.php', {"ispub":1, "email":$("input[name=email]").val()}, function(jsondata){  
  4.     if (jsondata.code == 1){  
  5.        $('.bu_success').css("display", "block");  
  6.        $('.bu_error').css("display", "none");  
  7.        $('.bu_success').html('订阅成功');  
  8.     }else{  
  9.        $('.bu_success').css("display", "none");  
  10.        $('.bu_error').css("display", "block");  
  11.        if (jsondata.code == 2)  
  12.          $('.bu_error').html('您已经订阅了，不需要重复订阅');  
  13.        else if (jsondata.code == -1)  
  14.          $('.bu_error').html('邮箱格式错误，请重新输入');  
  15.        else if (jsondata.code == 0)  
  16.          $('.bu_error').html('订阅失败');    
  17.     }  
  18.    }, 'json');  
  19. }  
  20. $('input[name="email"]').bind('keypress', function(event){  
  21.     if (event.keyCode == '13'){  
  22.         subscribe();  
  23.     }  
  24. });  
  25. $('#subscribeBtn').bind('click', function(){  
  26.    subscribe();  
  27. });  
  28. </script>  
  29. *********************************************  
  30. 返回Json格式:｛code: 1｝  

7.通用Tab选项卡

JavaScript代码
  1. //tab标签切换  
  2. var $tabcon=$(".tabbox .tabcon .tcon");  
  3. var $tabconliN=$(".tabbox li");  
  4. var $tabconliH=$(".tabbox li[name='tabH']");  
  5. var $tabconliC=$(".tabbox li[name='tabC']");  
  6.   
  7. $tabconliH.hover(function(){  
  8.     $(this).siblings().removeClass("current").addClass("current");  
  9.     var index = $tabconliN.index(this);  
  10.     $tabcon.eq(index).show().siblings('.tcon').hide();  
  11. });  
  12. $tabconliC.click(function(){  
  13.     $(this).siblings().removeClass("current").addClass("current");  
  14.     var index = $tabconliN.index(this);  
  15.     $tabcon.eq(index).show().siblings('.tcon').hide();  
  16. });  
XML/HTML代码
  1. <div class="tabbox">  
  2.     <div class="tit">  
  3.         <ul>  
  4.             <li name="tabC">aaaaaaaaaa</li>  
  5.             <li name="tabC">bbbbbbbbbb</li>  
  6.             <li name="tabC">cccccccccc</li>  
  7.         </ul>  
  8.     </div>  
  9.     <div class="tabcon">  
  10.         <div class="tcon">1111</div>  
  11.         <div class="tcon">2222</div>  
  12.         <div class="tcon">3333</div>  
  13.     </div>  
  14. </div><!-- tabbox -->  

8. 提交问卷实例（抓取页面中所有被选中的Input_value值，及对应的问题ID，输出Json）

JavaScript代码
  1. function showVal(){  
  2. var val=$('.lisbox').map(function(){  
  3.     var pid=$(this).attr('id');  
  4.     var val=$('input:checked',this).map(function(){  
  5.         return $(this).val();      
  6.     }).get();  
  7.     var obj={key:pid,id:val};  
  8.     return obj;  
  9. }).get();  
  10. alert(JSON.stringify(val));  
XML/HTML代码
  1. <div class="lisbox" id="120">  
  2. <div class="lisT l-h-30 co30">1.你从哪里知道的我们的？</div>  
  3. <input type="radio" name="an0" value="316" id="316"><label for="316">电视广告</label>    
  4. <input type="radio" name="an0" value="318" id="318"><label for="318">地铁公交广告</label>  
  5. <input type="radio" name="an0" value="317" id="317"><label for="317">互联网文字广告</label>  
  6. <input type="radio" name="an0" value="315" id="315"><label for="315">互联网视频广告</label>  
  7. <input type="radio" name="an0" value="327" id="327"><label for="327">亲朋好友介绍</label>  
  8. </div>  
  9.   
  10. <div class="lisbox" id="120">  
  11. <div class="lisT l-h-30 co30">2.你从哪里知道的我们的？</div>  
  12. <input type="checkbox" name="an0" value="316" id="316"><label for="316">电视广告</label>    
  13. <input type="checkbox" name="an0" value="318" id="318"><label for="318">地铁公交广告</label>  
  14. <input type="checkbox" name="an0" value="317" id="317"><label for="317">互联网文字广告</label>  
  15. <input type="checkbox" name="an0" value="315" id="315"><label for="315">互联网视频广告</label>  
  16. <input type="checkbox" name="an0" value="327" id="327"><label for="327">亲朋好友介绍</label>  
  17. </div>  
  18. <input type="submit" onClick="showVal()">  

9.JS定期器

XML/HTML代码
  1. clearTimeout()和clearInterval() ：  
  2. JS里设定延时：  
  3. 使用SetInterval和设定延时函数setTimeout 很类似。  
  4. setTimeout 运用在延迟一段时间，再进行某项操作。  
  5. setTimeout("function",time) 设置一个超时对象  
  6. setInterval("function",time) //设置一个超时对象  
  7. SetInterval为自动重复，setTimeout不会重复。  
  8. clearTimeout(对象) 清除已设置的setTimeout对象  
  9. clearInterval(对象) 清除已设置的setInterval对象  

 10.JQ(Ajax)实例

JavaScript代码
  1. $("#bt1").click(function(){    
  2.     var name =$("#tx1").val();    
  3.     var URL = "../validate?name="+name+"&date="+new Date().getTime();    
  4.     $.ajax({    
  5.         type:"GET",    
  6.         url:URL,    
  7.         dataType:"xml",    
  8.         success:function(msg){    
  9.             alert(msg);    
  10.             var jqueryObj =$(msg) ;//把后台传来的对象转为JQuery对象    
  11.             alert(jqueryObj);    
  12.             var content = jqueryObj.text();    
  13.             $("#sp1").text(content);    
  14.                 
  15.         }    
  16.     });    
  17. })  

 

 

H5/JS/CSS | 评论(0) | 引用(0) | 阅读(4959)

php提交JSON并返回JSON格式数据（附AJAX部分）

[不指定 2014/09/13 08:30 | by 刘新修 ]

 

PHP代码
  1. <?php  
  2. header("content-type:text/html;charset=utf-8");  
  3. $username = $_POST['hiusername'];  
  4. $sex = $_POST['hisex'];  
  5. $age = $_POST['hiage'];  
  6. //$json_res = {'username':$username,'sex':$sex,'age':$age};  
  7. $json_res = array("username"=>$username,'sex'=>$sex,'age'=>$age);  
  8. $res = json_encode($json_res);  
  9. file_put_contents("c:/1.txt",$res);  
  10. echo $res;  
  11.   
  12. ?>  
XML/HTML代码
  1. <html>  
  2. <head>  
  3. <title>php jquery json数据传输</title>  
  4. <meta http-equiv="content-type" content="text/html;charset=utf-8" />  
  5. <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>  
  6. <script type="text/javascript">  
  7. $(function(){  
  8.     $('#send').click(function(){  
  9.          $.ajax({  
  10.              type: "post",  
  11.              url: "/php/s1.php",  
  12.              data: {hiusername:$("input[name='username']").val(),hisex:$("input[name='sex'][checked]").val(),hiage:$("input[name='age']").val()},  
  13.              dataType: "json",  
  14.              success: function(msg){  
  15.                   if(msg!=null){  
  16.                          alert("提交成功！")  
  17.                   }  
  18.              },error:function(){  
  19.                          alert("ddddd")  
  20.              }  
  21.          });  
  22.     });  
  23. });  
  24.   
  25. </script>  
  26. </head>  
  27. <body>  
  28. <!-- <form action="/php/s1.php" method="post">  -->  
  29. 姓名：<input type="text" name="username" /><br />  
  30. 性别：<input type="radio" name="sex" value="男" />男<input type="radio" name="sex" value="女" />女<br />  
  31. 年龄：<input type="text" name="age" />  
  32. <input type="submit" name="sub" id="send" value="提交" />  
  33. <!-- </form> -->  
  34.   
  35. <div id="test"></div>  
  36. </body>  
  37. </html  

 

H5/JS/CSS | 评论(0) | 引用(0) | 阅读(4590)

JQuery对CheckBox的一些相关操作

[不指定 2014/09/13 08:12 | by 刘新修 ]

 一、对CheckBox的操作：

   以这段checkBox代码为例：
 
   <input type="checkbox" name="box"  value="0" checked="checked" /> 
   <input type="checkbox" name="box" value="1" />
   <input type="checkbox" name="box" value="2" />
   <input type="checkbox" name="box" value="3" />
   1.遍历checkbox用each()方法：
       $("input[name='box']").each(function(){});
   2.设置checkbox被选中用attr();方法：
     $("input[name='box']").attr("checked","checked"); 
    在HTML中，如果一个复选框被选中，对应的标记为 checked="checked"。 但如果用jquery alert($("#id").attr("checked")) 则会提示您是"true"而不是"checked"，所以判断 if("checked"==$("#id").attr("checked")) 是错误的，应该是 if(true == $("#id").attr("checked"))
  3.获取被选中的checkbox的值：
    $("input[name='box'][checked]").each(function(){
    if (true == $(this).attr("checked")) {
          alert( $(this).attr('value') );
    }
     或者：
    $("input[name='box']：checked").each(function(){
    if (true == $(this).attr("checked")) {
          alert( $(this).attr('value') );
    }
   $("input[name='box']：checked")与 $("input[name='box']")有何区别没试过，我试了用 $("input[name='box']")能成功。
   4.获取未选中的checkbox的值：
 
    $("input[name='box']").each(function(){
          if ($(this).attr('checked') ==false) {
                alert($(this).val());
            }
     });
   5.设置checkbox的value属性的值:
          $(this).attr("value",值);
 
二、 一般都是创建一个js数组来存储遍历checkbox得到的值，创建js数组的方法：
     1.  var array= new Array();
     2. 往数组添加数据：
        array.push($(this).val());
     3.数组以“,”分隔输出：
         alert(array.join(','));
 
  <input type="checkbox" name="myBox" class="chkTwo" value="2" />
  <input type="checkbox" name="myBox" id="chkOne" value="2" />
H5/JS/CSS | 评论(0) | 引用(0) | 阅读(4337)

根据NAME值及所匹配的value去提交参数值serialize()

[不指定 2014/09/13 01:01 | by 刘新修 ]

 

XML/HTML代码
  1. <html>  
  2. <head>  
  3. <script type="text/javascript" src="/jquery/jquery.js"></script>  
  4. <script type="text/javascript">  
  5. $(document).ready(function(){  
  6.   $("button").click(function(){  
  7.     $("div").text($("form").serialize());  
  8.   });  
  9. });  
  10. </script>  
  11. </head>  
  12. <body>  
  13. <form action="">  
  14. username: <input type="text" name="hiusername" value="liuxinxiu" /><br />  
  15. age: <input type="text" name="hiage" value="28" /><br />  
  16. </form>  
  17.   
  18. <button>序列化表单值</button>  
  19. <div></div>  
  20. </body>  
  21. </html>  

 

H5/JS/CSS | 评论(0) | 引用(0) | 阅读(4608)

为什么PS导出不了JPG切片了？

[不指定 2014/08/26 13:01 | by 刘新修 ]

我用PS做了一个皮肤。切片切好之后 存储为WEB所用格式 选择的是PNG的。

现在我要存储为JPG的，但是现在存储的时候 明明选择的是JPG的，但是存储出来的还是PNG的图片。

解决如下：

其实这样的情况我曾经也遇到过，研究了一下，目前最好的处理方法是这样的：

1.选择储存为web所有格式；

2.弹出的选项框的左下方显示百分比中选择：满画布显示；

3.框中显示满画布后，在显示图片区域按住鼠标左键，从左上拖动至左下，全选整个所有切好的图片（如果想分别选择可以调整显示百分比大小，将所要储存的图片格式一一选择）；

4.全选或任意选择好你所需的图片后，在弹出框的左边“预设”处选择JPG（或则其他格式），调整所需品质、模糊、杂边等；

5.最后点存储，选择“html和图片”，选好电脑所放位置，就可以得到整图切片后生成的所有JPG格式图片以及html了。

常用软件 | 评论(0) | 引用(0) | 阅读(6457)

linux apache安装mod_cband限制虚拟主机带宽

[不指定 2014/06/27 15:36 | by 刘新修 ]

mod_cband是一个限额用户带宽，最高下载速度，每秒访问请求速度和最高并发访问ip连接数的apache2模块。

1.安装mod_cband如下：

C#代码
  1. wget http://so.liuxinxiu.com/mod-cband-0.9.7.2.tgz  
  2. tar zxvf mod-cband-0.9.7.2.tgz  
  3. cd mod-cband-0.9.7.2  
  4. ./configure --with-apxs=/usr/local/apache/bin/apxs  
  5. make  
  6. make install  
#####　whereis apxs可以看到你的apxs路径　#####
如果是yum 安装 httpd 找不到apxs需要单独再安装：# yum install httpd-devel //安装
查看路径：whereis apxs
 
[root@www sbin]# whereis apxs
apxs: /usr/sbin/apxs /usr/share/man/man8/apxs.8.gz
 
 
2.检查下你的apache配置文件httpd.conf是否加载了
 
执行以下：
C#代码
  1. grep cband /usr/local/apache2/conf/httpd.conf  
  2. 如果是云安装：
  3. grep cband /etc/httpd/conf/httpd.conf
 
查看模块有没加载到apache的路径上
LoadModulecband_module      modules/mod_cband.so
 
3.配置虚拟主机
 
C#代码
  1. #++++++++++默认入口+++++++++++++  
  3. #<VirtualHost *:80>  
  4. #    DocumentRoot /usr/local/apache/htdocs  
  5. #    ServerName 192.168.1.233  
  6. #</VirtualHost>  
  7.   
  8. <VirtualHost *:80>  
  9.    ServerName 192.168.1.233  
  10.    ServerAdmin admin@liuxinxiu.com  
  11.    DocumentRoot /usr/local/apache/htdocs  
  12.    CBandSpeed 1024 100 30  
  13.    CBandRemoteSpeed 50kb/s 5 3  
  14. </VirtualHost>  
说明：
 
CBandSpeed 1024 100 30 #CBandSpeed限定总的最大链接速度为1024kb,最多并发处理100个请求和30个链接
CBandRemoteSpeed 50kb/s 5 3 #CBandRemoteSpeed限定一个用户最多能有50kb的链接速度,最多并发5个请求和3个链接

 

web服务器 | 评论(0) | 引用(0) | 阅读(5764)

mysql通过SUBSTRING_INDEX实现切割

[不指定 2014/06/26 18:43 | by 刘新修 ]

mysql没有直接提供切割的函数.但是我们可以通过SUBSTRING_INDEX来实现.
如 原始字符串:  aa.bb.cc.dd
SELECT SUBSTRING_INDEX(SUBSTRING_INDEX('aa.bb.cc.dd', '.', 1), '.', -1);  得到aa
SELECT SUBSTRING_INDEX(SUBSTRING_INDEX('aa.bb.cc.dd', '.', 2), '.', -1);  得到bb
SELECT SUBSTRING_INDEX(SUBSTRING_INDEX('aa.bb.cc.dd', '.', 3), '.', -1);  得到cc
SELECT SUBSTRING_INDEX(SUBSTRING_INDEX('aa.bb.cc.dd', '.', 4), '.', -1);  得到dd
看出规律来了吧.

数据库技术 | 评论(0) | 引用(0) | 阅读(5332)

Linux find 批量查找文件内容

[不指定 2014/05/30 19:35 | by 刘新修 ]

find ./ -name "*.php" | xargs grep "js.bjlcp.com"

find ./ -name "*.*" | xargs grep "js.bjlcp.com"
 
find ./ -name "*.*" | xargs grep "ob_get_contents"
find ./ -name "*.*" | xargs grep "电影"
find ./ -name "*.*" | xargs grep "bjlcp"
 
Linux/Unix | 评论(0) | 引用(0) | 阅读(5853)

sftp连接命令详解

[不指定 2014/05/18 21:51 | by 刘新修 ]
sftp -oPort=22 root@173.212.222.96
sftp -oPort=22 root@210.209.73.203
 
sftp> get /var/www/fuyatao/index.php  /home/fuyatao/
这条语句将从远程主机的  /var/www/fuyatao/目录下将 index.php
下载到本地  /home/fuyatao/目录下
 
sftp> put /home/fuyatao/downloads/gl.pdf /var/www/fuyatao/
这条语句将把本地 /home/fuyatao/downloads/目录下的 linuxgl.pdf
上传至远程主机/var/www/fuyatao/ 目录下
Linux/Unix | 评论(0) | 引用(0) | 阅读(5526)
第一页 上页 12 13 14 15 16 17 18 19 20 21 下页 最后页 [ 显示模式： 摘要 | 列表 ]