javascript

给js创建的一个input数组绑定click事件 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<html>  
    <body>
        <input type="button" name="input[]" value="按钮1" />
        <br />
        <input type="button" name="input[]" value="按钮2" />
        <br />
        <input type="button" name="input[]" value="按钮3" />
        <br />
        <div id="add">
        </div>
    </body>
</html>

<script type="text/javascript">
    // 通过 getElementsByTagName 获得都有 input 控件
    var inputs = document.getElementsByTagName("input");
    // 为第0个button绑定onclick事件，alert一下
    inputs[0].onclick = function() {
        alert("我测试一下");
    }

    // 为每一个button绑定onclick事件，alert一下
    for (var i = 0; i < inputs.length; i++) {
        inputs[i].onclick = function() {
            alert("我测试一下");
        }
    }

    window.onload = function() {
        // 定义一个数组 arrs
        var arrs = new Array();
        // 循环添加
        for (var i = 0; i < 2; i++) {
            // 循环添加两个 input type="button" value="新增"+i
            var input = document.createElement("input");
            input.type = "button";
            input.value = "新增" + i;
            // 记得把创建的 input 放入 arrs 中
            arrs.push(input);
            // 然后把 input 放入 id="add" 的div中
            document.getElementById("add").appendChild(input);
        }

        // 同样用 [0].onclick 绑定事件，依然没有问题
        arrs[0].onclick = function() {
            alert("我又测试一下");
        }

    }
</script>
php

PHP+MySql+jQuery实现的“顶”和“踩”投票功能

当我们浏览网页时，我们想对网页内容如文章、评论中的观点持赞同或反对意见时，可以通过点击网页中的“顶”和“踩”来进行投票。而整个交互过程，开发者可以通过ajax异步来实现，从而提高用户体验。

本文结合实例，讲解使用PHP+MySql+jQuery实现的“顶”和“踩”投票功能，通过记录用户IP，判断用户的投票行为是否有效，该实例也可以扩展到投票系统中。如果您具备PHP、MySql和jQuery相关基础知识，那么请继续往下阅读。

Read More

php

PHP+Mysql+jQuery找回密码

通常所说的密码找回功能不是真的能把忘记的密码找回，因为我们的密码是加密保存的，一般开发者会在验证用户信息后通过程序生成一个新密码或者生成一个特定的链接并发送邮件到用户邮箱，用户从邮箱链接到网站的重置密码模块重新设置新密码。

查看演示 下载源码
当然现在有的网站也有手机短信的方式找回密码，原理就是通过发送验证码来验明正身，和发送邮件验证一样，最终还是要通过重置密码来完成找回密码的流程。

Read More

javascript

获取span里面的值（特殊情况下）

如何获取A？

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class="warpper">  
    <span class="content">  
        A  
        <span>123</span>  
    </span>  
</div>  
  
<script type='text/javascript' src='./jquery-1.7.2.min.js'></script>  
<script type='text/javascript'>  
    var a = $(".content")[0].firstChild.data;  
    function al(){  
        alert(a);  
    }  
    window.onload=al;  
</script>
javascript

select默认选择的实现方法 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script type="text/javascript"> 
<!-- 
document.biao.bbb.value = "云南";//biao是表单名，bbb是select标签ID,云南是select默认选中项 
//--> 
</script> 
<form name="biao" method="post" action="" enctype="multipart/form-data"> 
	<select name='aaa' id='bbb'> 
		<option value=''>现有分类</option>
		<option value='新疆'>新疆</option>
		<option value='云南'>云南</option>   //方法二：<option value="云南" <?php if($res=='云南'){echo "selected";}?>>
		<option value='西藏'>西藏</option>
		<option value='甘肃'>甘肃</option> 
		<option value='宁夏'>宁夏</option>
		<option value='青海'>青海</option> 
	</select> 
</form>