Discuz!官方免费开源建站系统

 找回密码
 立即注册
搜索

[疑问] 高手想问下把投票做成ajax弹出层,怎么实现

[复制链接]
chentaokkk 发表于 2009-9-29 10:31:06 | 显示全部楼层 |阅读模式
本帖最后由 chentaokkk 于 2009-9-29 10:38 编辑

下面是ajax弹出的部分 我想问下怎么实现点击标题显示投票内容
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  4. <title>提示信息框</title>
  5. <style type="text/css">
  6. a{ color:#000; font-size:12px;text-decoration:none}
  7. a:hover{ color:#900; text-decoration:underline}
  8. body{background:;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#003366); overflow:hidden}
  9. #massage_box{ position:absolute; left:expression((body.clientWidth-350)/2); top:expression((body.clientHeight-200)/2); width:350px; height:200px;filter:dropshadow(color=#666666,offx=3,offy=3,positive=2); z-index:2; visibility:hidden}
  10. #mask{ position:absolute; top:0; left:0; width:expression(body.scrollWidth); height:expression(body.scrollHeight); background:#666; filter:ALPHA(opacity=60); z-index:1; visibility:hidden}
  11. .massage{border:#036 solid; border-width:1 1 3 1; width:95%; height:95%; background:#fff; color:#036; font-size:12px; line-height:150%}
  12. .header{background:#036; height:10%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:3 5 0 5; color:#fff}
  13. </style>
  14. </head><body>
  15. <div id="massage_box"><div class="massage">
  16. <div class="header" onmousedown=MDown(massage_box)><div style="display:inline; width:150px; position:absolute">本站提示信息</div>
  17. <span onClick="massage_box.style.visibility='hidden'; mask.style.visibility='hidden'" style="float:right; display:inline; cursor:hand">×</span></div>
  18. <ul style="margin-right:25"><li>
  19. 本人申明此博客所有文章(包括文章插图)均为原创,如需引用或转载请注明出处。
  20. </li><li>欢迎大家对博文中观点留言评述,谢绝无聊人士无素质无观点的灌水漫骂。</li><li>本站已设背景音乐,听音乐盒中收集的音乐时请先到页面底部关闭背景音乐。</li></ul></div></div>
  21. <div id="mask"></div>
  22. <span onClick="mask.style.visibility='visible';massage_box.style.visibility='visible'" style="cursor:hand"><a href="#">显示提示信息</a></span>


  23. </body>
  24. </html>
复制代码
回复

使用道具 举报

 楼主| chentaokkk 发表于 2009-9-29 10:37:57 | 显示全部楼层
高手帮忙啊
回复

使用道具 举报

lidq.jingwu 发表于 2009-9-29 10:43:13 | 显示全部楼层
AJAZ只负责向后台发送请求,弹出层还是自已来做,做好后加上AJAX事件即可。
回复

使用道具 举报

 楼主| chentaokkk 发表于 2009-9-29 10:46:58 | 显示全部楼层
详细点呢 我菜鸟啊
我就是不会ajax弹出层部分的内容读取
回复

使用道具 举报

lidq.jingwu 发表于 2009-9-29 10:59:39 | 显示全部楼层
内部读取没有用到AJAX,是一般的数据调用而已,当页面上的表单填写完成后,点击提交,然后才是用的AJAX。
用数据调用将投票的内容读取出来,放到弹出层里面,然后加一个AJAX事件,先把前两步做完吧。
回复

使用道具 举报

 楼主| chentaokkk 发表于 2009-9-29 11:02:14 | 显示全部楼层
内部读取没有用到AJAX,是一般的数据调用而已,当页面上的表单填写完成后,点击提交,然后才是用的AJAX。
...
lidq.jingwu 发表于 2009-9-29 10:59



    老大 能帮谢谢例子出来看看吗
回复

使用道具 举报

lidq.jingwu 发表于 2009-9-29 11:56:14 | 显示全部楼层
先做数据调用吧:
写数据调用的展示代码前应知道的一些知识:https://discuz.dismall.com/thread-1408121-1-1.html
如何写展示代码:https://discuz.dismall.com/thread-1409174-1-1.html
如何使用模块功能的高级模式:https://discuz.dismall.com/thread-1407022-1-1.html
回复

使用道具 举报

littlehz 发表于 2009-9-29 15:48:03 | 显示全部楼层
买本书看吧,AJAX是由javascript、xml、php等组合的技术,再怎么也要学习三四个月,一两句话说不清楚
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2025-9-14 05:17 , Processed in 0.099856 second(s), 14 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表