Rabu, 24 Oktober 2012

You are here : Home » Ketagihan Javascript 2 » Membuat Pesan Dengan Tombol Up Down

Membuat Pesan Dengan Tombol Up Down

Seperti apa Pesan Dengan Tombol Up Down ??

Untuk melihat demonya, silahkan buka ini. Arahkan kursor di dalam kolom, lalu tekan tombol Atas atau Bawah pada keyboard Agan.

Bagaimana sudah lihat ?

Apabila Agan ingin memasang itu silahkan Agan salin kode berikut ini.


<script language="javascript" type="text/javascript">
/* Visit http://www.ketagihanbaca.blogspot.com/ for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- Begin
var listOpt = new Array("",
"
Selamat Datang", "Selamat Menikmati Blog Sederhana Kami", "Kami Menyediakan Berbagai Artikel Pilihan", "Tinggalkan Jejak Agar Kami Dapat Balik Mengunjungi Anda", "Salam Blogger", "Terima Kasih");
var Ex = false;
var Net = false;
//var app = navigator.appName.substring(0,1);
if (!document.all) Net = true;
else Ex = true;
document.onkeyup = keyUp;
if (Net) document.captureEvents(Event.KEYUP);
function keyUp(ev) {
if (Net) {
var source = ev.target.name;
if(source) {
if(ev.which == 40 && source == "target_box") cycleUp(source);
if(ev.which == 38 && source == "target_box") cycleDown(source);
   }
}
else if (Ex) {
var source = window.event.srcElement.name;
if(source) {
if(window.event.keyCode == 40 && source  == "target_box") cycleUp(source);
if(window.event.keyCode == 38 && source  == "target_box") cycleDown(source);
      }
   }
}
var arrayIndex = 0;
function cycleUp(source) {
arrayIndex++;
if(arrayIndex > listOpt.length-1) arrayIndex = 0;
var change_box = eval("document.cycleForm." + source);
change_box.value = listOpt[arrayIndex];
}
function cycleDown(source) {
arrayIndex--;
if(arrayIndex < 0) arrayIndex = listOpt.length - 1;
var change_box = eval("document.cycleForm." + source);
change_box.value = listOpt[arrayIndex];
}
//  End -->
</script>
<form name="cycleForm">
<input name="target_box" value=""
size="65"><br>
</form>
<b>Tekan tombol Atas atau Bawah.</b>



Letakkan kode itu di tool "HTML" dalam halaman membuat postingan. Maka akan muncul di dalam postingan itu saja.

Tetapi jika ingin tampil di seluruh halaman, pasang di salah satu sisi elemen blog pada menu Tata Letak. Maka ia akan muncul di setiap halaman.

Selamat mencoba.

3 komentar:

  1. Wah ada yang baru lagi neh rupannya,,biar ku coba nanti,
    selamat bermalam jumat Kawan

    BalasHapus
  2. Mdh2n kita coba nanti, sob. Terima kasih share-nya.

    BalasHapus