Anda tentu biasa melihat tag PRE memiliki nomor baris di sisi kiri. Tahukah Anda bahwa hal ini bisa juga diterapkan pada blockquote . Bagaim...
Anda tentu biasa melihat tag PRE memiliki nomor baris di sisi kiri. Tahukah Anda bahwa hal ini bisa juga diterapkan pada
Simpan baris kode ini di atas
Simpan script ini di atas tag
Selamat belajar :)
blockquote
. Bagaimana caran Membuat Penomoran Otomatis Pada Blockquote? Ikuti langkah-langkah berikut.]]></b:skin>
atau </style>
blockquote {
background-color:#eee;
font:normal normal 12px/14px "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;
color:#444;
overflow:auto;
margin:0 0 1em;
padding:1em;
}
blockquote,
blockquote .line-number {
/* Ukuran line-height antara teks di dalam tag <blockquote> dan <span class="line-number"> harus sama! */
font:normal normal 12px/14px "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;
display:block;
white-space:pre;
}
blockquote .line-number {
float:left;
margin:-1em 1em -1em -1em;
text-align:right;
background-color:#f1f1f1;
color:#acacac;
padding:1em .2em 1em .2em;
border-right:1px solid #e0e0e0;
}
blockquote br {
display:none;
}
blockquote .line-number span {
display:block;
padding:0 .7em 0 1em;
}
blockquote .ll {
display:block;
clear:both;
}
Simpan script ini di atas tag
</body>
<script type='text/javascript'>
//<![CDATA[
var pre = document.getElementsByTagName('blockquote'),
pl = pre.length;
for (var i = 0; i < pl; i++) {
pre[i].innerHTML = '<span class="line-number"></span>' + pre[i].innerHTML + '<span class="ll"></span>';
var num = pre[i].innerHTML.split(/\n/).length;
for (var j = 0; j < num; j++) {
var line_num = pre[i].getElementsByTagName('span')[0];
line_num.innerHTML += '<span>' + (j+1) + '</span>';
}
}
//]]>
</script>
Selamat belajar :)
Kesalahan saat mengurai XML. The element type "span" must be terminated by the matching end-tag "</span>"
ReplyDeleteGmna gan?