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

Deteksi browser PC dan Mobile menggunakan PHP

Terkadang kita membutuhkan informasi di perangkat apa halaman web kita dibuka, apakah di browser pada komputer atau di browser pada handphone. Tentunya kedua perangkat tersebut membutuhkan penanggulangan yang berbeda dalam menampilkan halaman web.

Untuk mendeteksi browser apa yang dipakai, bisa menggunakan fungsi $_SERVER['HTTP_USER_AGENT'] pada PHP. Secara otomatis fungsi tersebut akan memberikan informasi yang akurat bagi kita.

<?php

      echo $_SERVER['HTTP_USER_AGENT'];

?>

Coba kita buat script sederhana seperti diatas dan simpan dalam file contoh1.php. Lalu buka file contoh1.php tersebut dengan menggunakan browser google chrome. Apa yang terjadi?  Maka akan didapat informasi tentang browser yang kita gunakan contohnya : Mozilla/5.0 (Windows NT 6.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1650.57 Safari/537.36

Untuk lebih menyederhanakan pencarian browser atau perangkat apa yang kita gunakan, kita bisa menggunakan fungsi yang bisa mencari suatu kata yang kita cari pada suatu subjek string, apabila ada yang cocok maka kata tersebut akan disimpan dalam variabel. Fungsi tersebut adalah fungsi preg_match(string pattern, string subject, match)

contohnya : 

Mencari kata chrome pada $_SERVER['HTTP_USER_AGENT']

<?php

if (preg_match('/(chrome)/i', $_SERVER['HTTP_USER_AGENT'], $version))

    echo $version[1];

?>

Apabila script diatas di buka di browser google chrome maka akan menghasilkan informasi 'chrome'

Mencari kata firefox pada $_SERVER['HTTP_USER_AGENT']

<?php

if (preg_match('/(firefox)/i', $_SERVER['HTTP_USER_AGENT'], $version))\

      echo $version[1];

?>

Apabila script diatas di buka di browser firefox  maka akan menghasilkan informasi 'firefox '

atau kita juga bisa menggabungkan string pattern yang ada dengan tanda |

<?php

if (preg_match('/(chrome|firefox)/i', $_SERVER['HTTP_USER_AGENT'], $version))\

      echo $version[1];

?>

Script diatas bila dibuka di browser firefox atau chrome maka akan menghasilkan informasi browser masing-masing.

Bagaimana dengan browser pada Android, Iphone, Blackberry dan lain-lain?? Tentu saja bisa kita tinggal menambah String Pattern yang dibutuhkan. Berikut contoh yang lebih banyak dalam mendeteksi browser dan perangkat:

<?php

if (preg_match('/(chrome|firefox|avantgo|blackberry|android|blazer|elaine|hiptop|iphone|ipod|kindle|midp|mmp|mobile|o2|opera mini|palm|palm os|pda|plucker|pocket|psp|smartphone|symbian|treo|up.browser|up.link|vodafone|wap|windows ce; iemobile|windows ce; ppc;|windows ce; smartphone;|xiino)/i', $_SERVER['HTTP_USER_AGENT'], $version)) 

echo $version[1];

?>

Silakan dicoba pada perangkat Android, Iphone dan lainnya. Mudah-mudahan bisa mencerahkan dan menambah wawasan dalam belajar membikin website kali ini.

Read More

3 comments

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

Fungsi empty() dan trim() pada PHP

Fungsi empty() merupakan fungsi yang digunakan untuk untuk mengecek data atau variabel yang kosong. Fungsi ini sangat bermanfaat untuk mengecek dan mencegah inputan kosong. Hal yang harus diperhatikan adalah apabila isi variabel berupa spasi, spasi dianggap sebagai satu karakter. Untuk menghilangkan spasi pada variabel bisa menggunakan fungsi trim().

Berikut contoh penggunaan fungsi empty dan fungsi trim:

Contoh 1
//---------------------------------------------
$nama='';

if(empty($nama))
     echo 'variabel kosong';
else
     echo 'variabel berisi data';

   //hasilnya :  'variabel kosong';
//----------------------------------------------------

Contoh 2
//-----------------------------------------------------------
$nama=' ';
if(empty($nama))
     echo 'variabel kosong';
else
     echo 'variabel berisi data';

//hasilnya :  'variabel berisi data';
//-----------------------------------------------------------

Contoh 3
//-----------------------------------------------------------
$nama=' ';
$nama=trim($nama);
if(empty($nama))
     echo 'variabel kosong';
else
     echo 'variabel berisi data';

//hasilnya :  'variabel kosong';
//----------------------------------------------------

Semoga fungsi ini bisa bermanfaat dalam membikin webiste dengan menggunakan PHP.

Read More

2 comments

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

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

Operasi Array - PHP

Kali ini kita akan membahas operasi pada Array, hal ini sangat penting dalam pembuatan website atau sistem informasi berbasis web dengan menggunakan PHP.

Array merupakan tipe data terstruktur yang menyimpan banyak data dengan suatu nama yang sama dan tipe data yang sama serta menempati tempat di memori secara berurutan.

Contoh Array pada PHP:
$arr= array('PHP','ASP,'JAVA');

Teknik yang sering digunakan untuk mendapatkan element-element array yaitu dengan menggunakan looping. Untuk menggunakan looping diperlukan teknik-teknik yang benar supaya operasi looping berjalan dengan lebih efisien. Berikut ini merupakan perbandingan teknik yang kurang efisien dan yang lebih efisien.

// contoh kurang efisien
for ($i=0;$i<count($arr);$i++)
{
    echo $arr[$i].'<br/>';
}

Contoh diatas memang menghasilkan hasil yang diharapkan namun setiap melakukan tahap demi tahap pada looping, kode selalu akan mencari jumlah elemen array ( count($arr)  ) terlebih dahulu. Hal ini akan sangat memboroskan sumber daya. Cara yang lebih efisien yaitu dengan mencari jumlah array terlebih dahulu.

// contoh yang lebih efiisien
$n=count($arr);

for ($i=0;$i<$n;$i++)

{

    echo $arr[$i].'<br/>';

}

Sedangkan untuk kasus array yang menggunakan key string atau nilai key-nya tidak sekuensial dapat menggunakan solusi foreach, contohnya:

$arr=array('PHP' => 'Bahahas PHP',

                 'JAVA' => 'Bahasa JAVA');

foreach($arr as $key => $val)

{

   echo 'Key: '.$key.' value: '.$val.'<br>';

}

Read More

No comments