Topic: สอนตั้งค่า css หน่อยครับ
เมนูซ้ายมืออ่ะครับตอนคลิกไปหน้าต่อไปแล้วอยากมันค้างอยู่แบบของเว็บนี้(รูป1)
ไม่ใช้มันกลับขึ้นมาเป็นแบบเดิมก่อนคลิก(รูป2)
ขอบคุณครับ
คุณยังไม่ Login ทำให้ไม่สามารถใช้งานเว็บบอร์ดได้เต็มประสิทธิภาพ กรุณา Login หรือสมัครสมาชิก
รบกวนขอความกรุณา อย่าโพสข้อความที่เป็นไปในเชิงของโฆษณาเลยนะครับ เพราะจะทำให้กระทู้ที่เกี่ยวกับเว็บไซต์มันตกลงไปครับ และนอกจากนี้สินค้าบางอย่างอาจไม่ปลอดภัย ทางเราขอความกรุณาไม่โพสข้อความที่เกี่ยวกับโฆษณานะครับ ถ้าพบเราจะลบทันทีโดยที่ไม่แจ้งให้ผู้โพสทราบแล้วนะครับ ขอความกรุณาด้วยครับ เราอยากให้ที่นี่เป็นเว็บไซต์ที่ให้ความรู้เกี่ยวกับเว็บไซต์จริงๆครับ
สำหรับคำถามนะครับ ไม่จำเป็นต้องเป็นคำถามที่ยากมากก็ได้ครับ เป็นอะไรง่ายๆก็ได้เช่น จะใส่รูปในเว็บไซต์ได้อย่างไร ทางทีมงานก็พร้อมจะตอบครับ เพราะเราอยากให้ที่นี่เป็นแหล่งความรู้ของผู้ที่ต้องการศึกษาหาความรู้ด้านทำเว็บไซต์จริงๆครับ
หน้า 1
เมนูซ้ายมืออ่ะครับตอนคลิกไปหน้าต่อไปแล้วอยากมันค้างอยู่แบบของเว็บนี้(รูป1)
ไม่ใช้มันกลับขึ้นมาเป็นแบบเดิมก่อนคลิก(รูป2)
ขอบคุณครับ
ส่วนนี้ไม่ได้ใช้ css ในการควบคุมนะครับ เราใช้ css แค่แสดงผลสี กับรูปแบบเท่านั้นนะครับ
ในส่วนที่ทำให้เมนูมันค้างอยู่เราใช้ javascript กับ php ในการควบคุมครับ โดยจะใช้ javascipt สั่งให้ค้างไว้ที่ menu ใดเมนูหนึ่่ง โดยค่าของเมนูที่สั่งให้ค้างไว้นั้นใช้ php กำหนดครับ อาจฟังไม่เข้าใจเพราะต้องใช้ code ในการอธิบายครับ ถ้าสนใจจะเอา code มาให้ดูครับ
ส่วนนี้ไม่ได้ใช้ css ในการควบคุมนะครับ เราใช้ css แค่แสดงผลสี กับรูปแบบเท่านั้นนะครับ
ในส่วนที่ทำให้เมนูมันค้างอยู่เราใช้ javascript กับ php ในการควบคุมครับ โดยจะใช้ javascipt สั่งให้ค้างไว้ที่ menu ใดเมนูหนึ่่ง โดยค่าของเมนูที่สั่งให้ค้างไว้นั้นใช้ php กำหนดครับ อาจฟังไม่เข้าใจเพราะต้องใช้ code ในการอธิบายครับ ถ้าสนใจจะเอา code มาให้ดูครับ
ครับผมแนบเมลมาหน่อย หรือมาโพสไว้ที่นี่ก้ได้ครับ
i-master_boy@windowslive.com
ขอบคุณครับ
ส่วนนี้เป็นคำสั่งของ javascript นะครับ โดยผมใช้ jquery ในการจัดการครับ
ddaccordion.init({
headerclass: "menu_head", //Shared CSS class name of headers group
contentclass: "menu_list", //Shared CSS class name of contents group
revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
collapseprev: false, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [1], //index of content(s) open by default [index1, index2, etc]. [] denotes no content.
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: false, //persist state of opened contents within browser session?
toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)
animatespeed: "slow", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
oninit:function(expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})
คำสั่งที่ต้องใช้คือ defaultexpanded: [1] ส่วนตัวเลขคือลำดับที่ต้องการให้แสดงเมนูนะครับ โดยเริ่มต้นตั้งแต่ 0 นะครับ ตัวเลขนี้ล่ะครับที่ผมใช้ php ในการสั่งการครับ
หากมีข้อสงสัยสามารถโพสถามเพิ่มเติมได้นะครับ
หากสงสัยในตัวของ code อ่านรายละเอียดได้จากที่นี่ครับ http://www.dynamicdrive.com/dynamicinde bullet.htm
Last edited by azadious (28-07-2010 21:43:27)
หน้า 1