<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>donuzz&#039;s blog &#187; javascript</title>
	<atom:link href="http://www.donuzz.com/tag/javascript/feed" rel="self" type="application/rss+xml" />
	<link>http://www.donuzz.com</link>
	<description>&#60;div&#62;Travel &#38; My Life&#60;/div&#62;</description>
	<lastBuildDate>Tue, 31 Jan 2012 07:41:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>เว็บไทยรัฐกับ sIFR</title>
		<link>http://www.donuzz.com/2009/new-thairath-with-sifr</link>
		<comments>http://www.donuzz.com/2009/new-thairath-with-sifr#comments</comments>
		<pubDate>Thu, 23 Apr 2009 14:31:03 +0000</pubDate>
		<dc:creator>Donuzz</dc:creator>
				<category><![CDATA[Diary]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Font]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[Newspaper]]></category>
		<category><![CDATA[sIFR]]></category>
		<category><![CDATA[thairath]]></category>

		<guid isPermaLink="false">http://www.donuzz.com/?p=376</guid>
		<description><![CDATA[เพิ่งเห็นเว็บไซต์หนังสือพิมพ์ไทยรัฐออนไลน์โฉมใหม่ เป็นที่น่าตื่นตาตื่นใจกับผู้ใช้อินเตอร์เน็ตในบ้านเรามากเลยทีเดียว ทำได้ดีทั้งในด้านการนำเสนอข้อมูล และการออกแบบเว็บไซต์ตามเทรนการออกแบบเว็บไซต์สมัยใหม่ และที่สำคัญยังเห็นการนำเทคนิค sIFR มาใช้ด้วย sIFR ย่อมาจาก Scalable Inman Flash Replacement ซึ่งก็คือเทคนิคการแทนที่การแสดงผล Font บนหน้าเว็บที่เป็น HTML ธรรมดาด้วย Font สวยๆ ตามต้องการ โดยใช้ JavaScript กับ Flash เข้ามาช่วย มีรายละเอียดและการใช้งานเป็นภาษาไทยอยู่แล้ว สามารถอ่านเพิ่มเติมได้ตามนี้ครับ.. ใช้ font สวยๆ บนเว็บไซต์ ด้วย sIFR sIFR คืออะไร ฝัง sIFR ลงบนเว็บเพจ]]></description>
			<content:encoded><![CDATA[<p><a title="Thairath.co.th with sIFR" href="http://www.flickr.com/photos/donuzz/3466857949/sizes/o/"><img src="http://farm4.static.flickr.com/3512/3466857949_9c12fd007b.jpg" alt="Thairath.co.th with sIFR" width="500" height="495" /></a></p>
<p>เพิ่งเห็น<a href="http://www.thairath.co.th">เว็บไซต์หนังสือพิมพ์ไทยรัฐออนไลน์</a>โฉมใหม่ เป็นที่น่าตื่นตาตื่นใจกับผู้ใช้อินเตอร์เน็ตในบ้านเรามากเลยทีเดียว ทำได้ดีทั้งในด้านการนำเสนอข้อมูล และการออกแบบเว็บไซต์ตามเทรนการออกแบบเว็บไซต์สมัยใหม่ และที่สำคัญยังเห็นการนำเทคนิค sIFR มาใช้ด้วย</p>
<p><a href="http://en.wikipedia.org/wiki/Scalable_Inman_Flash_Replacement">sIFR</a> ย่อมาจาก Scalable Inman Flash Replacement ซึ่งก็คือเทคนิคการแทนที่การแสดงผล Font บนหน้าเว็บที่เป็น HTML ธรรมดาด้วย Font สวยๆ ตามต้องการ โดยใช้ JavaScript กับ Flash เข้ามาช่วย</p>
<p><span id="more-376"></span></p>
<p>มีรายละเอียดและการใช้งานเป็นภาษาไทยอยู่แล้ว สามารถอ่านเพิ่มเติมได้ตามนี้ครับ..</p>
<ul>
<li><a href="http://lab.tosdn.com/?p=172">ใช้ font สวยๆ บนเว็บไซต์ ด้วย sIFR</a></li>
<li><a href="http://zf.f0nt.com/sifr/">sIFR คืออะไร</a></li>
<li><a href="http://zf.f0nt.com/sifr/tutor/001_sifrinstall.php">ฝัง sIFR ลงบนเว็บเพจ</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.donuzz.com/2009/new-thairath-with-sifr/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>ซ่อน/แสดงเนื้อหาในเว็บเพจ โดยใช้ JavaScript</title>
		<link>http://www.donuzz.com/2008/javascript-show-hide-div-content</link>
		<comments>http://www.donuzz.com/2008/javascript-show-hide-div-content#comments</comments>
		<pubDate>Wed, 25 Jun 2008 04:47:41 +0000</pubDate>
		<dc:creator>Donuzz</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[coding]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://www.donuzz.com/?p=211</guid>
		<description><![CDATA[การทำ Link ให้ผู้ใช้กดเพื่อ ซ่อน/แสดง เนื้อหาในเว็บเพจ สามารถทำได้โดยใช้ JavaScript และเนื้อหาที่อยู่ในแท็บ DIV ดังนี้ครับ ตัวอย่าง: ลองกดดูสิครับ !! สวัสดีครับพระเจ้าจอร์ช.. มันยอดมาก !! . 1. โค้ด JavaScript สำหรับฟังก์ชันสำหรับ ซ่อน/แสดง เนื้อหา (Copy โค้ด JavaScript ด้านล่างนี้ไปวางในไฟล์ html) . 2. ส่วนเนื้อหาที่อยู่ใน DIV (ใช้โค้ดด้านล่างนี้สำหรับส่วนที่จะ ซ่อน/แสดง เนื้อหา) ใส่เนื้อหาตรงนี้ครับ . 3. โค้ดสำหรับสร้าง Link ให้ผู้ใช้กดเพื่อซ่อนหรือแสดงเนื้อหาในข้อ 2 กดที่นี่เพื่อ แสดง/ซ่อน เนื้อหา . จบแล้วครับ ลองนำไปประยุกต์ใช้กับการออกแบบเว็บ เผื่อจะเป็นประโยชน์ได้บ้างครับ]]></description>
			<content:encoded><![CDATA[<p>การทำ Link ให้ผู้ใช้กดเพื่อ ซ่อน/แสดง เนื้อหาในเว็บเพจ สามารถทำได้โดยใช้ JavaScript และเนื้อหาที่อยู่ในแท็บ DIV ดังนี้ครับ</p>
<p><script type="text/javascript" language="JavaScript"><!--
function HideContent(d) {
document.getElementById(d).style.display = "none";
}
function ShowContent(d) {
document.getElementById(d).style.display = "block";
}
function ReverseDisplay(d) {
if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; }
else { document.getElementById(d).style.display = "none"; }
}
//--></script></p>
<p><strong>ตัวอย่าง:</strong> <a href="javascript:ReverseDisplay('uniquename')">ลองกดดูสิครับ !!</a></p>
<div id="uniquename" style="display:none; border:1px solid #666666; background: #FFF5DB; padding:10px;">
<span style="color:#E24A00;">สวัสดีครับ<br />พระเจ้าจอร์ช.. มันยอดมาก !!</span>
</div>
<p><span id="more-211"></span></p>
<p>.</p>
<p><strong>1. โค้ด JavaScript</strong> สำหรับฟังก์ชันสำหรับ ซ่อน/แสดง เนื้อหา (Copy โค้ด JavaScript ด้านล่างนี้ไปวางในไฟล์ html)<br />
<code lang="javascript"><script type="text/javascript" language="JavaScript"><!--
function HideContent(d) {
document.getElementById(d).style.display = "none";
}
function ShowContent(d) {
document.getElementById(d).style.display = "block";
}
function ReverseDisplay(d) {
if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; }
else { document.getElementById(d).style.display = "none"; }
}
//--></script></code></p>
<p>.</p>
<p><strong>2. ส่วนเนื้อหา</strong>ที่อยู่ใน DIV (ใช้โค้ดด้านล่างนี้สำหรับส่วนที่จะ ซ่อน/แสดง เนื้อหา)<br />
<code lang="html">
<div id="uniquename" style="display:none;">
<p>ใส่เนื้อหาตรงนี้ครับ</p>
</div>
<p></code></p>
<p>.</p>
<p><strong>3. โค้ดสำหรับสร้าง Link</strong> ให้ผู้ใช้กดเพื่อซ่อนหรือแสดงเนื้อหาในข้อ 2<br />
<code lang="html"><a href="javascript:ReverseDisplay('uniquename')"><br />
กดที่นี่เพื่อ แสดง/ซ่อน เนื้อหา<br />
</a></code></p>
<p>.</p>
<p>จบแล้วครับ ลองนำไปประยุกต์ใช้กับการออกแบบเว็บ เผื่อจะเป็นประโยชน์ได้บ้างครับ</p>
]]></content:encoded>
			<wfw:commentRss>http://www.donuzz.com/2008/javascript-show-hide-div-content/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
	</channel>
</rss>

