Saturday, August 11, 2012
Logo javascript
Javascript
Seperti yang telah kita ketahui,
PHP mempunyai fungsi untuk mengambil nilai dari property url yaitu dengan menggunakan $_GET.
kita hanya tinggal menuliskan nama propertinya maka nilainya sudah kita dapatkan.
misalkan kita mempunyai url 'http://www.kunciesok.tk/?nama=deri-herdianto&negara=indonesia' maka untuk mengambil nilai dari properti tersebut, kita tinggal menuliskan kode:


<?php
$nama=$_GET['nama'];
$negara=$_GET['negara'];
echo "nama ".$nama." dari ".$negara;
//hasilnya "nama deri-herdianto dari indonesia";
?>
Nah, mudah kan.
tapi tidak demikian dengan Javascript, javascript tidak mempunyai fungsi untuk mengambil nilai dari properti url.

Lalu bagaimana caranya mengambil properti dengan javascript?
Kita hanya perlu membuat fungsi untuk melakukan hal tersebut.
Buat file baru dengan nama terserahkamu.js lalu masukan kode berikut
function get(property){
var url=window.location.search;
  url=url.substring(1).split('&');
  for(var i=0;i < url.length;i++){
    var data=url[i].split('=');
    if(data[0] == property){
      return data[1];
    }
  }
}
Sekarang kita sudah punya fungsi untuk mengambil nilai dari property url.
sekarang kita tes fungsi tersebut
buat file baru dengan nama terserahkamu.html dan sisipkan kode berikut
<html>
<head>
<title>Halaman Percobaan</title>
<script language="javascript" src="terserahkamu.js"></script>
</head>
<body>
<script>
if(get('nama') && get('negara')){
  var nama=get('nama');
  var negara=get('negara');
  document.writeln("nama "+nama+" dari "+negara);
  }
  else{
  document.writeln("tidak ada nilai");
}
</script>
</body>
</html>
sekarang coba jalankan dibrowser kesayangan kamu dengan format "http://urlkamu/terserahkamu.html?nama=namakamu&negara=negarakamu" dan lihat hasilnya...... 
oya, dalam kasus ini file terserahkamu.js harus satu direktori dengan terserahkamu.html
jika ada masalah, silahkan dikomen aja sob.

10 komentar

Anonymous [hapus] September 26, 2012 at 4:02 PM

thx, sangat bermanfaat sekali

Unknown (admin) [hapus] September 26, 2012 at 4:04 PM

makasih knjngannya

Unknown (admin) [hapus] September 26, 2012 at 4:05 PM

y..

Unknown [hapus] November 2, 2013 at 6:54 PM

Thanks banget, sangat membantu :)

Unknown [hapus] November 2, 2013 at 6:55 PM

sedikit edit aja ada salah nulis pas di script
ulr=url.substring(1).split('&');
mungkin maksudnya url bukan ulr . CMIIW

Unknown (admin) [hapus] April 13, 2014 at 7:39 AM

Ya gan salah tulis. makasih udah mengingatkan. =D

Fatholla [hapus] April 13, 2014 at 4:11 PM

infox bermanfaat makasih

Unknown (admin) [hapus] April 13, 2014 at 5:24 PM

siiip..

Khairunnisa Ast [hapus] April 14, 2014 at 1:27 PM

Hiks, ngga ngerti,,,

Unknown (admin) [hapus] April 14, 2014 at 2:55 PM

gak ngertinya dibagian mana y?

Post a Comment

Harap berkomentar dengan sopan ;)

Donate

Fans

Followers

Powered by Blogger.
Copyright 2014 | TampungInfo | Blogger.com