Blue Fire Pointer MARI BELAJAR: program | Info Seputar Pengetahuan MARI BELAJAR: program
Selamat datang di Website Mari Belajar dan dapatkan informasi-informasi mengenai dunia pembelajaran
animasi bergerak gif
Tampilkan postingan dengan label program. Tampilkan semua postingan
Tampilkan postingan dengan label program. Tampilkan semua postingan

Kejadian (Event) - 2




A. Event On Submit

Event on submit akan dibangkitkan apabila seorang user menekan tombol submit. Dengan event ini data yang diinputkan akan dikirimkan ke tempat lain (email, file teks atau ke dalam suatu tabel).


Contoh Program JavaScript
 
<Html>
<Body>
<SCRIPT LANGUAGE="JavaScript"> 
function cari()
{
var kata = document.formcari.keyword.value; 
var hasil = "http://www.google.com/search?q=" + kata ; 
window.open(hasil, 'google', config='height=500,width=750 scrollbars=yes location=yes') 
} 
</SCRIPT> 
<FORM NAME="formcari" onSubmit="cari()">
<center> 
<table>
<tr>
    <td colspan="4" bgcolor="orange"><h1 align="center">S e a r c h - E n g i n e</h1>
<hr color="black" size="4" ></td>
  </tr>
 <tr>
   <td><b>Cari pakai</b></td>
   <td><img src="logoogle.gif"></td>   
   <td><INPUT NAME="keyword" SIZE="40" TYPE="text"></td>
   <td><INPUT TYPE="submit" VALUE="Cari .. !!"><input type="reset" Value="Ulang"></td>
 </tr>
<tr>
    <td colspan="4" bgcolor="orange"><hr color="black" size="4" ></td>
  </tr> 
</table>
</center>
</FORM> 
</body>
</html>




Berikut diberikan contoh event submit yang terjadi pada form pengisian data guestbook yang hasilnya akan dikirim ke suatu email.


Contoh Program JavaScript
 
<Html>
<Body>
<SCRIPT LANGUAGE="JavaScript"> 
function isiform(form)
{
 isinama(form);
 isiemail(form);
 isikomentar(form);
 kosongkan(form);
} 
function kosongkan(form)
{
 if((isinama(form) && isiemail(form) && isikomentar(form)))
   {
    form.submit;
   }
 if((isinama(form)== false || isiemail(form)== false || isikomentar(form)== false))
  {
   salahisi(form);
  }
}
function salahisi(form)
{
 var teks ="Ada Kesalahan Isian :";
 if (isinama(form)== false)
 {teks +="\nNama Anda";}
 if (isiemail(form)==false)
 {teks +="\nEmail Anda";}
 if (isikomentar(form)==false)
 {teks +="\nKomentar Anda";}
 alert(teks);
}
function isinama(form)
{
 if (form.nama.value=="")
 {return false;}
 else
 {return true;}
}
function isiemail(form)
{
 if((form.email.value=="" || form.email.value.indexOf('@',0)==-1) ||
 form.email.value.indexOf('.')==-1)
 {return false;}
 else
 {return true;}
}
function isikomentar(form)
{
if(form.cs.value=="")
 {return false;}
else
 {return true;}
}
</script>
<form name="f" method="post" action="mailto:irawan@unikom.ac.id?subject=Form">
<font face="Arial">
<table align="center">
 <tr bgcolor="gray">
    <td colspan="2" align="center"><h1>G u e s t B o o k</h1></td>
 </tr>
  <tr bgcolor="peachpuff">
    <td>Nama Anda :</td>
    <td><input type="text" value="" name="nama" size="30"</td>     
 </tr>
 <tr bgcolor="peachpuff">
    <td>Email Anda :</td>
    <td><input type="text" value="" name="email" size="30"</td>     
 </tr>
 <tr bgcolor="peachpuff">
    <td>Komentar Anda :</td>
    <td><textarea name="cs" rows="5" cols="50"></textarea></td>     
 </tr>
<tr bgcolor="orange">
    <td colspan="2" align="center">
    <input type="button" name="thesubmit" value="kirim" onClick="isiform(this.form)">
    <input type="reset" value="hapus">
    </td>
 </tr> 
 <tr bgcolor="gray">
    <td colspan="2" align="center"><b>Terima Kasih Telah Mengisi Guest Book</b> </td>
 </tr>
 </table>
 </font>
 </form>
</body>
</html>













9.2 Manipulasi Gambar







Untuk memuat suatu image, pada Javascript terdapat objek Image. Untuk
membuat objek tersebut pendeklarasiannya adalah sebagai berikut :







img1
= new Image ()







img1.src
= "pic1.gif"







artinya membuat objek image dengan isinya adalah image pic1.gif







berikut akan diberikan contoh mengenai objek image :







 


  

Contoh
  Program JavaScript


 



  
<HTML>


<BODY>


<SCRIPT LANGUAGE="JavaScript"> 


var num=1


img1 = new Image ()


img1.src = "pic1.gif"


img2 = new Image ()


img2.src = "pic2.gif"


img3 = new Image ()


img3.src = "pic3.gif" 


img4 = new Image ()


img4.src = "pic4.gif"


img5 = new Image ()


img5.src = "pic5.gif"


img6 = new Image ()


img6.src = "pic6.gif" 


function slideshow(x)


{


num=num+x


if (num==7)


{num=1}


if (num==0)


{num=6}


document.mypic.src=eval("img"+num+".src")


}


</SCRIPT> 


<CENTER>


<IMG SRC="pic1.gif" NAME="mypic" BORDER=0 height="200" width="150"><p>


<A HREF="JavaScript:slideshow(-1)">Previous</A>


<A HREF="JavaScript:slideshow(1)">Next</A>


</CENTER> 


</BODY>


</HTML>










 






 









 


  

Contoh
  Program JavaScript


 



  
<html>


<head>


<script language="javascript">


<!--


var image1=new Image()


image1.src="1.gif"


var image2=new Image()


image2.src="2.gif"


var image3=new Image()


image3.src="3.gif"


//-->


</script>


</head>


<body>


<center>


<h2>Penggunaan Objek Image Untuk Membuat SlideShow</H2><hr size=5 color="black">


<img src="1.gif" name="slide" width="100" height="100">


<script>


<!--


//variable yang akan menaikan hitungan gambar


var step=1


 


function slideit(){


//jika browser tidak mendukung metode dokumen.image maka keluar.


if (!document.images)


return


document.images.slide.src=eval("image"+step+".src")


if (step<3)


step++


else


step=1


//memanggil function "slideit()" setiap 1 detik


setTimeout("slideit()",1000)


}


slideit()


//-->


</script>


<hr size=5 color="black">


</body>


</html>


 






















 


 


















By






Tidak ada komentar:
  


































          

        

          

        

          

        










Kejadian (Event) dalam Javascript






















A. Kejadian
(Event)







Even adalah
sesuatu yang terjadi pada halaman HTML. Berikut ini terdapat beberapa bentuk
kejadian yaitu jika pengguna memuat dokumen, pengguna memasukkan data, pengguna
mengklik tombol dan sebagainya. Hal-hal tersebut diatur oleh even.



Semua kejadian
pada Javascript dapat anda tangani dengan menentukan kejadiannya. Biasanya
kejadian(even) adalah sebuah fungsi, tetapi pada beberapa kasus, kita dapat
menuliskan pernyataan-pernyataannya secara langsung.







Berikut ini
adalah daftar kejadian(even) pada JavaScript :









 


  

Kejadian


  

Keterangan


 



  

onClick


  

Kejadian yang dibangkitkan bila pengguna mengklik
  sebuah elemen form atau link.


 



  

onChange


  

Dibangkitkan bila informasi masukan pada sebuah
  elemen form (text, textarea, select) diubah oleh pengguna.


 



  

onBlur


  

Dibangkitkan ketika suatu elemen kehilangan focus
  masukan, yaitu ketika pengguna menekan tombol <tab> atau mengklik
  elemen lain form lainnya.


 



  

onFocus


  

Dibangkitkan bila sebuah elemen form menerima
  focus masukan; yaitu bila pengguna mengklik elemen form tersebut atau menekan
  tombol <tab> sehingga focus masukan berpindah ke elemen ini.


 



  

onAbort


  

Dibangkitkan bila pengguna menghentikan pemuatan
  citra (tag<img>) yaitu bila pengguna menekan tombol stop atau mengklik
  link.


 



  

onError


  

Dibangkitkan bila terjadi kesalahan saat browser
  memuat dokumen atau citra.


 



  

onLoad


  

Dibangkitkan bila browser selesai memuat document


 



  

onUnload


  

Dibangkitkan bila pengguna keluar dari dokumen


 



  

onMouseOver


  

Dibangkitkan bila kursor mouse berada di atas
  sebuah link.


 



  

onMouseOut


  

Dibangkitkan bila kursor mouse keluar dari daerah
  link atau peta citra.


 



  

onReset


  

Dibangkitkan bila pengguna menekan tombol reset


 



  

onSelect


  

Kejadian yang dibangkitkan bila pengguna memilih
  sebagian atau seluruh teks pada elemen form yang berupa kotak teks.


 



  

onSubmit


  

Dibangkitkan ketika pengguna menekan tombol
  submit.


 















B.  Penanganan Kejadian (Event)







Berikut ini akan
diberikan beberapa contoh program-program yang menggunakan kejadian-kejadian
dalam aplikasinya.







Contoh program yang menggunakan even OnClick :







 


  

Contoh
  Program JavaScript


 



  
<HTML>


<BODY>


<SCRIPT LANGUAGE="JavaScript">


function warna(pilihan)


{


alert("Anda Memilih Warna " + pilihan);


document.bgColor=pilihan;


}


</SCRIPT>


<h1 align="center">Latihan Event OnClick</h1> 


<hr width="500" color="black" noshade>


<h3 align="center">Pilih warna favorit anda.</h3>


<CENTER>


<FORM>


<INPUT TYPE="button" VALUE="Biru" onClick="warna('lightblue')">


<INPUT TYPE="button" VALUE="Pink" onClick="warna('pink')">


<INPUT TYPE="button" VALUE="Coklat" onClick="warna('burlywood')">


<INPUT TYPE="button" VALUE="Kelabu" onClick="warna('darkgray')">


<INPUT TYPE="button" VALUE="Oranye" onClick="warna('peachpuff')">


<INPUT TYPE="button" VALUE="Putih" onClick="warna('white')">


</FORM>


<FORM>


    <IMG NAME="coolfan" SRC="fanoff.gif" width=61 height=72><BR><BR>


    <INPUT TYPE=BUTTON VALUE=" Off " onClick="coolfan.src = 'fanoff.gif'">


    <INPUT TYPE=BUTTON VALUE=" On "  onClick="coolfan.src = 'fanon.gif'">


</FORM>


</CENTER>


<hr width="500" color="black" noshade> 


</BODY>


</HTML>































Contoh program yang menggunakan even OnBlur dan onFocus :





 


  

Contoh
  Program JavaScript


 



  
<HTML>


<BODY>


<SCRIPT LANGUAGE="JavaScript">


function masukannim()


{


if (document.f.inim.value=="")


  {


   alert("anda belum memasukkan nim");


  }


}


function masukannama()


{     


if (document.f.inama.value=="")


  {


   alert("anda belum memasukkan nama");


  }


}


function masukanalamat()


{   


if (document.f.ialamat.value=="")


  {


   alert("anda belum memasukkan alamat");


  } 


}  


function terimakasih()


{


if ((document.f.inim.value!="")&&(document.f.inama.value!="")&&


(document.f.ialamat.value!=""))


 {


  alert("Terima Kasih Telah mengisi Data");


 }


 else


  alert("Mohon Data Dilengkapi");


}   


</SCRIPT>


<h1 align="center">Latihan Event OnFocus dan OnBlur</h1> 


<hr width="600" color="black" noshade size="10">


<font face="arial">


<h3 align="center">R E G I S T R A S I</h3>


<hr width="600" color="black" noshade size="2">


<CENTER>


<form name="f" method="get">


<TABLE>


   <tr>


      <td width="31%">NIM</td>


      <td width="7%">:</td>


      <td width="62%"><input type="text" name="inim" size="9" 


      onFocus="window.status='Silahkan Mengisi NIM Anda';"


      onBlur="masukannim()"></td>


    </tr>


    <tr>


      <td width="31%">NAMA</td>


      <td width="7%">:</td>


      <td width="62%"><input type="text" name="inama" size="23"


      onFocus="window.status='Silahkan Mengisi Nama Anda';"


      onBlur="masukannama()"></td>


    </tr>


    <tr>


      <td width="31%">ALAMAT</td>


      <td width="7%">:</td>


      <td width="62%"><input type="text" name="ialamat" size="34"


      onFocus="window.status='Silahkan Mengisi Alamat Anda';"


      onBlur="masukanalamat()"></td>


    </tr>


</table>


<hr width="600" color="black" noshade size="2">


<p><input type="BUTTON" value="Kirim" Onclick="terimakasih()">


   <input type="reset" value="Reset"></p>


</form>


</center>


</BODY>


</HTML>


 













Contoh program
yang menggunakan even onLoad dan onUnload



 


  

Contoh
  Program JavaScript


 



  
<HTML>


<BODY Onload="tanggal()" OnUnload="tutup()">


<SCRIPT LANGUAGE="JavaScript">


<!-- Hide from browsers that do not understand Javascript 


function tanggal()


{


 var d = new Date(); 


 var y = d.getFullYear(); 


 var m = d.getMonth() + 1; 


 var d = d.getDate(); 


 var t = d + '/' + m + '/' + y + ' '; 


 defaultStatus = "Anda datang pada tanggal " + t + ".";


 alert("Selamat Datang Teman \n Silahkan Masuk Ke Websiteku");


}


function timer()


{


var d = new Date();  


var jam = d.getHours();


var menit = d.getMinutes();


var detik = d.getSeconds();


var strwaktu = (jam<10)?"0"+jam:jam;


strwaktu +=(menit<10)?"0"+menit:" : "+menit;


strwaktu +=(detik<10)?"0"+detik:" : "+detik;


document.f.txtwaktu.value="         "+strwaktu;


setTimeout("timer()",200);


}


function tutup()


{


window.alert("Terimakasih Telah Berkunjung\nJangan lupa Datang kembali Ya..");


} 


// end hiding --> 


</SCRIPT>


<h1 align="center">Latihan Event OnLoad dan OnUnLoad</h1> 


<hr width="600" color="black" noshade size="10">


<font face="arial">


<h3 align="center">SELAMAT DATANG</h3>


<CENTER>


<form name="f">


<h4 align="center">Sekarang Menunjukkan Jam</h4>


<input type="Text" size="16" name="txtwaktu">


<hr width="600" color="black" noshade size="2">


</form>


<SCRIPT LANGUAGE="JavaScript">timer()</SCRIPT>


</center>


</BODY>


</HTML>


 





































Contoh program yang menggunakan even
onMouseOut dan onMouseOver



 


  

Contoh
  Program JavaScript


 



  
<HTML>


<BODY>


<SCRIPT LANGUAGE="JavaScript">


 


function g1() 


{ 


document.f.imgfan.src="fanon.gif" 


}


function g2()


{ 


document.f.imgfan.src="fanoff.gif" 


}


</SCRIPT>


</SCRIPT>


<h1 align="center">Latihan Event OnMouseOver dan OnMouseOut</h1> 


<hr width="600" color="black" noshade size="10">


<font face="arial">


<h3 align="center">SELAMAT DATANG</h3>


<CENTER>


<form name="f">


<Img Name="logo" src="logo1.gif" onmouseover="document.logo.src='logo2.gif';


window.status='Motto Jawa Barat'"


 onmouseout="document.logo.src='logo1.gif';window.status='Gemah Ripah Repeh Rapih'">


<h4 align="center">Kalo Kepanasan Tunjuk Kipas Angin Saja</h4>


<A HREF="latevenonclick.html" onMouseOver="g1()" onMouseOut="g2()">


<IMAGE NAME="imgfan" SRC="fanoff.gif" WIDTH=61 HEIGHT=72 BORDER=0>


</A>


<p>


Contoh Link Dengan Even


</p>


<A HREF="http://www.google.com" onMouseOver="document.bgColor='#ffcc00';


   onMouseOver=window.status='Ke Website Google.Com'; return true">Google.Com</A><BR> 


<A HREF="http://if.unikom.ac.id" onMouseOver="window.status='Oh, jangan deket-deket..';


 return true" onMouseOut="alert('Nah gitu dong'); return true">Teknik Informatika UNIKOM 


</A>   


<hr width="600" color="black" noshade size="2">


</form>


</center>


</BODY>


</HTML>














 






 
















By






Tidak ada komentar:
  


































          

        

          

        

          

        










Objek Javascript 3






















A. Objek String













String adalah suatu objek yang merupakan kumpulan dari elemen
karakter-karakter. Dalam Javascript string atau karakter harus diapit dengan
tanda petik ganda(“) atau tanda petik tunggal(‘).



Contoh pendeklarasian Objek String :







Nama = “Shafana Vevica”



Panjang = Nama,length; // Panjang akan berisi 14







Length adalah property yang sering digunakan dalam objek string yang
digunakan Untuk mengetahui banyaknya karakter dalam suatu string.



Objek String juga memiliki method yang dapat digunakan untuk memanipulasi
string tersebut. Adapun Method yang dapat digunakan
meliputi :











 


  

big()


  

Tercetak lebih besar


 



  

blink()


  

Efek berkedip aktif pada browerNetscape


 



  

bold()


  

Tercetak tebal


 



  

charAt(n)


  

Mengambil karakter ke –n dari string. Index
  string dimulai dari 0


 



  

fixed()


  

Tercetak fixed-pitch


 



  

fontcolor(‘warna’)


  

Tercetak sesuai
  warna yang didefinisikan


 



  

indexOf(‘char’)


  

Mengambil nilai indeks dari suatu karakter


 



  

italic()


  

Tercetak miring


 



  

link(‘url’)


  

Menjadikan string hyperlink


 



  

small()


  

Tercetak lebih kecil


 



  

strike()


  

Tercetak dengan coretan


 



  

sub()


  

Tercetak subscript


 



  

substring(a,b)


  

Mengambil karakter
  dari posisi a sampai b-1


 



  

sup()


  

Tercetak superscript


 



  

toLowerCase()


  

Tercetak huruf kecil


 



  

toUpperCase()


  

Tercetak huruf besar


 



  

split(‘’)


  

Menjadikan string diuraikan/dipisahkan
  berdasarkan tanda (‘’). Hasil dari split akan dihasilkan sebuah array dengan
  indeks 0 untuk string ke 1 dan seterusnya. 


 



























 


  

Contoh
  Program JavaScript


 



  
<HTML>


<BODY BGCOLOR="lightblue">


<H3>Latihan Objek String</H3>


<SCRIPT LANGUAGE="Javascript">


nama ="Shafana Vevica";


panjang=nama.length;


n=nama.substring(1,4);


besar=nama.toUpperCase()


namakulink=nama.link('shafa.html');


document.writeln('Namaku adalah = '+ nama +'<BR>');


document.writeln('Panjang namaku adalah '+ panjang + ' karakter <BR>'); 


document.writeln('method BIG = '+ nama.big() +'<BR>');


document.writeln('method SMALL = '+ nama.small() +'<BR>');


document.writeln('method SUB = '+ nama.sub() +'<BR>');


document.writeln('method SUP = '+ nama.sup() +'<BR>');


document.writeln('method BOLD = '+ nama.bold() +'<BR>');


document.writeln('method ITALIC = '+ nama.italics() +'<BR>');


document.writeln('method FONTCOLOR = '+ nama.fontcolor('red') +'<BR>');


document.writeln('method LOWERCASE = '+nama.toLowerCase()  +'<BR>');


document.writeln('method UPPERCASE = '+ besar +'<BR>');


document.writeln('method SUBSTRING = '+ n +'<BR>');


document.writeln('method STRIKE = '+ nama.strike() +'<BR>');


document.writeln('method CharAT = '+ nama.charAt(3) +'<BR>');


document.writeln('method Link = '+ namakulink +'<BR>');


document.writeln('Index Huruf c = '+ nama.indexOf("c") +'<BR>');


awal=nama.indexOf('V');


akhir=nama.length;


document.writeln('Kata Yang Tersisa = '+ nama.substring(awal,akhir) +'<BR>');


</SCRIPT>


</BODY>


</HTML>
























 



















B. Objek Document













Objek ini digunakan untuk mengakses informasi mengenai dokumen HTML,
tampilan output dan memanipulasinya.



Property dari objek document meliputi :









 


  

Property


  

Fungsi


 



  

bgColor


  

Memberikan warna latar belakang


 



  

fgColor


  

Memberikan warna foreground atau warna huruf


 



  

link[]


  

Mengakses objek anchor/link(dapat digunakan nama
  objek anchor/link)


 



  

linkColor=warna


  

Memberikan warna link


 



  

alinkColor=warna


  

Memberikan warna pada active link 


 



  

vlinkColor=warna


  

Memberikan warna pada visited link 


 



  

title=judul window


  

Memberikan judul/title window


 



  

image[]


  

Mengakses objek image(dapat digunakan nama objek
  anchor/link)


 



  

forms[]


  

Mengakses objek form(dapat digunakan nama objek
  form)


 











Method dari
objek document meliputi :









 


  

Method


  

Fungsi


 



  

open()


  

Menciptakan/membuka document HTML


 



  

close()


  

Mengakhiri document HTML


 



  

write(output)


  

Memberikan output ke browser


 



  

writeln(output)


  

Memberikan output ke browser dengan menyertakan
  perpindahan baris


 











Khusus untuk
output ke browser ada beberapa hal yang perlu diperhatikan :






    

  • Diisi dengan string(“) atau (‘)
    • 

  • Dapat diberikan tag HTML
    • 

  • Dapat
     digunakan untuk menampilkan isi dari variable
    • 

  • Terdapat karakter spesial :
    • 




\b = untuk backspace



\f  = untuk form
feed



\n = untuk baris baru



\r = untuk carriage return



\t = untuk tab







 


  

Contoh
  Program JavaScript


 



  
<HTML>


<BODY>


<H3>Latihan Objek Document</H3><hr>


Dengan perintah ini maka teks dalam dokumen ini akan berwarna putih<BR>


<SCRIPT LANGUAGE="Javascript">


nama="irawan"; 


document.bgColor="blue";


document.fgColor="white";


document.title="Belajar objek Document";


document.linkColor="red";


document.vlinkColor="green";


document.alinkColor="white";


namakulink=nama.link('ir.html');


document.writeln('Warna Link  = '+ namakulink +'<BR>');


</SCRIPT>


</BODY>


</HTML>















C. Objek Window



Objek window
merupakan objek tertinggi dalam objek Javascript. Objek ini digunakan untuk memanipulasi tampilan
jendela dari document HTML.







Property pada Objek window



 


  

Property


  

Fungsi


 



  

length


  

Mengetahui jumlah frame pada window


 



  

location.href


  

Mengakses objek location untuk melakukan redirect
  atau berpindah ke alamat tertentu.


 



  

Status=nilai_status


  

Memberikan nilai status window


 









Metode-metode
untuk Objek window



 


  

Method


  

Fungsi


 



  

alert(pesan)


  

Memunculkan messagebox sebuah pesan kesalahan


 



  

confirm(pesan)


  

Memunculkan pesan konfirmasi. Method ini akan
  menghasilkan dua nilai kembalian yaitu true untuk Ok dan false untuk Cancel 


 



  

prompt(pesan,nilai default)


  

Memunculkan pesan yang menunggu sebuah input


 



  

close()


  

Menutup jendela aktif


 



  

open(url|file,windowname ,feature)


  

Membuka jendela baru dengan feature meliputi :



toolbar=yes|no          mengaktifkan toolbar



status=yes|no     
  mengaktifkan window status



menubar=yes|no 
  mengaktifkan menubar



scrollbars=yes|no   mengaktifkan scrollbar



resizable=yes|no jendela resizeable



width = ukuran lebar jendela



height = ukuran tinggi jendela       


 



  

print()


  

Membuka jendela dialog print


 









 


  

Contoh
  Program JavaScript


 



  
<HTML>


<BODY>


<H3>Latihan Objek Window</H3><hr>


<SCRIPT LANGUAGE="Javascript">


window.status="Welcome";


window.alert=("Selamat Datang");


angka=window.prompt("Inputkan Angka ?",0);


document.write("Angka vaforit anda adalah =<strong>" +angka+ "</strong><br>");


tampung=window.confirm("jenis kelamin anda Pria ?");


if(tampung)


 {


  document.write("Boleh Kenalan donk");


  }


else


 { 


  document.write("Ok dech");


  }


window.close();      


</SCRIPT>


</BODY>


</HTML>


 









Contoh penggunaan perintah window.open dan window.location untuk membuka
halaman web lain.







 


  

Contoh
  Program JavaScript


 



  
<HTML>


<BODY>


<CENTER><H3>Latihan Objek Document</H3><hr>


Membuka Web Page dengan Perintah Window.Open dan Window.Location


</CENTER>


<SCRIPT LANGUAGE="Javascript">


function konek1()


{


  window.open("utsb.HTML");


} 


function konek2()


{


  window.location="kunci_jawaban UTS.HTML";


}


</SCRIPT>


<FORM METHOD="post">


<P><CENTER>


<INPUT TYPE="button" VALUE="Kunci Jawaban UTS A" ONCLICK="konek1()">


<INPUT TYPE="button" VALUE="Kunci Jawaban UTS B" ONCLICK="konek2()">


</FORM></CENTER>


</BODY>


</HTML>


 

















Contoh penggunaan objek window.location.href untuk membuka halaman web yang
lain.







 


  

Contoh
  Program JavaScript


 



  
<HTML>


<BODY>


<CENTER><H3>Latihan Objek Document</H3><hr>


Membuka Web Page dengan Perintah Window.Location.href


</CENTER>


<SCRIPT LANGUAGE="Javascript">


function konek1()


{


  if(document.pilihan.pilih.options[0].selected)


   {


    window.location.href="latobjekradio.HTML";


   }


  else if (document.pilihan.pilih.options[1].selected)


   {


    window.location.href="latobjekselect.HTML";


   }


  else if (document.pilihan.pilih.options[2].selected)  


   {


    window.location.href="latobjekteksarea.HTML";


   } 


return true;   


} 


function konek2()


{


 var pilihint;


 var pilihstr;


 pilihint=document.pilihan.pilih.selectedIndex;


 pilihstr=document.pilihan.pilih.options[pilihint].text;


 document.pilihan.pilihteks.value=" Go To " + pilihstr + "!" ;


}


</SCRIPT>


<CENTER>


<FORM NAME="pilihan">


<B>MENU PILIHAN DENGAN TOMBOL</B>


<P><SELECT NAME="pilih" ONCHANGE="konek2()" MULTIPLE SIZE="3">


        <OPTION>Latihan Objek Radio</OPTION>


        <OPTION>Latihan Objek Select</OPTION>


        <OPTION>Latihan Objek Teks Area</OPTION>


   </SELECT>


 </P>


<P><BR>


<INPUT TYPE="button" name="pilihteks" value"" size="40" maxlength="40">


</P>


<P>


<INPUT TYPE="button" NAME="Gobutton" VALUE="Goo!!" ONCLICK="konek1()">


</P>    


</FORM></CENTER>


</BODY>


</HTML>
















 




















 
















By






Tidak ada komentar:
  


































        

      









Langganan:
Postingan (Atom)







Arsip

































Back To Top