<?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>NitrouZ Daily Blog - Another Resurrected Blog &#187; auto copy to clipboard</title>
	<atom:link href="http://xtremenitro.org/tag/auto-copy-to-clipboard/feed" rel="self" type="application/rss+xml" />
	<link>http://xtremenitro.org</link>
	<description></description>
	<lastBuildDate>Mon, 21 Jun 2010 01:16:23 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Copy to clipboard using JavaScript</title>
		<link>http://xtremenitro.org/2008/12/12/copy-to-clipboard-using-javascript.html</link>
		<comments>http://xtremenitro.org/2008/12/12/copy-to-clipboard-using-javascript.html#comments</comments>
		<pubDate>Fri, 12 Dec 2008 01:05:48 +0000</pubDate>
		<dc:creator>NitrouZ</dc:creator>
				<category><![CDATA[Programming & Scripting]]></category>
		<category><![CDATA[auto copy to clipboard]]></category>
		<category><![CDATA[javasript]]></category>
		<category><![CDATA[script]]></category>

		<guid isPermaLink="false">http://xtremenitro.org/?p=638</guid>
		<description><![CDATA[Setelah berpusing ria, dan akhirnya ngga&#8217; menghubungi adeknya , akhirnya saya googling dan nemu beberapa contoh penggunaan JavaScript Auto Copy to Clipboard, akhirnya saya menemukan satu fungsi yang menurut saya keren Pada instalasi dasar, beberapa browser selain Internet Explorer tidak mendukung Auto Copy menggunakan JavaScript. Jadi script auto copy ini hanya berfungsi untuk Internet Explorer [...]]]></description>
			<content:encoded><![CDATA[<p>Setelah <a href="http://xtremenitro.org/2008/12/11/antara-sahabat-dan-sayang.html" target="_blank">berpusing ria</a>, dan akhirnya <em>ngga&#8217;</em> menghubungi <a href="http://hikarianna.blogspot.com" target="_blank">adeknya</a> <img src='http://xtremenitro.org/smilies/yahoo_tongue.gif' alt='&#58;&#112;' class='wp-smiley' width='18' height='18' title='&#58;&#112;' />, akhirnya saya googling dan nemu beberapa contoh penggunaan JavaScript Auto Copy to Clipboard, akhirnya saya menemukan satu fungsi yang menurut saya keren <img src='http://xtremenitro.org/smilies/yahoo_bigsmile.gif' alt='&#58;&#68;' class='wp-smiley' width='18' height='18' title='&#58;&#68;' /> Pada instalasi dasar, beberapa browser selain Internet Explorer tidak mendukung Auto Copy menggunakan JavaScript. Jadi script auto copy ini hanya berfungsi untuk Internet Explorer saja <img src='http://xtremenitro.org/smilies/yahoo_bigsmile.gif' alt='&#58;&#68;' class='wp-smiley' width='18' height='18' title='&#58;&#68;' /></p>
<p>Nah, lalu apa yang menarik di sini ? Fungsi yang saya dapat dari hasil kemarin adalah, saat cursor melakukan click, maka semua yang ada pada textarea akan terpilih (Tested on Firefox, IE, dan Opera). Lalu untuk apa fungsinya ? Ya fungsinya adalah untuk <em>select all</em> aja <img src='http://xtremenitro.org/smilies/yahoo_tongue.gif' alt='&#58;&#112;' class='wp-smiley' width='18' height='18' title='&#58;&#112;' /> Tergantung variasi kalian ingin digunakan untuk apa.</p>
<p>Berikut fungsi javascript nya :</p>
<pre>&lt;script type="text/javascript"&gt;
function doclip(d){
		var content = eval("document.kopi." + d) // menuju ke form
		content.focus()
		content.select()
		range = content.createTextRange()
		range.execCommand("Copy")
		window.status="Contents copied to clipboard" // Menampilkan status untuk IE
		setTimeout("window.status=''",1800)
	}
&lt;/script&gt;</pre>
<p>Setelah membuat fungsi di atas menggunakan javascript, sekarang buatlah rangkaian form seperti berikut :</p>
<pre>&lt;form name="kopi"&gt;
&lt;textarea name="txta_pilihan" cols="25" rows="5" onclick="doclip('txta_pilihan')"&gt;
&lt;!-- your text here --&gt;
&lt;/textarea&gt;</pre>
<p>Kenapa &lt;form&gt; tidak diberi <em>closing tag</em> ? Karena kesimpulan saya itu hanya untuk identifikasi saja bahwa fungsi tersebut baru bisa di jalankan apabila form pemanggilnya di keluarkan. CMIIW. Kalau dikasih closing tag juga ngga&#8217; masalah kok. Jangan lupa pada form tersebut diberi atribut <em>name</em> dengan <em>value</em> kopi</p>
<p>Nah, pada bagian berikutnya saya menggunakan textarea (bisa juga yang lain seperti input). Pada textarea tersebut saya menambahkan attribut <em>name</em> dengan value <em>txta_pilihan</em>. Lalu pada bagian OnClick (karena fungsi ini di konfigurasi jalan setelah di klik), saya menambahkan fungsi yang telah terbuat di atas yaitu <em>onclick=&#8221;doclip(&#8216;txta_pilihan&#8217;)&#8221;.</em> Di mana <em>doclip</em> adalah fungsi yang telah di buat dan <em>txta_pilihan</em> adalah nama textarea yang ingin di pilih.</p>
<p>Bagaimana hasilnya ? Silakan di coba <img src='http://xtremenitro.org/smilies/yahoo_smiley.gif' alt='&#58;&#41;' class='wp-smiley' width='18' height='18' title='&#58;&#41;' /> Laporkan jika terjadi error <img src='http://xtremenitro.org/smilies/yahoo_bigsmile.gif' alt='&#58;&#68;' class='wp-smiley' width='18' height='18' title='&#58;&#68;' /></p>
<ul class="related_post"><li><a href="http://xtremenitro.org/2008/12/29/mikrotik-script-maker-kotjokdjaja-team.html" title="Mikrotik Script Maker [KotjokDjaja Team]">Mikrotik Script Maker [KotjokDjaja Team]</a></li><li><a href="http://xtremenitro.org/2008/12/07/tutorial-contoh-exploitasi-vulnerabilities-pada-e107.html" title="[Tutorial] Contoh Exploitasi Vulnerabilities Pada e107">[Tutorial] Contoh Exploitasi Vulnerabilities Pada e107</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://xtremenitro.org/2008/12/12/copy-to-clipboard-using-javascript.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
