AJAX+PHP

选择了远方,便只顾风雨兼程;目标是地平线,留给世界的是如风的背影!

 

jQuery一例


今天帮同学用jQuery实现了一个小小的功能,特记录如下

test.html (部分代码)

 <SCRIPT src="jquery.js"></SCRIPT>
    
<SCRIPT src="my.js"></SCRIPT>
    
<TABLE class="small" id="detailTable" cellSpacing="1" cellPadding="2" width="100%" align="center" bgColor="#000000" border="0">
    
<TBODY id="pagePic">
      
<tr class=TableData>
          
<td width="15%" align="right">第一页</td>
          
<td width="75%" align="left">文件图片1.jpg</td>
          
<td width="10%" align="left"><input class="BigButton" type="button" value="删除图片" name="listBtn2" onClick="doDelete()"></td>
        
</tr>
        
<tr class=TableData>
          
<td width="15%" align="right">第二页</td>
          
<td width="75%" align="left">文件图片2.jpg</td>
          
<td width="10%" align="left"><input class="BigButton" type="button" value="删除图片" name="listBtn2" onClick="doDelete()"></td>
        
</tr>
        
<tr class=TableData>
          
<td width="15%" align="right">第三页</td>
          
<td width="75%" align="left"><input name="file1" type="file"></td>
          
<td width="10%" align="left"><input class="BigButton" type="button" value="删除图片" name="listBtn2" onClick="doDelete()"></td>
        
</tr>
        
<tr class=TableData>
          
<td width="15%" align="right">第四页</td>
          
<td width="75%" align="left"><input name="file1" type="file">
          
</td>
          
<td width="10%" align="left"><input class="BigButton" type="button" value="删除图片" name="listBtn2" onClick="doDelete()"></td>
        
</tr>

        
<tr class=TableData id="upPic">
          
<td colspan="2" align="left">&nbsp;</td>
          
<td width="10%"><input class="BigButton" type="button" value="添加图片" name="listBtn2" id="addPic""></td>
          
</tr>
    
</TBODY>
    
</TABLE>

my.js

$(function(){
    
var page;
    
//alert(page);
    var num=new Array("","","","","","","","","","","十一","十二","十三","十四","十五","十六","十七","十八","十九","二十");
    $(
"#addPic").click(function(){
        page
=$("#pagePic > tr").length;
        $(
"#upPic").before("<tr class=TableData><td width=15% align=right>第"+num[page-1]+"页</td><td width=75% align=left><input name=file1 type=file></td><td width=10% align=left><input class=BigButton type=button value=删除图片 name=listBtn2 onClick=doDelete()></td></tr>");

    }

);

}
);

效果图:

 

posted on 2008-03-04 23:48 刘伟 阅读(395) 评论(0)  编辑 收藏 引用 网摘 所属分类: jQuery


只有注册用户登录后才能发表评论。
网站导航:

导航

统计

公告

严正申明:严禁任何营利性商业网站在未经作者授权同意情况下进行转载等侵权行为。

留言簿(1)

随笔分类

随笔档案

新闻档案

相册

css

搜索

积分与排名

最新评论