Minggu, 06 September 2015

CARA BUAT SELECT ALL TEXT DENGAN JQUERY

1.COPY KODE DIBAWAH INI DAN LETAKAN DIATAS KODE </body>
<script type='text/javascript'>
//<![CDATA[
var pres = document.querySelectorAll('blockquote,pre,div.kode');
for (var i = 0; i < pres.length; i++) {
pres[i].addEventListener("dblclick", function () {
var selection = getSelection();
var range = document.createRange();
range.selectNodeContents(this);
selection.removeAllRanges();
selection.addRange(range);
}, false);
}
//]]>
</script>
2.COPY KODE DIBAWAH INI DAN LETAKAN DIATAS KODE ]]></b:skin>
blockquote{font:italic 14px Georgia;margin:10px 25px;padding:10px;line-height: 1.6em;color: #333;background: #ddd;border-left: 3px solid #aaa;transition:all .3s ease-in-out;position:relative;-webkit-touch-callout: text;-webkit-user-select: text;-moz-user-select: text;-ms-user-select: text;-o-user-select: text;user-select: text;}
blockquote:hover{background: #eee}
pre {color:#ff00ff;margin:15px 25px 15px;padding:10px;clear:both;background:#20203d;color:#fff;border:1px solid #ddd;border-left:12px solid #bbb;overflow:auto;font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;font-weight: normal !important;font-style: normal !important;font-size: 12px !important;}
.kode{border:#666 1px solid; padding:10px;}

CONTOH PENGGUNAAN TAG DI POSTINGAN BLOGGER

MENGGUNAKAN TAG BLOCKQUOTE
<script type='text/javascript'>
//<![CDATA[
var pres = document.querySelectorAll('blockquote,pre,div.kode');
for (var i = 0; i < pres.length; i++) {
pres[i].addEventListener("dblclick", function () {
var selection = getSelection();
var range = document.createRange();
range.selectNodeContents(this);
selection.removeAllRanges();
selection.addRange(range);
}, false);
}
//]]>
</script>

MENGGUNAKAN TAG PRE
<script type='text/javascript'>
//<![CDATA[
var pres = document.querySelectorAll('blockquote,pre,div.kode');
for (var i = 0; i < pres.length; i++) {
pres[i].addEventListener("dblclick", function () {
var selection = getSelection();
var range = document.createRange();
range.selectNodeContents(this);
selection.removeAllRanges();
selection.addRange(range);
}, false);
}
//]]>
</script>

MENGGUNAKAN TAG DIV
<script type='text/javascript'>
//<![CDATA[
var pres = document.querySelectorAll('blockquote,pre,div.kode');
for (var i = 0; i < pres.length; i++) {
pres[i].addEventListener("dblclick", function () {
var selection = getSelection();
var range = document.createRange();
range.selectNodeContents(this);
selection.removeAllRanges();
selection.addRange(range);
}, false);
}
//]]>
</script>

MENGGUNAKAN TAG DIV + DIV STYLE
<script type='text/javascript'>
//<![CDATA[
var pres = document.querySelectorAll('blockquote,pre,div.kode');
for (var i = 0; i < pres.length; i++) {
pres[i].addEventListener("dblclick", function () {
var selection = getSelection();
var range = document.createRange();
range.selectNodeContents(this);
selection.removeAllRanges();
selection.addRange(range);
}, false);
}
//]]>
</script>
CAT=
  • UBAH DBLCLIK MENJADI CLIK UNTUK MEMBUAT SEKALI CLIK UNTUK NGEBLOK TEKSNYA.




  • Silahkan tambahkan lagi seleksi tag lainnya pada kode ('blockquote,pre,div.kode') di dalam kurung kutip dengan dipisahkan dengan tanda koma..

  • Tidak ada komentar:

    Posting Komentar

    Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.