Senin, 13 Mei 2013

Artikel lanjutan mengenai halaman demo


Link Terkait : Pembuatan Halaman Demo

URL

Mengapa ini menjadi artikel lanjutan dari pembuatan halaman demo....? karena ini terkait mengenai penulisan URLnya. penulisan URL yang waktu itu seperti ini...

http://namablog.blogspot.com/p/demo.html?url=http://zhinto.blogspot.com/

Nah saya fikir-fikir lagi setelah, saya dapat javascript dari Sini kayaknya lebih efisien menggunakan javascript ini karena kita gak perlu repot menulis URL yang begitu panjang. fungsi javascript kali ini adalah menuliskan URL yang menuju ke halaman demo secara otomatis ini scriptnya, simpan diatas </head> atau </body>

<script type="text/javascript">
window.onload = function(){
var demo = document.getElementsByClassName("frame");
for (var i = 0; i < demo.length; i++){
demo[i].href = "http://namablog.blogspot.com/p/demo.html?url=" + demo[i].href
}
}
</script>

Perhatikan kode yang saya tandai, silahkan ganti kode itu dengan link Halaman demo anda lalu setiap menulis link, tambahkan class="frame" contoh dibawah ini.

<a class="frame" href="http://namablog.blogspot.com">Demo</a>

Nah Pasti anda heran, kenapa nilai href nya cuman URL biasa nah disitulah letak efesiennya trik kali ini meskipun anda lihat URL nya biasa saja tapi dengan javascript yang sudah kita tuliskan tadi URL nya akan berubah seperti ini.

http://namablog.blogspot.com/p/demo.html?url=http://namablog.blogspot.com/

Karena fungsi URL pada javascript yang saya tandai tadi adalah untuk menambahkan URL sebelum URL pada link yang berkelas frame jadi gak repot menuliskan URL yang sangat panjang dan merepotkan.