js当我js点击其他地方隐藏时,性别一行隐藏,当我取消选择时,性别又显示

匿名用户不能发表回复!|
每天回帖即可获得10分可用分!小技巧:
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN,不得违反国家法律法规。
转载文章请注明出自“CSDN(www.csdn.net)”。如是商业用途请联系原作者。点击按钮添加一行,Ajax无刷新删除一行JS代码_最火下载站
您的位置: >
> 点击按钮添加一行,Ajax无刷新删除一行JS代码
点击按钮添加一行,Ajax无刷新删除一行JS代码
  点击按钮添加一行,Ajax无刷新删除一行JS代码,Ajax无刷新添加、删除数据的小例子。这是比较常用的网页小特效,我们在平时经常会遇到的,代码看上去并不复杂,因此对于学习JavaScript的人来说,是个不错的参考例子。
  示例:
&html xmlns=&http://www.w3.org/1999/xhtml&&
&title&Js点击自动添加行-www.codefans.net&/title&
&meta http-equiv=&Content-Type& content=&text/ charset=gb2312& /&
&script type=&text/javascript&&
var count = 0;
function Add(){
count += 1;
var File1 = document.getElementById(&file1&);
var div = document.createElement(&div&);
var countTxtgui_ze= document.createTextNode(&规则&+count+&:&);
var countTxtxie_yi = document.createTextNode(& &+&协议&+& &);
var select1 = document.createElement(&&select name=protocol_value&&/select&&);
var ooption1 = new Array();
ooption1[0] = &tcp&;
ooption1[1] = &udp&;
ooption1[2] = &ip&;
ooption1[3] = &ether&;
for(var i=0;i&4;i++){select1.options[i] = new Option(ooption1[i], ooption1[i]);}
var countTxtshu_ju_bao_fang_xiang = document.createTextNode(& &+&数据包方向&+& &);
var select2 = document.createElement(&&select name=direction_value&&/select&&);
var ooption2 = new Array();
ooption2[0] = &src&;
ooption2[1] = &dst&;
ooption2[2] = &src_or_dst&;
ooption2[3] = &src_and_dst&;
for(var i=0;i&4;i++){select2.options[i] = new Option(ooption2[i], ooption2[i]);}
var countTxtxing_shi = document.createTextNode(& &+&形式&+& &);
var select3 = document.createElement(&&select name=type_value&&/select&&);
var ooption3 = new Array();
ooption3[0] = &ip&;
ooption3[1] = &port&;
for(var i=0;i&2;i++){select3.options[i] = new Option(ooption3[i], ooption3[i]);}
var inputTxtveryhuo = document.createElement(&input&);
inputTxtveryhuo.type = &text&;
inputTxtveryhuo.name = &ip_or_port_value&;
var countTxtkong_ge1=document.createTextNode(& &);
var select4 = document.createElement(&&select name=conjunction_value&&/select&&);
var ooption4 = new Array();
ooption4[0] = &0&;
ooption4[1] = &or&;
ooption4[2] = &and&;
ooption4[3] = &not&;
for(var i=0;i&4;i++){select4.options[i] = new Option(ooption4[i], ooption4[i]);}
var countTxtkong_ge2=document.createTextNode(& &);
var btn = document.createElement(&input&);
btn.type = &button&;
btn.name= &delete&
btn.value = &删除&;
btn.onclick = function()
this.parentNode.parentNode.removeChild(this.parentNode);
var n = File1.getElementsByTagName(&div&);
for(var k=0; k&n. k++)
n[k].firstChild.nodeValue = &规则&+(k+1)+&:&;
count -= 1;
div.appendChild(countTxtgui_ze);
div.appendChild(countTxtxie_yi);
div.appendChild(select1);
div.appendChild(countTxtshu_ju_bao_fang_xiang);
div.appendChild(select2);
div.appendChild(countTxtxing_shi);
div.appendChild(select3);
div.appendChild(inputTxtveryhuo);
div.appendChild(countTxtkong_ge1);
div.appendChild(select4);
div.appendChild(countTxtkong_ge2);
div.appendChild(btn);
File1.appendChild(div);
&body onload=&Add()&&
&form id=&zhua_bao& name=&zhua_bao& method=&post& action=&create_sniffer_config.jsp&&
&div id=&file1&& &/div&
&input name=&add& id=&1& value=&AddLine& type=&button& onclick=&Add()&/&
&input name=&submit& type=&submit& value=&提交&/&
&input name=&reset& type=reset value=&清空&/&
&/html&&div style=&text-align:margin:30px 0 0 0;&&&hr style=&color:#999;height:1&&如不能显示效果,请按Ctrl+F5刷新本页,更多网页代码:&a href='/' target='_blank'&/&/a&&/div&提示:可修改后代码再运行!
上一篇: 下一篇:------解决方案--------------------你应该去查C语言的编程手册, 或者手头放一本C语言标准.
以时间为例, 可以用下面函数获取当前时间
#include &time.h&
time_t time(time_t *timer);
然后通过函数
double difftime(time_t time1, time_t time0);
获取两个时间之间的间隔(单位为秒)
这是标准C提供的, 更高精度的时间需要根据你使用的系统来决定.------解决方案--------------------接着楼上说了,
对于你的数据文件保存问题,你可以看下c 语言中IO 一章,无非就是打开或者创建一个文件,写入预先想好的数据格式,然后就可以对数据进行操作,最后取出也是一样的------解决方案--------------------现做的,你可以 参考一下,我这里用*当图形了。
#include &stdio.h&
#include &stdlib.h&
#include &string.h&
#include &time.h&
char str[6][6];
void game(void) {
int i,j,k,x,y,n,
time_t start,
FILE *fp=NULL;
float timme=0;
int a1,a2;
char buf[50]={};
start=time(NULL);
while(n&10) {
memset(str,'o',36);
srand(time(NULL));
a1 = rand()%6;
a2 = rand()%6;
str[a1][a2] = '*';
puts("=======================");
for(i = 0;i & 6;i++){
for(j = 0;j & 6;j++) {
printf("------解决方案--------------------%c------解决方案-------------------- ",str[i][j]);
scanf("%d %d",&x, &y);
getchar();
if(x== (a1+1)&&y ==(a2+1))
puts("=======================");
end=time(NULL);
timme=difftime(end,start);
fp = fopen("log.t","a");
if(fp == NULL)
perror("open log.t failed\n");
sprintf(buf,"成绩 :%d
时间 :%f(s) \n",cout,timme);
fputs(buf,fp);
fclose(fp);
int main(int argc,char *argv[])
用JS做一个弹出框。显示内容为选择性别,该怎么处理
用JS做一个弹出框。显示内容为选择性别就是日历JS控件一样,当鼠标在文本框中一点。那么就弹出一个小框框。选择性别:男 或 女
按了男或女之后。将内容回填到鼠标点中的那个文本框中。
大家明白我的意思没有?我对JS有点茫然。请大家帮帮忙。谢谢各位高手!------解决方案--------------------用模式窗口的例子:
第一个页面:
单击选择性别:
&input type =
"text " name =
"userSex " readOnly onclick= "loadSmallWindow(this) " code= " "&
&script language= "javascript "&
function loadSmallWindow(obj)
var returnValue = showModalDialog( "second.html ",window, "dialogWidth:150dialogHeight:90status:no ");
document.all( "userSex ").value = returnV
窗口页面second.html:
&select name =
"sel_sex "&
&option value =
"男 "& 男 &/option&
&option value =
"女 "& 女 &/option&
&input type= "submit " value =
"确定 " onclick= "aa() "&
&script language= "javascript "&
window.returnValue =
function aa()
window.returnValue = document.all( "sel_sex ").
window.close();
------解决方案--------------------用层做的例子:
&div id= "div " style= "width:150height=90display:background-color:#boder-collapse:border-color:#000000;border-style:border-width:1position:z-index:100 "&
&select name =
"selSex "&
&option value =
"男 "& 男 &/option&
&option value =
"女 "& 女 &/option&
&input type= "button "
"btnOk " value =
单击选择性别:
&input type =
"text " name =
"userSex2 " readOnly onfocus= "loadSmallWindow2(this) "&
&script language= "javascript "&
function loadSmallWindow2(obj)
var div = document.getElementById( "div ");
div.style.display =
div.style.top = obj.offsetTop + obj.clientHeight + 2;
div.style.left= obj.offsetL
document.all( "btnOk ").onclick = function(){
onSelectSex(obj,div);
function onSelectSex(obj,divObj)
var sel = document.all( "selSex ");
obj.value = sel.
divObj.style.display =
以上是我写的两个例子
我只是写个很简单的例子,如果用层,建议把层放在iframe上面,然后控制iframe什么时候隐藏什么时候显示。
如果您想提高自己的技术水平,欢迎加入本站官方1号QQ群:&&,&&2号QQ群:,在群里结识技术精英和交流技术^_^
本站联系邮箱:

我要回帖

更多关于 js点击显示隐藏div 的文章

 

随机推荐