สอบถามคับ.... php + java การทําลิงก์ที่เปิดอ่านเเล้ว....(◡‿◡✿)

[นิติพงษ์]

สอบถามคับ.... php + javaการทําลิงก์ที่เปิดอ่านเเล้ว


ที่หลังร้าน ต้องการให้ข้อมูลที่อินพุทเข้ามา
อันไหนคลิกลิงก์( รูปภาพ ) เปิดอ่านเเล้ว ให้เป็นสีเทา
อันไหนยังไม่เปิดอ่านเป็นสีทอง (ตามเเบบในรูปคับ)


ไม่ทราบต้องทํางัยคับ
อยากได้โค็ดที่กระชับ 


ไฟล์ตําเเหน่งที่จะทํา อย่างย่อ
<?php
.... // ลิงก์จะเป็นรูปไอคอน
<a href="viewdetail.php?id=<?php echo $row->id ?>"><img title="open" class="webdd" src="pic/icon.jpg"></a>

?>

[whitecross]

เข้ามาเพราะตกใจ...


User ท่านนั้น ชื่อจริงผมเอง

[chui761]

ถ้าสไตล์ลูกทุ่งแบบผมก็สร้างฟิลด์เพิ่ม ให้เก็บค่าว่าอันไหนเปิดแล้วมีค่าเป็น 1 ถ้ายังไม่ได้เปิดมีค่าเป็นค่าว่าง หรือ 0
(พอดีไม่ถนัด ajax น่ะ)

เวลาคลิกเปิดแล้ว ก็ใส่โค้ดที่ไปเพิ่ม ค่า 1 ในฟิลด์ที่ว่า แล้วเขียนโค้ดให้แสดงไอคอนสีเทา เมื่อฟิลด์ดังกล่าวมีค่าเป็น 1 อ่ะ

งงมั้ยคับ

ผมใช้หลักการนี้กับระบบ pm ในเวบบอร์ดของผม หุๆๆ แต่โค้ดมันคงไม่ค่อยกระชับน่ะคับ

[นิติพงษ์]

ขอบคุงท่าน chui761 คับ

ใครมีโค็ด + จาวา
งามๆ

จะไม่ลืมพระคุณ
อิอิ

[ganginwpop]

jquery นิดหน่อยครับ

โค้ด เลือก ขยาย

<script>
$(document).ready(function(){
//openstate อาจจะเป็นตัวแ่ปรที่รับค่่ามาจาก DB เหมือนที่ท่าน chui761 บอกครับ
if(openstate)
  $.("tagid").html("<img....../>");
else
  $.("tagid").html("<img....../>");
}
</script>

หวังว่าจะช่วยอะไรได้บ้างครับ

มือใหม่เ่ช่นกันครับ

[g-ji]

ใช้ CSS
Anchor Pseudo-classes

เอาก็ได้นะ

ควบคุมลิงก์ (ต้องวางใน CSS ตามลำดับนี้เท่านั้น

โค้ด เลือก ขยาย


a:link {color:#FF0000;}      /* unvisited link */
a:visited {color:#00FF00;}  /* visited link */
a:hover {color:#FF00FF;}  /* mouse over link */
a:active {color:#0000FF;}  /* selected link */


ตัวอย่าง

โค้ด เลือก ขยาย

http://test.g-ji.com/html/test.html

ลองเอาไปประยุกต์ใช้ดูนะ

[ganginwpop]

^
^
^

มันได้แต่ตัว หนังสือหนิครับ

ถ้านำไปประยุกต์ กับ jquery ผมว่าก็เเหล่มนะ

[g-ji]

^
^
^

มันได้แต่ตัว หนังสือหนิครับ

ถ้านำไปประยุกต์ กับ jquery ผมว่าก็เเหล่มนะ

มันใช้กับอะไรก็ได้ ที่อยู่ใน <a> ลองดูตัวอย่างสิ 

[Positron]

ถ้าใช้ a:visited และให้ใช้ได้ทุกบราวเซอร์

ควรจะกำหนดค่ารูปที่ a เลย ไม่ควรใช้ img ใน a


วิธีการทำแบบง่ายๆนะ ให้ทำ a เป็น block แล้วใช้รรูปโฟลเดอร์เป็น bg
เช่น

html
<div>
<a href="xxxx" class="f"></a>
<a href="yyyy" class="f"></a>
<a href="zzz" class="f"></a>
<div style="clear:both"></div>
</div>

css
a.f{display:block;width:70px; height:70px; float:left; background:url(รูปยังไม่เปิด) center center no-repeat;}
a.f:visited{background-image: url(รูปเปิดแล้ว)}

น่าจะประมาณนี้ครับ  แต่ผมแนะให้ใช้ db ตามท่านด้านบนจะดีกว่า 

[A-LAND]

ใช้ db ถูกที่สุดแล้วครับ ถ้าแบบอื่นผมว่าไม่ดีแน่ครับ ถ้าใช้ css ก็จะได้เหมือนกัน แต่ถ้าเราปิดบราวเซอร์ หรือลบ cookie มันก็กลับมาแบบเดิม

[ganginwpop]

^
^
^

มันได้แต่ตัว หนังสือหนิครับ

ถ้านำไปประยุกต์ กับ jquery ผมว่าก็เเหล่มนะ

มันใช้กับอะไรก็ได้ ที่อยู่ใน <a> ลองดูตัวอย่างสิ 

กำ ทำไมของผม มันเป็นงี้หว่า





Chrome อะครับ

แต่หมาไฟ กะ IE ไปนะ 

แต่ผมว่า ลงกับ db คงจะ โอสุดละ