<?xml version="1.0" encoding="utf-8"?><?xml-stylesheet type='text/xsl' href='http://aumja24.spaces.live.com/mmm2008-07-24_12.50/rsspretty.aspx?rssquery=en-US;http%3a%2f%2faumja24.spaces.live.com%2fcategory%2fSpaces%2bTip%2ffeed.rss' version='1.0'?><rss version="2.0" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:msn="http://schemas.microsoft.com/msn/spaces/2005/rss" xmlns:live="http://schemas.microsoft.com/live/spaces/2006/rss" xmlns:dcterms="http://purl.org/dc/terms/" xmlns:cf="http://www.microsoft.com/schemas/rss/core/2005" xmlns:wfw="http://wellformedweb.org/CommentAPI/"><channel><title>AumJa24 :: Society of Share: Spaces Tip</title><description /><link>http://aumja24.spaces.live.com/?_c11_BlogPart_BlogPart=blogview&amp;_c=BlogPart&amp;partqs=catSpaces%2bTip</link><language>en-US</language><pubDate>Fri, 29 Aug 2008 03:52:50 GMT</pubDate><lastBuildDate>Fri, 29 Aug 2008 03:52:50 GMT</lastBuildDate><generator>Microsoft Spaces v1.1</generator><docs>http://www.rssboard.org/rss-specification</docs><ttl>60</ttl><cf:parentRSS>http://aumja24.spaces.live.com/blog/feed.rss</cf:parentRSS><live:type>blogcategory</live:type><live:identity><live:id>7133918672290709776</live:id><live:alias>aumja24</live:alias></live:identity><cf:listinfo><cf:group ns="http://schemas.microsoft.com/live/spaces/2006/rss" element="typelabel" label="Type" /><cf:group ns="http://schemas.microsoft.com/live/spaces/2006/rss" element="tag" label="Tag" /><cf:group element="category" label="Category" /><cf:sort element="pubDate" label="Date" data-type="date" default="true" /><cf:sort element="title" label="Title" data-type="string" /><cf:sort ns="http://purl.org/rss/1.0/modules/slash/" element="comments" label="Comments" data-type="number" /></cf:listinfo><item><title>How to Add JavaScript In Your Space</title><link>http://aumja24.spaces.live.com/Blog/cns!6300C53C3E6A0110!1905.entry</link><description>&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366" size=4&gt;This primer will layout the principle of adding&lt;/font&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366" size=4&gt;javascript to your space.&lt;/font&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366" size=4&gt;&lt;/font&gt;&lt;/strong&gt; &lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366" size=4&gt;Firstly you will need a sandbox gadget on your space.&lt;/font&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366"&gt;&lt;font size=2&gt;(this can be down loaded from:- &lt;/font&gt;&lt;a href="http://gallery.live.com/results.aspx?s=sandbox&amp;amp;l=1"&gt;&lt;font color="#ff0000" size=2&gt;Click Here&lt;/font&gt;&lt;/a&gt;&lt;font size=2&gt;)&lt;/font&gt;&lt;/font&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366" size=4&gt;&lt;/font&gt;&lt;/strong&gt; &lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366" size=4&gt;Next you will need a web space.&lt;/font&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366" size=2&gt;(a free one can be got from:- &lt;a href="http://www.saiyaithai.org/"&gt;&lt;font color="#ff0000"&gt;Click Here&lt;/font&gt;&lt;/a&gt;)&lt;/font&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366" size=2&gt;&lt;/font&gt;&lt;/strong&gt; &lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366" size=4&gt;Right here's how it works:-&lt;/font&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366" size=4&gt;&lt;/font&gt;&lt;/strong&gt; &lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366" size=4&gt;Create a web page with your javascript in it.&lt;/font&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366" size=2&gt;(remember you are limited to the size of your sandbox gadget, although scrollbars are availible)&lt;/font&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366" size=4&gt;&lt;/font&gt;&lt;/strong&gt; &lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366" size=4&gt;Now save it as a html document,&lt;/font&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366" size=2&gt;(with the extention .html)&lt;/font&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366" size=2&gt;&lt;/font&gt;&lt;/strong&gt; &lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366" size=4&gt;and upload it to your web site,&lt;/font&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366" size=4&gt;along with any images your javascript uses.&lt;/font&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366" size=4&gt;&lt;/font&gt;&lt;/strong&gt; &lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366" size=4&gt;Now you need to call (display) your javascript,&lt;/font&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366" size=4&gt;from with in your sandbox gadget.&lt;/font&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366" size=4&gt;&lt;/font&gt;&lt;/strong&gt; &lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366" size=4&gt;This is done with the iframe command:-&lt;/font&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366" size=4&gt;&lt;/font&gt;&lt;/strong&gt; &lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font size=4&gt;&lt;font color="#000000"&gt;&amp;lt;iframe name=&amp;quot;window name&amp;quot; scrolling=no align=middle  width=140 height=200 marginhight=0 marginwidth=0 frameborder=0 src=&amp;quot;&lt;/font&gt;&lt;a href="http://spaces.msn.com/markslack/"&gt;&lt;font color="#000000"&gt;your javascript web page url goes here&lt;/font&gt;&lt;/a&gt;&lt;font color="#000000"&gt;&amp;quot;&amp;gt;&lt;br&gt;&amp;lt;/iframe&amp;gt;&lt;/font&gt;&lt;/font&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366" size=4&gt;&lt;/font&gt;&lt;/strong&gt; &lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366" size=4&gt;Adjust the above code to suit your needs,&lt;/font&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366" size=4&gt;remember you'll need to size it to your gadget.&lt;/font&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366" size=4&gt;&lt;/font&gt;&lt;/strong&gt; &lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366" size=4&gt;Now save it in your sandbox.&lt;/font&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div align=left&gt;&lt;strong&gt;&lt;font color="#003366" size=4&gt;have fun &lt;img src="http://shared.live.com/VIf!VWmJbs6tK-ObyYk28Q/emoticons/smile_wink.gif"&gt;&lt;/font&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font color="#003366" size=4&gt;&lt;/font&gt;&lt;/strong&gt; &lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font style="background-color:#ff0000" color="#000000" size=4&gt;=============Thai Version=============&lt;/font&gt;&lt;/strong&gt;&lt;/div&gt;
&lt;div align=center&gt;&lt;strong&gt;&lt;font style="background-color:#ff0000" color="#000000" size=4&gt;&lt;/font&gt;&lt;/strong&gt; &lt;/div&gt;
&lt;h3 align=center&gt;&lt;font color="#800080"&gt;วิธีการแทรก JavaScript ลงใน windows live spaces ของคุณ&lt;/font&gt;&lt;/h3&gt;
&lt;p align=center&gt;&lt;strong&gt;&lt;font size=3&gt;ใน Spaces นั้นไม่ได้รองรับการใช้งาน JAVASCRIPT ดังนั้นเราต้องเรียกใช้งานจากที่อื่น&lt;/font&gt;&lt;/strong&gt; 
&lt;p align=left&gt;&lt;strong&gt;&lt;font size=3&gt;ขั้นตอน&lt;/font&gt;&lt;/strong&gt; 
&lt;p align=left&gt;&lt;strong&gt;&lt;font size=3&gt;1. ใน Spaces ของคุณต้องมี SandBox GagGet เพราะ เราสามารถแทรก &amp;lt;iframe&amp;gt; ได้ หากยังไม่มีให้ไป โหลดที่ &lt;a href="http://gallery.live.com/results.aspx?s=sandbox&amp;amp;l=1"&gt;Click Hear&lt;/a&gt; โดยกดที่ add to your space&lt;/font&gt;&lt;/strong&gt; 
&lt;p align=left&gt;&lt;strong&gt;&lt;font size=3&gt;2. ต่อไปเราต้องมี Hosting เพื่อฝากไฟล์ JavaScript เพื่อเรียกใช้งานอีกทีหนึ่ง &lt;a href="http://www.saiyaithai.org/"&gt;Click Hear&lt;/a&gt;&lt;/font&gt;&lt;/strong&gt; 
&lt;p align=left&gt;&lt;strong&gt;&lt;font size=3&gt;3. สร้างไฟล์ HTML โดยการนำไฟล์ JavaScript ที่เราต้องการนำมารันบน Space ไปใส่ ไว้ใน HTML ไฟล์ แล้วก็ save (.html)&lt;/font&gt;&lt;/strong&gt; 
&lt;p align=left&gt;&lt;strong&gt;&lt;font size=3&gt;4. นำไฟล์ html ที่สร้างแล้ว อัปโหลดขึ้นไปบน Host ที่เรามสมัครใช้บริการอยู่&lt;/font&gt;&lt;/strong&gt; 
&lt;p align=left&gt;&lt;strong&gt;&lt;font size=3&gt;5. จากนั้นเราจะเรียกใช้ JavaScript ที่เราสร้างไว้ในไฟล์ html ที่เราอัปโหลดไว้บน host ให้มาแสดงผลที่ SandBox GadGet โดยการใช้ &amp;lt;iframe&amp;gt; &lt;/font&gt;&lt;/strong&gt; 
&lt;p align=left&gt;&lt;font color="#000000" size=4&gt;&lt;strong&gt;&amp;lt;iframe name=&amp;quot;window name&amp;quot; scrolling=no align=middle  width=140 height=200 marginhight=0 marginwidth=0 frameborder=0 src=&amp;quot;เอา URL ไฟล์ HTML ที่เราอัปโหลดไว้บน HOST มาใส่&lt;/strong&gt;&lt;/font&gt;&lt;font color="#000000" size=4&gt;&lt;strong&gt;&amp;quot;&amp;gt;&lt;/strong&gt;&lt;/font&gt;&lt;font color="#000000" size=4&gt;&lt;strong&gt;&amp;lt;/iframe&amp;gt;&lt;/strong&gt;&lt;/font&gt; 
&lt;p align=center&gt;&lt;strong&gt;&lt;font color="#ff6600" size=4&gt;กำหนดขนาดการแสดงผลเอาเอง ตามสมควร&lt;/font&gt;&lt;/strong&gt; 
&lt;p align=left&gt;&lt;strong&gt;&lt;font size=3&gt;6. จากนั้น copy code iframe ไปใส่ใน GEDGAT แล้วกด SAVE&lt;/font&gt;&lt;/strong&gt;&lt;img src="http://c.services.spaces.live.com/CollectionWebService/c.gif?cid=7133918672290709776&amp;page=RSS%3a+How+to+Add+JavaScript+In+Your+Space&amp;referrer=" width="1px" height="1px" border="0" alt=""&gt;&lt;img style="position:absolute" alt="" width="0px" height="0px" src="http://c.live.com/c.gif?NC=31263&amp;amp;NA=1149&amp;amp;PI=73329&amp;amp;RF=&amp;amp;DI=3919&amp;amp;PS=85545&amp;amp;TP=aumja24.spaces.live.com&amp;amp;GT1=aumja24"&gt;</description><comments>http://aumja24.spaces.live.com/Blog/cns!6300C53C3E6A0110!1905.entry#comment</comments><guid isPermaLink="true">http://aumja24.spaces.live.com/Blog/cns!6300C53C3E6A0110!1905.entry</guid><pubDate>Sun, 08 Apr 2007 02:47:00 GMT</pubDate><slash:comments>2</slash:comments><msn:type>blogentry</msn:type><live:type>blogentry</live:type><live:typelabel>Blog entry</live:typelabel><wfw:commentRss>http://aumja24.spaces.live.com/blog/cns!6300C53C3E6A0110!1905/comments/feed.rss</wfw:commentRss><wfw:comment>http://aumja24.spaces.live.com/Blog/cns!6300C53C3E6A0110!1905.entry#comment</wfw:comment><dcterms:modified>2007-04-08T02:50:25Z</dcterms:modified></item></channel></rss>