Desember 22, 2009

Checkboxes, Check-All atau Uncheck-All Menggunakan Javascript

Posted by M Rohmatulloh S under Tutorial | Tag: , , , |
[2] Comments 

Halo semuanya!

Tutorial ringan tentang javascript kali ini saya isi dengan bagaimana membuat form yang didalamnya terdapat beberapa form checkbox, yang nantinya bisa di checkall atau uncheckall.

ada dua bagian kode yang akan dibagi, kode javascript diletakkan di tag <head></head> dan kode form html-nya diletakkan di tag <body></body>

Nama dari form checkbox-nya sengaja ditulis dalam format array, agar kesemua nilai dari checkbox yang terpilih bisa diambil dan diproses lebih lanjut. Pemberian format array ini biasanya berkaitan dengan pemakaian Framework pemrograman seperti CodeIgniter, CakePHP, dll untuk menyesuaikan dengan perilaku framework itu sendiri.

langsung saja, berikut adalah kode javascript-nya:

<script language="javascript">
function check_all()
{
	var chk = document.getElementsByName('check_list[]');
	for (i = 0; i < chk.length; i++)
	chk[i].checked = true ;
}

function uncheck_all()
{
	var chk = document.getElementsByName('check_list[]');
	for (i = 0; i < chk.length; i++)
	chk[i].checked = false ;
}
</script>

dan selanjutnya adalah kode HTML-nya:

<form name="myform" action="proses.php" method="post">
	<b>Pilih Menu Hari ini:</b><br>
	<input name="check_list[]" value="1" type="checkbox">Rawon<br>
	<input name="check_list[]" value="2" type="checkbox">Soto Ayam<br>
	<input name="check_list[]" value="3" type="checkbox">Sop Buntut<br>
	<input name="check_list[]" value="4" type="checkbox">Lontong Balap<br>
	<input name="check_list[]" value="5" type="checkbox">Kare Ayam<br>

	<input name="Check_All" value="Check All" onclick="check_all()" type="button">
	<input name="Un_CheckAll" value="Uncheck All" onclick="uncheck_all()" type="button">

</form>

semoga bermanfaat, dan terima kasih sudah membaca tulisan ini.

regards,

-mr-

 

Desember 15, 2009

Netral – Lagu Untuk Teman

Posted by M Rohmatulloh S under -- gLoBaL AjaH --, Uncategorized | Tag: , , , |
Leave a Comment 

Kepergianmu membuatku tak berdaya
Kepergianmu, bertanya oh mengapa
Kepergianmu, membuatku berduka
Kepergianmu, berlinang air mata

Reff:
Teringat masa indah, hangatnya berteman
Susah sedih senang kita lewati berdua
Bermain dan belajar mengenal dunia
Berlari bersama, kejar gapai cita cita

Kehilanganmu membuatku mengerti
Kehilanganmu tersimpan dalam hati

Kesedihanku
Masa-masa indah ..
Mengenal dunia ..

 

Mei 31, 2009

Javascript : Sum of Array of Input Form (text-field)

Posted by M Rohmatulloh S under Tutorial | Tag: , , , , , , |
Leave a Comment 

hello folks!!

jumpa lagi dengan saya setelah sekian lama tidak nge-blog… :D

kali ini saya ingin berbagi sesuatu yang sederhana tentang Javascript. Meskipun sederhana namun artikel mengenai ini (apalagi dlm bhs Indonesia) sungguh sangat sedikit bisa didapat. karena faktor tersebut, alangkah indahnya dunia ini jika kita berbagi kepada sesama dan hal tersebut mampu memberikan manfaat bagi yang lain.

Apa yang saya ingin bagi ??? Sesuai dengan judulnya, bahwa saya ingin memberikan contoh kecil atau source-code mengenai bagaimana Menjumlah Input Form (text-field) yang bertipe Array ?.

Ilustrasinya :

  • saya memiliki Form Input bertipe Text, dan nama form tersebut bertipe array. (<input name=“sum[]“ type=”text” size=”2″ />)
  • saya ingin menjumlahkan semua nilai yang ada dalam form input tersebut menggunakan javascript, dengan menekan tombol “Jumlah”. (<input name=”jumlah” type=”button” value=”Jumlah” onclick=”javascript:addsum()” />)
  • kemudian, sesaat setelah saya menekan tombol tersebut, nilai totalnya akan saya tampilkan saat itu juga.

Berikut contoh source-code nya:

<form id="form1" name="form1" method="post" action="">
 <label>
 <input name="sum[]" type="text" id="sum[]" value="490" size="2" />
 </label>

 <label>
 <input name="sum[]" type="text" id="sum[]" value="3" size="2" />
 </label>

 <label>
 <input name="sum[]" type="text" id="sum[]" value="2" size="2" />
 </label>

 <input name="jumlah" type="button" value="Jumlah" onclick="javascript:addsum()" />

 <span id="total"></span>
</form>

<script language="javascript">
function addsum(){
 var tot=0;
 var count = document.getElementsByName('sum[]');

 for(i=0; i<count.length; i++){
 tot = tot + parseInt(count[i].value);
 }

 document.getElementById('total').innerHTML='Total = '+tot;

}
</script>

semoga bermanfaat and thanks for reading guys! :)

see you next time….

 

April 3, 2009

Lupakan aku !! (tanpa diam)

Posted by M Rohmatulloh S under Diary, Uncategorized | Tag: , , |
[2] Comments 

Caci saja diriku !
Maki saja kejujuranku !
Habis sudah sinar ini kau leburkan..
Semudah kau balik tanganmu
Diri ini hina kau rajam dengan bisu..
Diam karena benci,
ataukah diam menjaga hati !?

kubeli bencimu dengan maaf, cukupkah !?
kubeli lupamu dengan maaf, cukupkah !?
Samar, bias, bercandalah dengan dia..
Ceritakan padaku tentangnya
kan kubalas beribu maaf untuknya…

Jalan kita terpaksa berbeda
Tak kuasa ku menyeka airmata bunda..
Terima kasih kau pilih dirinya
Cintailah dia Fulana !!

Lupakan aku,
kembali pada-Nya !
Lupakan aku,
menikahlah dengannya !

- no_more -

*Note:
Tulisan diatas saya dedikasikan untuk sahabat karib saya dari kecil, sahabat semenjak di pesantren dulu sampe sekarang. Sahabat saya sedang ada masalah yang pelik, masalah tentang hidupnya dengan hidup seorang Fulana (baca: wanita). Subhanallah, semoga kau tetap tegar kawan !! Aamiin !?

Kondisi terakhir sahabat saya,
Kondisi ‘keseriusan’ : SERIUS
Kondisi ‘kesiapan’ : BELUM SIAP (dg byk faktor)
– Semoga si Fulana tidak membaca tulisan ini –

 

Februari 20, 2009

24 Jam * 1/3 = 8 Jam

Posted by M Rohmatulloh S under Uncategorized | Tag: |
[12] Comments 

Yup, 24 jam dibagi dengan angka 3 akan menghasilkan 8 jam. Bagilah, tatalah, aturlah atau manage-lah hidupmu dalam satu hari menjadi tiga kelompok waktu (satuan jam). 8 jam untuk IBADAH, 8 jam untuk BELAJAR dan 8 jam untuk ISTIRAHAT. Itulah pesan dari ustadzku yang mengutip dari salah satu kitab karangan Ulama Besar Imam Syafi’i, perihal mengatur waktu sehari-hari.

Medio akhir tahun lalu sampai awal tahun baru masehi 2009, hidup ini terasa kacau, galau dan lantak. Hidup terasa tak termaknai dg semestinya. Hari demi hari terlewati begitu saja. Proyek terbengkalai, kuliah amburadul, fiuh…alhamdulillah, Dia selalu ada dan selalu memberikan senyum-Nya bagiku.

yang namanya manusia, wajar bila butuh tempat untuk mengadu. Bila kita sdg tertimpa masalah, jgn lupa klo kita punya ALLAH SWT dzat yg maha menggenggam, adukanlah semua pada-Nya. Kita punya ustadz ataupun ustadzah, mintalah saran dari beliau (tombo ati: wong kang soleh kumpulono). Pun jg kita punya orang tua, doa mereka sangatlah maqbul.

Rasulullah berpesan:
“berbuatlah untuk duniamu seolah-olah kamu hidup selamanya. Dan berbuatlah untuk akhiratmu seolah-olah kamu akan mati esok hari“

jadi, seberat apapun maslah yg ada, ingat lah bahwa Allah SWT tidak akan memberikan cobaan melebihi kemampuan hambanya. Dan dg sabda Rasulullah SAW akan menjadikan itu sebagai motivasi bagi kita untuk melakukan amal perbuatan demi mencapai hari yang berkualitas dan bermakna.

 

Halaman Berikutnya »