second life linden dollars Thai Second Life Community second life linden dollars second life linden dollars second life virtual money
second life linden dollars
SL Virtual World
OpenSims Thailand
second life top search
Custom Search
linden dollars transfer
linden dollars transfer
linden dollars transfer
SL Virtual World
Pages: [1]   เลื่อนลง
 
แบ่งปันให้เพื่อนๆ Topic: Data: URI ฟอร์มของ ShareMedia สำหรับเหล่า geek  (Read 2625 times)
roMeoMustdie
Global Moderator
นักแคมป์ปิ้งตัวยง
*****
Posts: 472



WWW
« on: March 18, 2010, 07:58:48 PM »

Data: URI ฟอร์มของ ShareMedia สำหรับเหล่า geek
ลูกเล่นของ ShareMedia ยังไม่หมดครับ MAd วันนี้มานำเสนอใหม่อีกอย่างซึ่งน่าสนใจดีแ ต่คงจะเหมาะสำหรับคนที่พอจะเขียนโค๊ดเวบไซท์เป็นบ้าง..

เนื่องจากระบบ ShareMedia นั้นรองรับการลิงค์แสดงเวบเพจต่างๆในฟอรม์ URL ปกติซึ่งก็คือ


Quote

แต่นั่นยังไม่ใช่โปรโตคอลเดียวที่สามารถทำงานได้บน ShareMedia Shocked ยังมีอีกรูบแบบหนึ่งซึ่งทำงานได้เช่นกันแม้ว่ามันจะดูยุ่งยากเสียหน่อยก็คือการเรียกผ่าน URI ซึ่งจะมีลักษณะดังนี้
Quote
data:


ซึ่งเวลาเรียกใช้งานจริงนั้นจะมีการแปลงโค๊ด html แล้วใส่เข้าไปได้ตรงๆ ดังตัวอย่าง

Quote
data:text/html;charset=utf-8,<!DOCTYPE HTML PUBLIC "-%2F%2FW3C%2F%2FDTD HTML 4.0%2F%2FEN">%0D%0A<html lang%3D"en">%0D%0A <head>%0D%0A <title>Test<%2Ftitle>%0D%0A <style type%3D"text%2Fcss">%0D%0A <%2Fstyle>%0D%0A <%2Fhead>%0D%0A <body>%0D%0A <p>This is a test!<%2Fp>%0D%0A <%2Fbody>%0D%0A<%2Fhtml>%0D%0A


อาจจะดูว่ามันยุ่งเหยิงและซับซ้อน แต่ถ้าดูโค๊ดดีๆจะเห็นว่ามันก็แค่ข้อมูล html ธรรมดาๆเท่านั้นเอง

เอาล่ะก่อนจะงงไปมากกว่านี้ สรุปง่ายๆว่าการแทรกโค๊ด data: นั้นตามจริงแล้วมันก็เป็นการอ่านข้อมูลฟอรม์ html ทั่วไป จึงมีลักษณะข้อมูลคล้ายกับ http:// เหมือนกัน แต่ที่ทำให้มันสะดวกสบายกว่าก็คือ

+ เราไม่จำเป็นต้องอัพโหลดไฟล์ html ใดๆทั้งสิ้น
+ การที่เราแทรกโค๊ด data: หมายความว่าเราไม่จำเป็นต้องโหลดข้อมูลจาก web server ที่เก็บไฟล์แบบเดียวกับ http:// ดังนั้นจึงโหลดได้เร็วกว่า และไม่ต้องห่วงว่า server ภายนอกจะล่ม
+ แทรกข้อมูลอย่าง javascript หรือกระทั่งไฟล์รูปภาพ vector ก็ยังได้
+ ถ้าต้องการแสดงแต่ตัวอักษรผ่าน ShareMedia เราไม่จำเป็นต้องอัพโหลดไฟล์อะไรเลย แค่เขียนโค๊ด html มาแปลงเป็น data: แล้วนำไปใส่เท่านั้นเอง (ประหยัดตังค์อัพโหลดรูป/ไม่ต้องเช่าโฮสติ้่งอัพโหลดไฟล์เวบไซท์)

พอจะเข้าใจกันไหม Huh? ลองไปเล่นในสคริป data: URI kitchen ตามลิงค์ข้างล่างเอาไว้แปลงโค๊ด html เป็น data:URI ให้เสร็จสรรพ
http://software.hixie.ch/utilities/cgi/data/data

ลองไปอ่านข้อมูลเพิ่มเติมกันได้ที่ SL BLog และ Wiki data:URIs

« Last Edit: March 18, 2010, 08:08:36 PM by roMeoMustdie » Logged
roMeoMustdie
Global Moderator
นักแคมป์ปิ้งตัวยง
*****
Posts: 472



WWW
« เขียนตอบ #1 on: March 18, 2010, 08:05:27 PM »

มาเติมตัวอย่างผลลัพธ์ให้ดูด้วยละกัน Hello ใส่โค๊ดนี้ลงไปใน ShareMedia

Quote
data:text/html;charset=utf-8,<!DOCTYPE HTML PUBLIC "-%2F%2FW3C%2F%2FDTD HTML 4.0%2F%2FEN">%0D%0A<html lang%3D"en">%0D%0A <head>%0D%0A <title>Test<%2Ftitle>%0D%0A <style type%3D"text%2Fcss">%0D%0A <%2Fstyle>%0D%0A <%2Fhead>%0D%0A <body>%0D%0A <p>This is a test!<%2Fp>%0D%0A <%2Fbody>%0D%0A<%2Fhtml>%0D%0A

ผลลัพธ์ที่ได้คือมันจะแสดงตัวอักษร This is a Test ตามรูปข้างล่าง

Logged
Pages: [1]   เลื่อนขึ้น แบ่งปันให้เพื่อนๆ
 
 
Jump to:  

Powered by MySQL Powered by SMF 1.1.19 | SMF © 2006-2007, Simple Machines Powered by PHP
second life virtual money
Second Life Virtual Business
Custom Search
Linden Dollar Business
Second Life® and Linden Lab® are trademarks or registered trademarks of Linden Research, Inc. All rights reserved. No infringement is intended.
©ThaiSecondLife.net 2007-2011 All Right Reserve. Webmaster[at]ThaiSecond Life.net