ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingถามเกี่ยวกับโค๊ด ซ่อน ข้อความครับ (แก้ไข)
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ถามเกี่ยวกับโค๊ด ซ่อน ข้อความครับ (แก้ไข)  (อ่าน 1411 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
nicezax7
คนรักเสียว
*

พลังน้ำใจ: 13
ออฟไลน์ ออฟไลน์

กระทู้: 176



ดูรายละเอียด
« เมื่อ: 06 กันยายน 2013, 12:57:59 »

โค๊ด:
<B style="cursor: pointer; color: red; " onmousedown="this.nextSibling.style.display='';this.style.display='none'">
<form method="post" action="http://poll.pollcode.com/pqi7z"><table border="0" width="175" bgcolor="EEEEEE" cellspacing="2" cellpadding="0"><tr><td colspan="2"><font face="Verdana" size="2" color="000000"><b>Chake</b></font></td></tr><tr><td width="5"><input type="radio" name="answer" value="1" id="pqi7zanswer1"></td><td><font face="Verdana" size="2" color="000000"><label for="pqi7zanswer1">KK1</label></font></td></tr><tr><td width="5"><input type="radio" name="answer" value="2" id="pqi7zanswer2"></td><td><font face="Verdana" size="2" color="000000"><label for="pqi7zanswer2">KK2</label></font></td></tr><tr><td width="5"><input type="radio" name="answer" value="3" id="pqi7zanswer3"></td><td><font face="Verdana" size="2" color="000000"><label for="pqi7zanswer3">KK3</label></font></td></tr><tr><td width="5"><input type="radio" name="answer" value="4" id="pqi7zanswer4"></td><td><font face="Verdana" size="2" color="000000"><label for="pqi7zanswer4">KK4</label></font></td></tr><tr><td colspan=2><center><input type="submit" value=" Vote ">&nbsp;&nbsp;<input type="submit" name="view" value=" View "></center></td></tr><tr><td colspan=2 align=right><font face="Verdana" size="1" color="000000">pollcode.com <a href="http://pollcode.com/"><font face="Verdana" size="1" color="000000">free polls</font></a>&nbsp;</font></td></tr></table></form>
</B><SPAN style="cursor: pointer; display: none; " onmousedown="this.previousSibling.style.display='';this.style.display='none'">ข้อความ ..... +เก็บไปซ่อน</SPAN>

คือในโค๊ดตัวนี้ เป็นโค๊ด ซ่อน ข้อความ แบบว่า ถ้าต้องการจะดูข้อความข้างในให้กดเปิดข้อความที่ซ่อน หลังจากนั้น ข้อความที่ซ่อนก็จะโผล่ออกมา และก็กดซ่อนข้อความ ข้อความที่เปิดก็จะซ่อนเก็บไป โดยผมเอาาโค๊ดมาโมประยุค โดยผมจะใส่ vote เข้าไปแทน คือ หากผู้ที่ชมต้องการที่จะชมข้อความที่ซ่อนเอาไว้ ต้องคลิกที่โหวตก่อน แล้วข้อความจะปรากฏออกมา แต่ที่มันเป็นคือ ไม่สามารถกดโหวตได้ เพราะว่า พอกดที่โหวตแล้ว ข้อความที่ซ่อนมันก็โพล่ออกมาเลย โดยที่ตัวโหวตก็หายไป และผมก็กดซ่อนข้อความไป ไอตัวโหวตก็โผล่มา แต่ปัญหาก็คือ ตัวโหวตนั้น ไม่สามารถกดได้ เพราะกดปุ้บ ข้อความที่ซ่อนก็มาปั้บบบ สรุปคือ ผมต้องการให้คนชมกดโหวตก่อน โดยที่กดโหวตไปแล้ว ข้อความที่ซ่อนไว้จะออกมาได้ ก็ต้องรอประมาณ 5 วินาที ข้อความที่ซ่อนถึงจะโผล่มา เช่น ผมต้องการที่จะดูประวัตนาย A แต่นาย A ได้ซ่อนประวัตเอาไว้ โดยที่จะดูประวัตินาย A ได้ ก็ต้องกด Vote ก่อน แล้วรอประมาณ 5 วินาที ประวัติที่นาย A ซ่อนไว้ก็จะปรากฏออกมา

ประมาณนี้แหละครับ ยังไงก็ช่วยผมหน่อยนะครับ ผมต้องการจะใช้มันมาก ๆ ความหวังสุดท้ายของเว็บผม  wanwan011 wanwan011 ขอบคุณมากครับ  wanwan017

บันทึกการเข้า
thenetxx
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 41
ออฟไลน์ ออฟไลน์

กระทู้: 1,979



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 06 กันยายน 2013, 13:52:28 »

ไม่รู้จะอธิบายยังไง เอาไปลองดูละกัน
http://rijamedia.com/blog/2011...s-with-toggle-and-slidetoggle/
บันทึกการเข้า

Develop site but can't develop life
ASIA
phpwin
ก๊วนเสียว
*

พลังน้ำใจ: 100
ออฟไลน์ ออฟไลน์

กระทู้: 295



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 06 กันยายน 2013, 14:03:11 »

ลองศึกษาจากวีดีโอนี้ดูครับ ใช้ jQuery นะครับ
โค๊ด:
http://www.youtube.com/watch?v=8FuqaXle_M4
ส่วนเรื่องของการหน่วงเวลา ใช้ฟังก์ชั่น setInterval
เช่น 
โค๊ด:
setInterval(function(){ show();},5000); //รอ 5 วิ แล้วค่อยไปทำงานที่ฟังก์ชั่น show()
บันทึกการเข้า

สอน PHP ร้านค้าออนไลน์   รับทำเว็บไซต์ ร้านค้าออนไลน์ ราคาถูก #รับแก้ไขเว็บไซต์ #รับปรับแต่ง Open Cart #รับปรับแต่งเว็บไซต์ให้ไวติดจรวด #ขายเว็บไซต์เช็คราคาสินค้าแบบเทพๆ lnwprice.com
nicezax7
คนรักเสียว
*

พลังน้ำใจ: 13
ออฟไลน์ ออฟไลน์

กระทู้: 176



ดูรายละเอียด
« ตอบ #3 เมื่อ: 06 กันยายน 2013, 14:50:05 »

,, ขอบคุณทุกคำตอบครับ ตอนนี้ทำได้แล้วครับ แต่เปลี่ยนไปทำอีกแบบนึงครับ ขอบคุณมาก ๆ ครับ  wanwan017
บันทึกการเข้า
หน้า: [1]   ขึ้นบน
พิมพ์