membuat event pada tag select html untuk mengubah nilai tag lain

Untuk membuat event pada tag select yang digunakan untuk mengubah nilai suatu properti entah itu textfield dsb maka kita perlu membuat fungsi javascript yang kita kaitkan pada tombol onChange pada select

fungsi javascpit yg kita letakkan pada head

<script>
function disp_text()
{
var w = document.namaform.namaselect.selectedIndex;
var selected_text = document.namaform.namaselect.options[w].text;
document.getElementById(“tampilan”).tampil.value = (selected_text);
}

</script>

 

 

nah form kita sebagai berikut

<FORM NAME=”namaform”  >
<SELECT NAME=”namaselect” onChange=”disp_text()”>
<OPTION VALUE=”m1″>batman
<OPTION VALUE=”m2″>spiderman
<OPTION VALUE=”m3″>jerry mouse
</SELECT>
<input type=”text” name=”tampil” > <br>

</form>

 

Refresh content halaman secara ajax dengan fungsi load

untuk meload atau menambahkan isi dari suatu halaman lain kedalam halaman kita secara ajax dapat digunakan fungsi load pada jquery

misal kita punya 2 halaman a.php dan b.php

kita akan meload/memasukkan  isi halaman b.php kedalam a.php secara ajax

save sebagai a.php

  <!DOCTYPE html>
<html>
<head>
  <style>
  body{ font-size: 12px; font-family: Arial; }
  </style>
  <script src="../jquery-1.4.1.min.js"></script>
</head>
<body>
  
<b>Successful Response (should be blank):</b>
<div id="success"></div>
<b>Error Response:</b>
<div id="error"></div>
  
<script>
$("#success").load("http://localhost/jquery/load/not-heire.php", function(response, status, xhr) {
  if (status == "error") {
    var msg = "Sorry but there was an error: ";
    $("#error").html(msg + xhr.status + " " + xhr.statusText);
  }
});
  </script>

</body>
</html>

save sebagai b.php

<?php
echo "hasil loading";
//echo site_url();
?>

menggabungkan string

untuk menggabungkan string dengan string atau string dengan isi pada variabel lain pada java script gunakanlah +

contoh

var inivariabel = “isisatu” + “dan”+”isidua”;

maka ini variabel akan berisi string isisatudanisidua

contoh lain
var oke=”toni”;
var gabung =”bapak”+oke;

maka variabel gabung berisi bapaktoni
semoga berguna 🙂

return false pada javascript

Ok kali ini kita membahas fungsi return  pada javascript…
perlu diketahui Kembalinya nilai sebuah event handler menentukan apakah browser harus mengikuti default perilaku dari tag tersebut atau tidak
Kegunaan return false : membuat browser tidak mengikuti prilaku default dari tag tersebut

misal

<a href='linkhalaman.html' onclick='inifungsi(3.1415926); return false;'>Click here !</a> 

nah jika link ini diklik maka link ini tidak langsung ke halaman linkhalaman.html tetapi memproses  inifungsi(3.1415926)

contoh yang lain

<a href= ‘www.google.com’ onclick=”return confirm(‘Are you sure you want to do that?’);”>Click Me</a>
jika diklik cancel maka akan return false sehingga link tidak akan dieksekusi

ok sekian smoga berguna 🙂

Ditulis dalam javascript. 3 Comments »