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>
Showing posts with label javascript. Show all posts
Showing posts with label javascript. Show all posts
Friday, 1 June 2012
Wednesday, 27 April 2011
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
[sourcecode language="html"]
<!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>
[/sourcecode]
save sebagai b.php
[sourcecode language="html"]
<?php
echo "hasil loading";
//echo site_url();
?>
[/sourcecode]
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
[sourcecode language="html"]
<!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>
[/sourcecode]
save sebagai b.php
[sourcecode language="html"]
<?php
echo "hasil loading";
//echo site_url();
?>
[/sourcecode]
Monday, 25 April 2011
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 :)
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 :)
Sunday, 24 April 2011
ma\enggabungkan sring pada javascript
untuk m,enggabungkan string dengan str4ing atau string dengan isi pada variabel lain pada java script gunakanlah +
contoh
var inivariabel = “isi satu” + “dan"+"isi dua.”;
maka ini variabel akan berisi string isi satudanisi dua
contoh lain
var oke="toni";
var gabung ="bapak"+oke;
maka variabel gabung berisi bapaktoni
semoga berguna :)
contoh
var inivariabel = “isi satu” + “dan"+"isi dua.”;
maka ini variabel akan berisi string isi satudanisi dua
contoh lain
var oke="toni";
var gabung ="bapak"+oke;
maka variabel gabung berisi bapaktoni
semoga berguna :)
Sunday, 17 April 2011
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
nah jika link ini diklik maka link ini tidak langsung ke halaman
contoh yang lain
ok sekian smoga berguna :)
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 :)
Subscribe to:
Posts (Atom)