<?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; coding</title>
	<atom:link href="http://www.donuzz.com/tag/coding/feed" rel="self" type="application/rss+xml" />
	<link>http://www.donuzz.com</link>
	<description>Life, Travel, Web Design</description>
	<lastBuildDate>Tue, 31 Jan 2012 07:41:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<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 &#8230; <a href="http://www.donuzz.com/2008/javascript-show-hide-div-content">Continue reading <span class="meta-nav">&#8594;</span></a>]]></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>

