วิธีการส่งเรื่องและโหวต ด้วย javascript

posted on 07 Dec 2006 18:51 by joyzad in Zickr

พอดีจอยเป็นขาประจำ Zickr! ค่ะ เลยเห็นมี feature ใหม่สามารถนำตัวโหวต และตัวส่งเรื่องเข้ามาร่วมกับ Blog ได้ เลยเห็นว่าเหมาะกับ exteen คะเลยมาเขียนลงไว้ด้วย เผื่อมีประโยชน์คะ

สำหรับ สมาชิก exteen ระบบ javascript น่าจะตรงกับความต้องการมากกว่า ก็ไปโพสเรื่องลงใน Zickr ก่อนนะค่ะ หลังจากนั้นก็จัดการเอา script มาลงในบล็อก ใช้โค้ดตัวเดียวกันกับหัวข้อ "การนำไปประยุกต์ใช้" ค่ะ ลองทำดูนะคะ ติดยังไงยินดีช่วยเหลือค่ะ

ในนี้จะเป็นวิธีการที่ Zickr! อนุญาตให้ส่งเรื่องจากเว็บไซต์อื่นๆ เข้ามายัง Zickr! และยังอนุญาตให้โหวตจากหน้าเว็บไซต์ที่นำไปติด โดยจะผ่าน Javascript ที่ Zickr! ได้เตรียมลองรับไว้ให้ โดยจะมีลักษณะเหมือนด้านซ้ายมือนี้ ง่าย สะดวกต่อผู้ใช้งาน Zickr! และผู้ที่ต้องการจะส่งเรื่องหรือจะโหวตมายัง Zickr! พร้อมทั้งยังเห็นคะแนนปัจจุบันที่ชาวZickr! ได้โหวตเอาไว้ด้วย ในปัจจุบันยังมี panel อยู่รูปแบบเดียว ซึ่งอยู่ในแผนพัฒนาในอนาคตในอีกไม่นานจะมีเพิ่มให้สะดวกต่อนักพัฒนา และเจ้าของเว็บไซต์ ให้หลากหลายมากกว่านี้

ซึ่งระบบ javascript นี้ไม่ใช่วิธีเดียวที่สามารถเข้าร่วมกับ Zickr! ได้... ยังมีอีกหลายวิธีสามารถอ่านข้อมูลได้ที่หน้า เข้าร่วมกับซิกเกอร์

การนำ Javascript Zickr! ไปใช้

นำโค้ดด้านล่างนี้ไปติดใส่ส่วนเดียวกับเนื้อหา หรือในพื้นที่ที่ต้องการ โดย [URLที่ส่งเข้าระบบZickr!] นี้จะต้องเป็นURLเดียวกับเรื่องที่อยู่บนระบบเท่านั้น ถึงจะขึ้นคะแนนโหวตล่าสุดมาให้ ในกรณีที่ใส่ไม่ถูกต้อง ไม่ตรงกับเรื่องบนZickr หรือ URLนี้ยังไม่มีผู้ส่งเข้ามาตัว Script จะไม่แสดงผลคะแนนล่าสุดแต่จะแสดงปุ่มให้กด submit เพื่อส่งเรื่องมายัง Zickr หลังจากนั้นระบบจะแสดงคะแนนให้เนื่องจากมีเรื่องบนระบบแล้ว

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

การนำ Script ไปประยุกต์ใช้งานในเว็บจริง

ในกรณีต้องการนำ Script ไปวางไว้ข้างๆกับบทความ สามารถทำได้ดังนี้

<div style="float:left;margin:5px">
<script>zickr_url='[URLที่ส่งเข้าระบบZickr!]'</script>
<script language="javascript" src="http://api.zickr.com/button.js"></script>
</div>

จากวิธีข้างต้นตัว Script นั้นจะลอยอยู่ด้านซ้ายรวมไปกับเนื้อหา และมีระยะห่างจากเนื้อหา 5pixel แต่ถ้าต้องการให้ตัว Script ลอยอยู่ด้านขวาให้เปลี่ยนตรง float:left ให้เป็น float:right แทน

วิธีการนำ Script ไปติดลงในไดอารี่ที่ DiaryIS.com

เนื่องจากไดอารีอีสเป็นเจ้าของเดียวกับซิกเกอร์ เลยเฮงโล้ด!! เพราะมีระบบสนับสนุนแล้วทำให้คุณใส่โค้ดได้อย่างง่ายดาย คุณสามารถใช้ [zickr]URLที่ส่งเข้าระบบZickr![/zickr] ลงไปในโปรแกรมอัพไดอารี่ ระบบก็จะปรากฏบนไดอารีของคุณทันที

บทความคัดลอกมาจาก Zickr!
http://zickr.com/tools/integration/javascript

Tags: zickr3 Comments