<body style='background-color:green;'> <div class='list-select' style='width:150px;background-color:red;' onclick="toggle_visibility('list-option');" > หมวดหมู่ทั้งหมด </div> <div id='list-option' style='overflow:auto;width:300px;height:300px;background-color:red;display:none'> <div style='position:absolute;width:100%;'> <input type='text' id='search' onchange="searchText(this,'list-container');" /></div> <div id='list-container' > <div id='list-item[]' onclick='hide(this)'>data</div> <div id='list-item[]' onclick='hide(this)'>data</div> <div id='list-item[]' onclick='hide(this)'>data</div> <div id='list-item[]' onclick='hide(this)'>data</div> <div id='list-item[]' onclick='hide(this)'>data</div> <div id='list-item[]' onclick='hide(this)'>data</div> <div id='list-item[]' onclick='hide(this)'>data</div> <div id='list-item[]' onclick='hide(this)'>data</div> <div id='list-item[]' onclick='hide(this)'>data</div> <div id='list-item[]' onclick='hide(this)'>data</div> <div id='list-item[]' onclick='hide(this)'>data</div> <div id='list-item[]' onclick='hide(this)'>data</div> <div id='list-item[]' onclick='hide(this)'>data</div> <div id='list-item[]' onclick='hide(this)'>data</div> <div id='list-item[]' onclick='hide(this)'>data</div> <div id='list-item[]' onclick='hide(this)'>data</div> </div> </div> <script> function toggle_visibility(id) { var e = document.getElementById(id); if(e.style.display == 'block') e.style.display = 'none'; else e.style.display = 'block'; } function searchText(e,id){ var el = document.getElementById(id); /*ตรงนีร้ก็ใช้ jquery var sData=e.value; $.post('url.php',{textsearxh:sData},function(data){ el.innerHTML=data; }); //*/ } function hide(e){ alert(); } </script>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
Load balance : Server 05
Load balance : Server 05
