Input Textfield menggunakan Combobox dan window PopUp Javascript

Latar Belakang

Artikel ini menjelaskan tentang cara menginput suatu nilai ke dalam textfield yang datanya bersumber dari sebuah combobox atau window popup. ini berguna untuk para programmer menangani masalah penginputan data pada sebuah web menggunakan javascript.

dalam artikel ini saya menyajikan 3 file javascript yaitu :

1. input_combobox.html yang digunakan untuk menginput nilai ke textfield yang sumber datanaya dari sebuah combobox.
2. input_popup.html yang digunakan untuk menginput nilai ke textfield yang sumber datanya dari sebuah window popup.
3. input_textarea.html yang digunakan untuk menginput nilai ke textarea. terdapat  script untuk menghitung jumlah karakter dan jumlah maksimum karakter yang di input adalah 100 karakter.

Input Window PopUp

Script Input Textarea

<script>
function hitung_karakter()
{
var wert,max;
max = 100
wert = max-(document.form_input.txt_tulisan.value.length);
if(wert<0){
alert(“Maaf, batas maksimum pengisian adalah ” + max + ” karakter!”);
document.form_input.txt_tulisan.value = document.form_input.txt_tulisan.value.substring(0,max);
wert = max-(document.form1.question.value.length);
document.form_input.txt_tulisan.value = wert;
}else{
document.form_input.txt_sisa.value = max-(document.form_input.txt_tulisan.value.length);
}
}
</script>

Script Input Combobox

<script type=”text/javascript”>
function tambah_text() {
var x = document.getElementById(“combro”);
var y = document.getElementById(“tempe_txt”);

getCmb = x.value;
y.value = getCmb;
}
</script>

Script Input PopUp

<script language=”JavaScript”>
function bukaWindow() {
var myWindow=window.open(‘popup.html’,'windowRef’,'width=200,height=300′);
if (!myWindow.opener) myWindow.opener = self;
}
</script>

Download

http://www.4shared.com/file/Go0U714u/input_javascript.html

Sekian artikel dari saya semoga bermanfaat untuk teman-teman dan anda semua…aamiin

Depok, 28-06-2011

noname