multiple form

Forum diskusi mengenai client-side scripting Javascript dan framework-framework yang mendukungnya

Moderator: irzan2010

multiple form

Postby uyakuya » 28 May 2011, 22:15

Mau tanya seputar form di javascript Om2..., terdapat 2 form.. cuman saat saya klik form button, data jam tidak bisa muncul di input jam_in. ketika form dengan method post saya hapus, baru form button bisa. tapi form submit nya jadi ga bisa. pemecahannya gimana ya biar ke 2 form bisa bekerja?? mohon bantuannya. thanks.
script seperti ini :
Code: Select all
<script type="text/javascript">
function jam_datang()
{
var saiki=new Date();
var h=saiki.getHours();
var m=saiki.getMinutes();
var s=saiki.getSeconds();
var jam= h + ":" + m + ":" + s;
document.form1.jam_in.value=jam;
}
</script>
<form method="post" action="proses_klien.php">
<table><tr><td>Kode Klien :</td><td><input type="text" name="fkode"></tr>
<tr><td>kedatangan :</td><td><form name="form1"><input type="button" name="button" value="jam masuk" onclick="jam_datang()"><input type="text" name="jam_in"></form></td></tr>
</table>
<input type="submit" name="input" value="input">
uyakuya
Prajurit Dua
Prajurit Dua
 
Posts: 27
Joined: 27 Apr 2011, 10:04
Memberi kopi: 0 cangkir
Mendapat kopi: 0 cangkir

Re: multiple form

Postby pujanggabageur » 28 May 2011, 23:40

Caranya adalah dengan menambahkan parameter pada fungsi jam_datang. Bagaimana detilnya? Mudah2an master2 yg lain bisa menjelaskan. Soalnya ane OL pake hape :D Kecuali mau nunggu sampe hari Senin.
Wajib hukumnya mematuhi Peraturan Memposting!
Diajar babarengan
User avatar
pujanggabageur
Global Moderator
Global Moderator
 
Posts: 2814
Joined: 13 Mar 2010, 14:15
Location: di depan LCD ViewSonic
Memberi kopi: 159 cangkir
Mendapat kopi: 293 cangkir

Re: multiple form

Postby pujanggabageur » 30 May 2011, 08:17

Code: Select all
<script type="text/javascript">
el$=function(idname){
    return document.getElementsByName(idname).item(0);
}

function jam_datang(idname)
{
   var saiki=new Date();
   var h=saiki.getHours();
   var m=saiki.getMinutes();
   var s=saiki.getSeconds();
   if (h < 10)  h = "0" + h;
   if (m < 10)  m = "0" + m;
   if (s < 10)  s = "0" + s;
   var jam= h + ":" + m + ":" + s;
   el$(idname).value=jam;
}
</script>
<form method="post" action="proses_klien.php">
<table>
<tr>
   <td>Kode Klien :</td>
   <td><input type="text" name="fkode"></td>
</tr>
<tr>
   <td>kedatangan :</td>
   <td>
      <form name="form1">
         <input type="button" name="button" value="jam masuk" onclick="jam_datang('jam_in')">
         <input type="text" name="jam_in" >
      </form>
   </td>
</tr>
</table>
<input type="submit" name="input" value="input">


Nanti di tag Onclick dari input text-nya ganti begini:
Code: Select all
onclick="jam_datang('jam_in')"
Wajib hukumnya mematuhi Peraturan Memposting!
Diajar babarengan
User avatar
pujanggabageur
Global Moderator
Global Moderator
 
Posts: 2814
Joined: 13 Mar 2010, 14:15
Location: di depan LCD ViewSonic
Memberi kopi: 159 cangkir
Mendapat kopi: 293 cangkir

Re: multiple form

Postby uyakuya » 31 May 2011, 12:04

akhirnya... dipelajari dulu ya Om pb... thanks
uyakuya
Prajurit Dua
Prajurit Dua
 
Posts: 27
Joined: 27 Apr 2011, 10:04
Memberi kopi: 0 cangkir
Mendapat kopi: 0 cangkir


Return to Javascript and Framework

Who is online

Users browsing this forum: No registered users and 1 guest