wma player via javascript

หลงไปเจอ script นี้มาครับ หลักการทำงานก็คือ
1. วางชื่อไพล์เพลง (001.wma, 002.wma) ไว้ก่อน
2. ใช้ javascript สุ่มเลือกเพลง
3. กำหนดค่า url ของไพล์เพลง ( http://www.ilovemysassygirl.com/song/ )
4. กำหนดค่า ตัวควบคุมการเล่นเพลงของ object media player, กว้าง, สูง, เล่นอัตโนมัต, เล่นวนไปเรื่อย ๆ
5. ใช้ document.write สร้างโค้ด embed ของ object media player โดยใช้ข้อมูลที่กำหนดค่าไว้ใน ข้อ 3,4 ครับ

งานนี้ปรับเปลี่ยนโค้ดได้พอสมควรเลยครับ เช่น.
1. ตัวอย่างเป็นการเรียกไพล์เพลงขึ้นมาเล่น โดยไพล์เพลงอยู่บน server ของเราครับ เปลี่ยน url ใหม่ ให้ไปเรียกไพล์เพลงที่ server อื่น ( กรณีที่เรา หลง ไปเจอ link stream ไพล์เพลงบางตัวมานะครับ )

<div align="center">
<!-- Start WMA Player code --> 

  <SCRIPT LANGUAGE="JavaScript">
  var play_list = new Array ('001.wma', '002.wma'); // ใส่ชื่อของเพลงทั้งหมดครับ
  var rand=Math.floor((play_list.length)*Math.random());

  var path='http://www.ilovemysassygirl.com/song/ '; // ใส่ URL ของโฟลเดอร์ที่เก็บเพลง (ต้องมี / ปิดท้ายด้วย เช่น http://www.mywebsite.com/song/
  var width_p=210; /*  กำหนด ความกว้างของ ตัวเล่น เพลง */
  var height_p=45; /*  กำหนด ความสูงของ ตัวเล่น เพลง */
  var auto='true'; /* กำหนด auto start */
  var loop='true'; /* กำหนด loop */
  document.write('<object classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95 codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715 width='+width_p+' height='+height_p+'><param name=FileName value='+path+play_list[rand]+'><embed src='+path+play_list[rand]+' pluginspage=http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/ width='+width_p+' height='+height_p+'></embed></object>');
</SCRIPT>
<!-- End WMA Player code -->
</div>

javascript add favorite แบบบรรทัดเดียว

คราวก่อนก็เคยบันทึกเอาไว้แล้ว เรื่องทำปุ่ม ตั้งหน้าเว็บให้เป็นหน้าแรก ตอนที่เราเปิดบราวเซอร์ อันนี้เป็นปุ่ม สำหรับ add favorite แบบว่าเก็บ link เว็บเอาไว้ในเครื่อง วันหลังจะเข้ามาอีก ก็ไม่ต้องพิมพ์ชื่อเว็บ ก็คลิกเอาที่ add favorite เอาไว้นั้นเอง


<a href="javascript:window.external.AddFavorite('http://www.ilovemysassygirl.com','เว็บ i love my sassy girl')"></a>

tool tip in text box

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

ด้วยหลักการ event ของ input box ง่ายๆ คับ
ที่เราต้องใช้ก็จะมี
event onFocus, onBlur 2 ตัวนี้เท่านั้นเองคับ

Input Your Name

<input name="search"
type="text"
value="Your name is here."
maxlength="150"
onfocus="this.value=(this.value=='Your name is here.') ? '' : this.value;"
onblur="this.value=(this.value=='') ? 'Your name is here.' : this.value;" />
Get Adobe Flash playerPlugin by wpburn.com wordpress themes