Wednesday

Belajar Javascript

Bagi anda yang sering menggunakan bahasa C atau C++ pasti sudah tidak asing dengan bahasa pemrogaman satu ini. Javascript (java) merupakan sebuah bahasa pemrograman yang mirip dengan bahasa C.

Dengan Java kita bisa membuat tampilan halaman sebuah web menjadi lebih menarik. Contoh penggunaan Java adalah pada fungsi Mouseover, scrolling marquees, slide photo, tampilan tanggal dan waktu, dll.

JavaScript dikembangkan oleh Netscape, yang yang didasarkan pada konsep pemrograman berbasis prototipe. Dengan Java Script kita bisa dengan mudah membuat sebuah halaman web yang interaktif. JavaScript juga bisa di tempelkan (embedded) pada program atau aplikasi lain.

Contoh 1

Skrip JavaScript yang dimasukkan di dalam berkas HTML ataupun XHTML harus dimasukkan di antara tag Berikut ini adalah contohnya (yang akan menampilkan sebuah dialog box berisi selamat datang! ketika sebuah tombol diklik oleh pengguna):
======================================================
<input type="button" value="Tekan di sini" onclick="halo();">

<script type="text/javascript">

function halo() {

alert( "selamat datang!" );

}

</script>

======================================================
Hasilnya sebagai berikut :
======================================================



======================================================


Contoh 2.
Contoh link dengan sistem konfirmasi pesan menggunakan JavaScript.
Sisipkan JavaScript sesudah tag < head >. :

======================================================


<html>

<head>

<script language="JavaScript">

<!----------

function confirmIt

(dbMsg,okURL,cancelURL,aOkMsg,aCancelMsg,okTyp,cancelTyp,

okWin,cancelWin) {

if (confirm (dbMsg)) {

if (okTyp=="u") {

if(okWin=="Self") location.href=okURL;

if(okWin=="Parent") parent.location.href=okURL;

}

else if (okTyp=="a") {

alert(aOkMsg);

}

}

else {

if (cancelTyp=="u") {

if(cancelWin=="Self") location.href=cancelURL;

if(cancelWin=="Parent") parent.location.href=cancelURL;

}

else if (cancelTyp=="a") {

alert(aCancelMsg);

}

}

}//--------->

</script>

<title>Latihan JavaScript - 2 | Replace ID</title>

</head>

<body>

<center>

<p><br><H1>Contoh ke 2..Klink Link <a href="JavaScript:

confirmIt('Anda yakin ingin belajar JavaScript



??','http://replace.web.id','','','','u','n','Self','Self')"



onMouseOver="self.status='Siapkah anda...'; return true" onMouseOut="self.status='';



return true">ini</a> bila ingin melihat hasilnya</font></H1>



</center>

</body>

</html>

======================================================

0 komentar: