|
 |
|
ท่านใดมี code checkbox tree menu บ้างครับ ขอหน่อยครับ |
|
 |
|
|
 |
 |
|
อืมผมยังไม่เคยหาปลั๊กอินเกี่ยวกับ การ colslap, colspan มาใช้เลยนะครับ แต่เรื่องเช็คนี่พอทำได้คับ
ให้ใช้ jquery
คือจะถามหน่อย ว่าถ้าเช็คอันโหนดแรก โหนด สอง สาม เช็คตามมั้ยคับ หรือเช็คทั้งหมดเฉาพะโหนดที่เลือก
ลองเอาโค้ด html มาด้วยก็ดี
|
 |
 |
 |
 |
Date :
2010-03-23 09:49:55 |
By :
pjgunner |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ไม่มีท่านใด เคยพัฒนา แบบนี้เหรอ ช่วยหน่อยครับ
|
 |
 |
 |
 |
Date :
2010-03-24 20:17:41 |
By :
lashi |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
รอแป๊บ เดี่ยวเขียนลองดู แต่ไม่รับปากว่า จะได้เป่า 555
|
 |
 |
 |
 |
Date :
2010-03-24 23:37:34 |
By :
LindyFralin |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
อะโห ควรใช้ โค้ด php นะครับ แบบนี้อ่านไม่รู้เรื่อง ไม่มี indent เลย
จริงๆแล้วเขียนด้วย jquery ชิลๆ เลยนะนี่
|
 |
 |
 |
 |
Date :
2010-03-25 00:31:51 |
By :
pjgunner |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
เผลอทำผิดอันนึกว่าให้ทำ ซ่อนโหนดแล้วแสดงลูกโหนดเมือกด check ไปเรื่อยๆ เลยเสียเวลาเขียนใหม่
DEMO แสดงซ่อนลูกโหนด http://imwriter.keedkean.com/show.php?id=36
สำหรับกด check ที่ node ที่ต่ำกว่าก็จะติ๊ก check ไปด้วย
DEMO แสดง ติ๊กลูกโหนด http://imwriter.keedkean.com/show.php?id=37
Code:
Code (PHP)
<script type='text/javascript'>
var listTree={
action:function(elm,chk,g){
var child=elm.parentNode.childNodes
for(i=0;i<child.length;i++){
if(child[i].tagName =="UL" || child[i].tagName =="OL"){
this.loop(child[i],chk);
}
}
},
loop:function(elm,chk){
var child=elm.childNodes
for(var i=0;i<child.length;i++){
if(child[i].tagName=="LI"){
var child2=child[i].childNodes;
for(var k=0;k<child2.length;k++){
if(child2[k].tagName=="INPUT"){
if(child2[k].getAttribute('type').toLowerCase()=='checkbox')
child2[k].checked =(chk)?true:false;
}else if(child2[k].tagName=="UL"){
this.loop(child2[k],chk);
}
}
}
}
}
}
</script>
<ul class='list_tree'>
<li >
<input type='checkbox' onclick="listTree.action(this,this.checked)">A1
<ul>
<li>
<input type='checkbox' onclick="listTree.action(this,this.checked)">B1
<ul>
<li>
<input type='checkbox' onclick="listTree.action(this,this.checked)">C1
<ul>
<li>
<input type='checkbox' onclick="listTree.action(this,this.checked)">D1
</li>
<li>
<input type='checkbox' onclick="listTree.action(this,this.checked)">D2
</li>
</ul>
</li>
<li>
<input type='checkbox' onclick="listTree.action(this,this.checked)">C2
<ul>
<li>
<input type='checkbox' onclick="listTree.action(this,this.checked)">D1
</li>
<li>
<input type='checkbox' onclick="listTree.action(this,this.checked)">D2
</li>
</ul>
</li>
<li>
<input type='checkbox' onclick="listTree.action(this,this.checked)">C3
</li>
</ul>
</li>
<li>
<input type='checkbox' onclick="listTree.action(this,this.checked)">B2
</li>
</ul>
</li>
<li>
<input type='checkbox' onclick="listTree.action(this,this.checked)">A2
</li>
<ul>
ตรงไหนมีบัคก็เอาไปพัฒนาต่อได้เลยน่ะครับ
|
 |
 |
 |
 |
Date :
2010-03-25 04:26:14 |
By :
xbeginner01 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
สุดยาดดดดดดดดดดดดดดด จริงๆๆๆๆๆๆๆๆๆๆ
|
 |
 |
 |
 |
Date :
2010-03-25 11:21:13 |
By :
nilas |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
แล้ว ภาษาที่ คุณ xbeginner01 ใช้ความรู้อะไรครับ นี้ javascript หรือ dom หรือ Dhtml จะได้ไปศึกษาคำสั่งเพิ่มเติม ได้ นะครับ จะได้ทำความเข้า code เพื่อนำไปพัฒนาต่อ แนะนำด้วยนะครับ แบบนี้ที่ผม อยากได้
|
 |
 |
 |
 |
Date :
2010-03-25 11:28:29 |
By :
nilas |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
เพิ่มอีกนิดหนึ่ง จากที่ผมเห็นตัวอย่าง code ในการกำนหดชื่อให้กับ id ของ checkbox ซึ่งต้องสอดคล้องกับการอ้างอิง javascript แต่ ผมต้องกำหนด ค่ากับ attr name ด้วย เพื่อนำค่าของ checkbox ไปเก็บ ใน server จะ แนะนำการตั้งชื่อ ให้กับ checkbox อย่างไรครับ...
|
 |
 |
 |
 |
Date :
2010-03-25 11:38:46 |
By :
nilas |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
จาวาสคริป ส่วนใหญ่เกี่ยวกับฟังก์ชัน node
ส่วนตั้งชื่อ name นี้ไม่แน่ใจ เพราะยังไม่เคยทำ
|
 |
 |
 |
 |
Date :
2010-03-25 14:22:20 |
By :
xbeginner01 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
|

|
Load balance : Server 02
|