夏天到了:ASP的弹出窗口

来源:百度文库 编辑:神马品牌网 时间:2024/04/27 13:55:29
大家肯定在许多网站的留言簿都见过,在选择头像的时候有很多个,为也让留言用户可以选择自己喜欢的头像就会在旁边加一个"显示所有头像".在弹出的窗口中选择自己喜欢的头像之后,回到留言页面,头像也变成你刚才选择的那个头像了,我想请问这是用的什么技术呀,可能的话给点代码.

首先你的页面里定义这样一个img:

<img src=<%=rs("User_Face")%> id="Face">

这样写的用意是从数据库中读取User_Face来显示用户的头像。

然后你的页面里定义这样一个隐藏input:

<input name="User_Face" type="hidden" value="<%=User_Face%>">

这个是为了修改信息时提交的头像路径,默认值是用户当前的头像。

接下来定义这样一个按钮:

<input type="button" value="显示所有头像" onclick="window.open('List.asp')">

然后List.asp里列出所有的头像,每个头像的链接这样定义:

<a href="javascript:;" onclick="parent.getElementById('User_Face').value='1.gif';parent.getElementById('Face').src='1.gif';self.close();'>这里放1号头像图片</a>

看明白了吗?首先替换掉页面中的隐藏input中的值,然后替换掉页面中显示的用户头像路径,最后关闭页面。这样表单提交的时候,你选择的头像路径就会随着表单一起提交了。

JS,javascript能实现。

留言表单设一个头像(表情)输入框(name="face"),旁边有一个“选择头像”连接,点击显示一个隐藏的层,做一个隐藏的层(div),层里面排列出你提供的头像,每个头像添加一个onclick事件(onclick="document.all['face'].value='选择的头像名.gif'")。

如果你要让用户能立即看见自己选择的头像,可以在输入框后在做一个div(id="show"),为输入框face添加一个onchange事件,onchange="showface(this)",再做一个function,

<script language=javascript>
function showface(object)
var obj=document.all['object']
var face=obj.value
document.getById('show').innerHTML="<img border=0 src=" + face + ">"
end function
</script>

没测试,大概思路是这样,你试试