Group Blog
 
<<
ธันวาคม 2548
 123
45678910
11121314151617
18192021222324
25262728293031
 
2 ธันวาคม 2548
 
All Blogs
 
-`๏'- จัดระเบียบด้วย Jump Menu (เมนูทางลัด)

จัดระเบียบด้วย 'Jump Menu'
'Jump Menu' ที่นำเสนอนี้ ก็คือ Menu ที่เห็นอยู่ทางด้านขวามือของท่าน (Menu : Music และMv) ลักษณะการใช้งานจะเป็นการเปลี่ยน Blog ใหม่ไปตามข้อมูลที่ได้เลือก
เริ่มจากสคริปของ 'Jump Menu' รูปแบบจะแบ่งแยกเป็นสองส่วน


ส่วนที่หนึ่งให้นำไปเก็บไว้ที่ส่วนของ
<head>........</head> คือส่วนของ Script Area นั่นเอง
ส่วนที่สองให้นำไปเก็บไว้ที่ส่วนของ
<body>........</body> คือส่วนของ Profile นั่นเอง


ส่วนที่หนึ่ง
<script type="text/JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+"='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>


ส่วนที่สอง
<form name="music" WIDTH:234>
<select name="playlist" size="1" onchange="MM_jumpMenu('parent',this,0)" style="FONT-SIZE: 8pt; font:Arial; BACKGROUND:#feff99; WIDTH:234; COLOR:#2F4F4F; border:1; AutoSize:false;">
<option style="color:#FFFFFF;background-color:#FF0000">►►►►►► Music ◄◄◄◄◄◄</option>
<option value='... URL 1 ...' target=_top>Song 1</option>
<option value='... URL 2 ...' target=_top>Song 2</option>
<option value='... URL 3 ...' target=_top>Song 3</option>
<option value='... URL 4 ...' target=_top>Song 4</option>
</select>
</form>

ส่วนที่สองมีรายละเอียดดังนี้
• <form name="music" ตั้งชื่อ form ตามแต่ต้องการ (ไม่มีผลต่อการทำงานของสคริป)
• WIDTH:234 กำหนดความกว้างของตัว form หรือตัว Jump Menu
• <select name="playlist" ตั้งชื่อตามต้องการอีกเหมือนกัน (ไม่มีผลต่อการทำงานของสคริป)
• style="FONT-SIZE: 8pt; font:Arial; BACKGROUND:#feff99; WIDTH:234; COLOR:#2F4F4F; border:1; AutoSize:false;" คุณลักษณะของตัว 'Jump Menu' สามารถเปลี่ยนแปลงแก้ไขได้ เช่น
     - FONT-SIZE: 8pt; ขนาดของฟ้อนท์
     - font:Arial; รูปแบบหรือสไตล์ฟ้อนท์
     - BACKGROUND:#feff99; สีพื้น
     - WIDTH:234; ความกว้างของเมนู
     - COLOR:#2F4F4F; สีของฟ้อนท์
     - border:1; กำหนดเส้นขอบ (ถ้าไม่ต้องการ ให้ใส่ค่าเป็น border:0;)
     - AutoSize:false; มีให้เลือกสองค่าระหว่าง false กับ true
: ส่วนของ style จะไม่ใช้ก็ได้ (ลบส่วนแถบสีม่วงทั้งหมดออก) ตัว Jump Menu ก็จะใช้ค่ามาตราฐานทั่วไป :
• <option value='... URL 1 ...' target=_top> ลิ้งค์ที่ใช้ก็คือ Blog ที่เราอ้างอิงถึง
• Song 1 รายการในเมนู



: ตัวอย่าง!! :

หมายเหตุ.- ตัวอย่างที่แสดงข้างบนเป็นเพียงให้ดูรูปแบบเท่านั้น ไม่ได้เซตให้ใช้งานได้จริง หากต้องการทดสอบประสิทธิภาพที่แท้จริง ให้ทดสอบที่ Menu ด้านข้างขวา/font>

เพลง : อย่าไปคิด
ศิลปิน : ติ๊ก ชีโร่









Create Date : 02 ธันวาคม 2548
Last Update : 7 มกราคม 2549 21:17:24 น. 10 comments
Counter : 1194 Pageviews.

 
เปิดกล่องคอมเม้นแย้วอะ คิดถึงน้องไหมจ้า อิอิ คิดถึงเจ้าไดโนซอตัวฟ้าด้วยอะ จาเอาไปชุปแป้งทอด


โดย: อินทรีทองคำ วันที่: 2 ธันวาคม 2548 เวลา:22:10:08 น.  

 
รอมานาน .... ระหว่างรอก็หัดทำกรอบไปพลางๆ อิอิ
คุณปลาจากินไดโนซอชุบแป้งทอดซะแล้ว


โดย: Petit Patty วันที่: 3 ธันวาคม 2548 เวลา:0:23:43 น.  

 
อธิบายได้ละเอียดดีครับ

รู้สึกว่าผมจะได้ไอเดียจากที่นี่นะตอนผมไปขอร้องให้อีกคนนึงช่วย จำไม่ได้แล้ว แต่ไปทำเป็นเฟรนลิงค์ไป


โดย: noom_no1 วันที่: 3 ธันวาคม 2548 เวลา:2:22:07 น.  

 
ขอบคุณค่ะ
เก่งมากเลยค่ะ
อธิบายได้ชัดเจน ใช้ง่าย ทำง่าย ยอดเยี่ยมค่ะ
ชมจากใจ


โดย: แหม่มswiss ♥ IP: 84.73.51.49 วันที่: 3 ธันวาคม 2548 เวลา:7:06:01 น.  

 
ข้างบนนี้เค้าบอกทำง่ายอะน้องไหม
แต่พี่ยังไม่ได้ลองเลยจะ ตั้งกำแพงว่ายากไว้ก่อนอะ

เดี๋ยวไว้ว่างๆหัดทำจะ


โดย: อินทรีทองคำ วันที่: 3 ธันวาคม 2548 เวลา:9:36:37 น.  

 
คิดถึงน้องไหมอะ อิอิ
พี่ยังไม่ได้อ่านเรยจะ น้องไหมรู้แกวไปซะหมด อิอิ
อยากให้น้องไหมมาอยู่ใกล้ๆอะ


โดย: อินทรีทองคำ วันที่: 3 ธันวาคม 2548 เวลา:21:40:13 น.  

 
เพิ่งเข้ามาดู
อันนี้ กล๊วย กล้วย

รู้สึกคุ้นๆ ยังไงก้อม่ายรู๊
ว่ามีใครคนหนึ่งจับมือสอนมา


โดย: นู๋ส้มจุก วันที่: 7 ธันวาคม 2548 เวลา:14:43:41 น.  

 
น่าสนใจทำมักๆ นะ แต่ เกรงว่ามันจะโหลดช้าหรือป่าวไม่รู้อ่ะ

ไว้จะทดลองทำนะคะ ขอบคุณค่า


โดย: เกดจัง วันที่: 26 ธันวาคม 2548 เวลา:13:52:17 น.  

 

ขอถามนะคะ

พอดีไปลองทำ jump menu ตามที่คุณ -`๏'- MeIKha ว่าไว้

เมนูขึ้น แต่พอเลือกแล้ว มันไม่ไปตาม url ที่เขียนไว้อ่ะค่ะ

ช่วยแนะนำให้ทีสิคะ

ขอบคุณค่ะ


โดย: เลขาตัวซน วันที่: 22 กุมภาพันธ์ 2549 เวลา:0:59:05 น.  

 
ลองแล้วมันไม่ไปตามที่คุณทำเลยอ่ะครับ รบกวนช่วยแนะนำหน่อยคราบ


โดย: นายนิรันดร์ วันที่: 27 กุมภาพันธ์ 2549 เวลา:18:51:46 น.  

ชื่อ :
Comment :
  *ใช้ code html ตกแต่งข้อความได้เฉพาะสมาชิก
 
รหัสส่งข้อความ
กรุณายืนยันรหัสส่งข้อความ

-`๏'- MeIKha
Location :


[ดู Profile ทั้งหมด]

ให้ทิปเจ้าของ Blog [?]
ฝากข้อความหลังไมค์
Rss Feed

ผู้ติดตามบล็อก : 2 คน [?]





ถ้ามีน้ำตา ให้อดทนและเสียใจกับสิ่งที่เกิดขึ้น
และก็ก้าวต่อไป มีเพียงคนเดียวที่จะอยู่กับเรา
ไปตลอดชีวิต ก็คือ ..'ตัวเราเอง'







 

 

  ไม่นาน ...
  นาทีนี้ก็จะผ่านไป

  ถึงวันพรุ่งนี้ …
  วันนี้ก็จะกลายเป็นวันวาน

  ปัจจุบันเคลื่อนตัว
  ไปเป็นอดีตอย่างรวดเร็วเสมอ
  ความโศกเศร้าก็เช่นกัน …

  มันเป็นเรื่องที่ผ่านมาชั่วครั้งชั่วคราว
  ไม่ได้พักพิงอยู่กับเราถาวร

  เมื่อพรุ่งนี้มาถึง
  ทุกชีวิตต้องลืมตาตื่น

  และดำเนินต่อไป ……ไม่ว่า
  จะเป็นคนที่กำลังเจ็บป่วย โศกเศร้า

  ไม่ว่าใครก็ตาม
  ไม่สามารถที่จะเรียกคืนอดีตได้

  และนี่ ...จึงเป็นเหตุผล
  ที่เราควรจะต้องทำปัจจุบันให้ดีที่สุด

  เพื่อที่จะได้ไม่ต้องคร่ำครวญถวิลหาอดีต
  ไม่ว่าเพื่อจะมาเปลี่ยนแปลง แก้ไข

  หรือเพราะว่า ...มีเพียงอดีตเท่านั้น
  ที่ยังพอจะพบคุณค่า

  ความหมายที่น่าภาคภูมิใจ …





Friends' blogs
[Add -`๏'- MeIKha's blog to your web]
Links
 

 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.