网易我的世界光影:ASP的弹出窗口
来源:百度文库 编辑:查人人中国名人网 时间:2024/07/08 12:13:36
首先你的页面里定义这样一个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>
没测试,大概思路是这样,你试试