Today's Tip

การทำ Menu jumpbox ไปหน้าอื่น ๆ

วันนี้เราจะมาลองทำ jump box เพื่อ link ไปหน้าอื่นๆของ webคุณดูนะครับ ซึ่งประโยชน์ของการทำ jump box ก็เช่น เพื่อประหยัดเนื้อที่ในการ link สร้างความสวยงามและ เป็นระเบียบให้กับ web ของคุณซึ่งวิธีในการทำนั้นไม่ยากเลยครับซึ่งเราจะใช้ Java script เข้ามาช่วยครับเรามาเริ่มกันเลยละกันนะครับ
ตัวอย่าง jump box

jump : Home Tips Forum

วิธีการสร้างและตัวอย่าง code jump box
ลองนำ code ด้านล่างนี้ไปปรับแต่งให้เข้ากับ web ของคุณนะครับ


<SCRIPT LANGUAGE="JavaScript">
<!-- JavaScript begins...
function jump (page) {
window.location = page;
}
// JavaScript ends -->
</SCRIPT>

<FORM NAME="jumpform" target="blank">
<SELECT NAME="pages" onChange = "window.status = this.options[this.selectedIndex].text">
<OPTION VALUE="Url1">Name Url1
<OPTION VALUE="Url2">Name Url2
<OPTION VALUE="Url3">Name Url3
</SELECT> <INPUT VALUE="GO !" TYPE=BUTTON onClick = "jump (document.jumpform.pages.options[pages.selectedIndex].value)">
</form>


ส่วนที่ต้องแก้คือที่เป็นตัวอักษรสีแดง และสีน้ำเงิน
อักษรสีแดง ให้คุณแก้เป็น Url ที่จะให้ link ไปเช่น http://www.thaimisc.com หรืออาจจะใส่เป็น index.shtml ต่าง ๆก็ได้
อักษรสีนำเงิน ให้ใส่เป็น ชื่อของ link นั้น ๆ เช่น HOME เป็นต้นครับ
เท่านี้คุณก็จะได้ Jump box ที่จะนำไปใช้สำหรับ web คุณแล้วครับเห็นไหมครับว่าไม่ยากเลย ทำได้แล้วอย่าลืมบอกต่อ ๆ กันไปนะคร้าบบ


เขียนโดย : กอล์ฟ