cs.solit@gmail.com
Showing posts with label javascript. Show all posts
Showing posts with label javascript. Show all posts

Saturday, December 7, 2013

Posted by Unknown - 9:06 PM

Membuka popup dengan tag link


Pada Artikel yang lalu kita telah membahas cara membuka windows baru (popup) dengan java script. Kali ini kita akan membuat sebuah link html yang akan membuka sebuah popup.

Untuk membuat sebuah link bisanya kita menggunakan tag <a href="alamat dituju">text</a>. Nah kali ini kita akan membuat tag link tersebut membuka fungsi java script yang akan membuka sebuah popup.


Langkah pertama kita akan membuat fungsi javascript yang membuka popup terlebih dahulu:

<script>
var mywin; 
function popup_window()
{       mywin=window.open("http://adfoc.us/20014335795582","_blank","toolbar=yes,location=yes,menubar=yes,copyhistory=yes,directories=no,status=no,resizable=no,width=500,height=400"); 
}
</script>

 Silakan ubah 'http://adfoc.us/20014335795582'  dengan alamat url yang akan kita buka.
Langkah berikutnya membuat tag link yang digunakan membuka fungsi tersebut. Untuk tag link, href kita isi tanda '#' ditambah event onClick='fungsi yang dibuka'.

 <form>
<a href='#' onclick="popup_window()">click disini untuk membuka popup</a>
</form>

 Hasil dari script diatas akan seperti berikut:
click disini untuk membuka popup

Nah coba klik link diatas makan popup akan terbuka.
Read More
3 comments

Monday, December 2, 2013

Posted by Unknown - 2:59 PM

Membuka windows baru dengan javascript


Kemampuan javascript lainnya yang sering digunakan dalam pembuatan website yaitu membuka windows baru. Kita bisa membuka dokumen html lainnya ke windows yang baru.

Tampilan windows yang kita buka pun bisa kita atur apakah windows memiliki statusbar, toolbar, menubar serta ukurannya pun bisa kita atur sendiri. Berikut ini merupakan sebuah contoh script dalam membuka windows baru dengan ukuran 500x400, tidak memiliki menubar, tidak memiliki statusbar dan juga tidak memiliki toolbar.

<html>
    <head>
              <script language="JavaScript">
                    function bukaWindows{
                                   myWin=open("hallain.html","displayWindow","width=500,height=400,status=no,toolbar=no,menubar=no");
                   }
              </script>
    </head>
    <body>
           <input type="button" value="Membuka window baru" onClick="bukaWindows()" >
    </body>
</html>

Pada script diatas terlihat sebuah fungsi javascript yang berfungsi untuk membuka sebuah window baru yang berisi dokumen hallain.html. Fungsi tersebut dibuka dengan cara mengklik sebuah tombol button dengan 'bacaan membuka window baru', bila tombol button tersebut kita klik maka sebuah window baru akan muncul.

Nah mudah-mudahan script tersebut bisa berguna bagi yang ingin membuat website dengan menggunakan fasilitas javascript yang lebih cepat dan tidak membebani server tentunya.
Read More
1 comment

Sunday, November 17, 2013

Posted by Unknown - 12:56 AM

Fungsi Timeout - Javascript


Ada kalanya pada  saat kita menekan sebuah tombol button pada halaman website memerlukan waktu yang bisa ditentukan oleh kita untuk menjalankan suatu aksi. Fungsi yang bisa melakukan itu adalah fungsi timeout   atau timer. Sebagai contoh, pada kode berikut ini jika tombol ditekan maka setelah tiga detik akan muncul window popup alert:

<script language="JavaScript">
     function waktu()
     {
                 setTimeout("alert('Halo')",3000);
      }
</script>
...
<form>
      <input type="button" value="Timer" onClick="waktu()" >
</form>

Penjelasan:
setTimeout("argument 1", argument 2);

Argument 1 adalah kode JavaScript yang akan dijalankan setelah suatu waktu tertentu pada contoh diatas agrumennya adalah "alert('Halo')".
Argument 2 menentukan berapa lama komputer harus menunggu sebelum kode dijalankan. Besarnya adalah dalam satu per seribu detik (3000 millisecond = 3detik).

Semoga pembahasan kali ini bisa berguna dalam belajar membikin sebuah website.
Read More
2 comments

Saturday, November 16, 2013

Posted by Unknown - 4:21 AM

Mengenal Javascript

JavaScript merupakan sebuah bahasa scripting yang digunakan untuk membuat halaman web yang lebih interaktif. Berbeda dengan PHP yang dijalankan di Server side, JavaScript dijalankan di Client side sehingga tidak membebani server.

Untuk menjalankan javascript diperlukan browser yang sudah mendukung JavaScript, untuk jaman sekarang semua browser sudah mendukung JavaScript bahkan browser-browser yang digunakan di perangkat mobile sekalipun sekarang sudah banyak yang mendukung JavaScript.

Kode JavaScript dituliskan langsung pada halaman HTML. Mari kita lihat contoh penggunaan JavaScript:

<html>
<body>
  Ini text HTML <br>
  <script language="JavaScript" >
      document.write('ini baru text javascript');
  </script>

</body>
</html>

Contoh diatas hanya sebuah gambaran penggunaan JavaScript sederhana. Fungsi JavaScript akan lebih terasa pada saat kita membangun sebuah website yang memerlukan penanganan event handler, timer dan sebagainya. Contoh realnya apabila kita membuka Facebook seringkali kita melihat status baru teman kita yang terisi secara otomatis dalam hitungan menit, hal ini ditanggulangi oleh JavaScript.

Demikian pengenalan JavaScript, semoga semakin tertarik untuk mulai mengenal dan mempelajari JavaScript lebih mendalam dalam membuat suatu website dinamis.
Read More
No comments
Subscribe to: Posts (Atom)

 
©2013 GoGreen Theme Designed by Templateism.com