พ.ค. 26th, 2010
by katicks.
ข้อควรระวังในขั้นตอนการเปลี่ยนจาก Design เป็น html
เนื่องจากลูกค้า เวลา Test จะใช้ ทุก Browser (IE, FF, Chrome) ข้อควรระวังคือ
1. ใน CSS ไม่ควรใช้
-webkit-…….
-moz…….
เพราะมันจะทำงานได้เฉพาะ FF กับ Chrome เท่านั้น
ซึ่งตอนนี้ตัว Render Web จะมีหลัก ๆ 3 อันคือ
1. Webkit ใช้กับ Chrome, Safari
2. Gecko สำหรับ FF
3. IE Render (ขึ้นอยู่กับแต่ละ Version)
ซึ่งถ้าจะใช้ควรหาอันที่มันรองรับทั้ง 3 Render Engine เช่น การลงสีแบบงไล่สี สามารถทำให้แสดงผลได้ทั้ง 3 Browser (IE6 ใช้ ไม่ได้อยู่ดี)
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#fe7575′, endColorstr=’#ffb0b0′); /* for IE */
background: [...]
พ.ค. 27th, 2009
by katicks.
หากว่าหน้าตาเว็บไซต์ ถูกกำหนดโดยผู้ใช้เลือกสีได้ คลิกแล้วเปลี่ยนสีได้เราก็อาจจะใช้ java script ช่วยควบคุมได้นะขอบอก ^^ พอดีว่าไปอ่านมาก็เลยลองมาทำดู แล้วก็จะมาเล่าให้ฟังกันนะก๊าบ แล้วก็นะเราจะเอาไปปรับใช้กับอย่างอื่นได้ด้วยน๊า
ตัวอย่างเอานี้จะยกตัวอย่างที่ควบคุมmenu ที่เราทำจาก div ให้โชว์submenu เมื่อคลิกก็แล้วกันนะ เราจะทำกันสองส่วยด้วยกัน ส่วนแรกขอพูดถึง script กันก่อนละกัน
function toggle(obj) {
var el = document.getElementById(obj);
if ( el.style.display != ‘none’ ) {
el.style.display = ‘none’;
}else {
el.style.display = ”;
}
}
function toggle รับค่าหนึ่งค่าคือ obj
บรรทัดที่2 ประกาศตัวแปร el (element) ให้ไปหาค่าของ obj ที่documentจาก id
ส่วนในเงื่อนไข ถ้ามีค่า display เป็น none จะให้ค่าว่างก็จะให้displayว่างเปล่า ” ” ก็หมายถึงว่ามันโชว์ submenu อยู่ก็ให้ปิดนั่นเอง
จากเงื่อนไขส่วนนี้ก็อาจจะใส่ [...]
