Category Archives: HTML

Menambahkan text pada di posisi cursor yang aktif di dalam TextArea

Posted on by 
function insertText(myField, myValue) {
	if (document.selection) {
		myField.focus();
		sel = document.selection.createRange();
		sel.text = myValue;
	} else if (myField.selectionStart || myField.selectionStart == '0') {
		var startPos = myField.selectionStart;
		var endPos = myField.selectionEnd;
		myField.value = myField.value.substring(0, startPos)
		+ myValue
		+ myField.value.substring(endPos, myField.value.length);
	} else {
		myField.value += myValue;
	}
}

Penggunaan dari fungsi javascript diatas adalah sebagai berikut :

<a href="javascript:void(0);" onclick="insertAtCursor(document.smsMessage.textareaMessage, '%cust_name%');">%cust_name%</a>
<form name="smsMessage" action="" method="post">
	<textarea name="textareaMessage" cols="30" rows="3"></textarea>
</form>

Fungsi validasi HTML Form – Javascript

Posted on by

Untuk dapat memakai fungsi validasi ini dibutuhkan beberapa fungsi tambahan seperti fungsi ucwords(), startsWith() dan isEmail(), sedangkan fungsi pemanggilnya adalah validasi(). Berikut source code javascriptnya :

function validasi(delimiter,elementId){
	var formElement;
	var jumlahArray;
	var i;
	var formName = "";
	var messageAlert = "";

	formElement = elementId.split(delimiter);

	for(i=0;i<formElement.length;i++){
		if(formElement[i].startsWith("email")){
			if(document.getElementById(formElement[i]).value == ""){
				formName = formElement[i];
				messageAlert = "Form Email masih kosong";
				break;
			}else if(!isEmail(document.getElementById(formElement[i]).value)){
				formName = formElement[i];
				messageAlert = "Format Email Anda kurang tepat";
				break;
			}
		}else if(document.getElementById(formElement[i]).value == ""){
			formName = formElement[i];
			messageAlert = 'Maaf, silahkan isi form '+ucwords(formName);
			break;
		}
	}

	if(formName != ""){
		document.getElementById(formName).focus();
		alert(messageAlert);
		return false;
	}else{
		return true;
	}
}

Diatas hanyalah fungsi pemanggil, untuk mendapatkan fungsi pendukungnya silahkan download source file aslinya disini. Untuk implementasi dari fungsi tersebut diatas silahkan lihat source berikut :

<form method="post" action="">
	<table border="0" cellpadding="1" cellspacing="1">
		<tr>
			<td width="15%">Nama Lengkap</td>
			<td align="left"><input type="text" name="nama" id="nama lengkap"></td>
		</tr>
		<tr>
			<td align="left">Email</td>
			<td align="left"><input type="text" name="email" id="email"></td>
		</tr>
		<tr>
			<td align="left">Alamat Lengkap</td>
			<td align="left"><textarea name="address" id="alamat"></textarea></td>
		</tr>
		<tr>
			<td align="left" style="border:0px;">&nbsp;</td>
			<td align="left" style="border:0px;">
				<input type="submit" name="register" onclick="return validasiDaftar(',','nama lengkap,email,alamat')" value="Daftar Sekarang">
			</td>
		</tr>
	</table>
</form>

Script untuk TextArea Tinggi Otomatis dengan Javascript

Posted on by

Script ini digunakan untuk membuat textarea yang meninggi secara otomatis saat kita menulis artikel / kalimat yang barisnya lebih dari tinggi maksimal dari textarea itu sendiri. Ini menggunakan JavaScript, yang mana nantinya fungsi ini aktif ketika kita mengetik pada textarea terpilih. Ok, untuk source codenya silahkan lihat dibawah ini :

Fungsi JavaScript, taruh di bagian <head></head> adalah sebagai berikut :

<script type="text/javascript">
function textareaOtomatis(f, tinggiMaksimal) {
	// set untuk tinggi maksimal textarea
	var tinggiMaksimal = (typeof tinggiMaksimal == 'undefined') ? 1000 : tinggiMaksimal;
	// pencegahan jika tinggi = tinggi minimal yang ditentukan
	// maka textarea tidak akan berubah tingginya
	if (f.scrollHeight > tinggiMaksimal) {
		if (f.style.overflowY != 'scroll') { f.style.overflowY = 'scroll' }
		return;
	}
	// agar scroller bar tidak nampak
	if (f.style.overflowY != 'hidden') { f.style.overflowY = 'hidden' }

	var scrollH = f.scrollHeight;
	if( scrollH > f.style.height.replace(/[^0-9]/g,'') ){
		f.style.height = scrollH+'px';
	}
}
</script>

Kemudian, untuk pengujiannya silahkan gunakan sintaks textarea dengan HTML sebagai berikut :

<form method="post" action="">
<textarea name="textarea" style="width:370px; height:100px; overflow-y:hidden;" onkeyup="textareaOtomatis(this,300)">Beberapa Text</textarea>
</form>

Untuk contohnya secara langsung, silahkan kunjungi link berikut : http://www.xeongas.com/test.php

Related Articles

Deteksi Add On AdBlock Plus Dengan Script PHP

Posted on by
Deteksi AdBlock dengan PHP

Kalo kamu pernah download di IDWS dulu, dan kebetulan di Browser kamu pakai / pasang Add On / Plugin Ad Blocker dan sejenisnya, dan AdBlock tersebut sedang dalam keadaan Enable, maka dari halaman download di IDWS akan muncul pesan warning semacam ini :
Maaf, Anda menggunakan AdBlock, tolong di Disabled terlebih dahulu

Ya, mungkin seperti itulah kata – katanya, aku juga udah lupa secara detail pesan warning tersebut. Intinya, kok bisa tahu bahwa kita sedang menggunakan Add On AdBlock ??? Nah,,, ni kebetulan aku ada contoh scriptnya. Script untuk Deteksi AdBlock menggunakan gabungan dari PHP dan Javascript. Contoh potongan scripntnya, seperti dibawah ini :

function checkBlock(){
        // untuk deteksi lebar gambar Ads / iklan (browser selain Opera / IE)
	var width = parseInt(document.getElementById('tesGambar').naturalWidth);
        // untuk deteksi lebar gambar Ads / iklan (browser Opera / IE)
	var widthOpera = parseInt(document.getElementById('tesGambar').width);
        // deteksi browser yang sedang digunakan
	var browser = navigator.appName;

	if((browser == "Opera" && widthOpera <= 0) || (browser != "Opera" && width <= 0)){
		// jika terdeteksi menggunakan AdBlock, diredirect ke halaman block.html
                location.href = 'block.html';
	}
}

Untuk source code lengkapnya, silahkan download scriptnya di halaman download Script PHP Deteksi AdBlock

Script Enkripsi dan Dekripsi beserta Key ( Kata Kunci ) di PHP

Posted on by

Sesuai dengan judulnya, kali ini aku coba berbagi script yang bisa digunakan untuk Enkripsi sebuah teks beserta kata kunci pembuka Chipertext hasil enkripsi tersebut jika suatu saat ingin dibaca, otomatis akan melakukan proses Dekripsi agar teks tadi bisa terbaca dengan mudah. Memang di PHP ada fungsi yang lebih mudah, tapi aku coba berkreasi aja … hehehe
Bagi yang master kriptografi, mohon sarannya, karena ini juga belum pakai Metode apapun baik dalam proses Enkripsi atau Dekripsinya. Oke, kalo gitu, ni scriptnya :

<?php
function enkripsiDekripsi($teksAsli, $kataKunci = ''){
    // jika kata kunci kosong, maka teks tidak akan diproses
	// baik enkrip atau dekrip
	if ($kataKunci == '') {
        return $teksAsli;
    }

	// membuang karakter spasi pada kata kunci
	// jika karakter kurang dari 5, maka proses tidak dilanjutkan
	// kemudian muncul error, ingat batasan karakter terserah Anda, bisa juga gag pakai
    if (strlen(trim($kataKunci)) < 5) {
        exit('Kata Kunci Salah');
    }

	$kataKunci_len = strlen($kataKunci);
    $kataKunci_len = ($kataKunci_len > 32) ? 32 : $kataKunci_len;

    $k = array();
	for ($i = 0; $i < $kataKunci_len; ++$i) {
        $k[$i] = ord($kataKunci{$i}) & 0x1F;
    }

    for ($i = 0, $j = 0; $i < strlen($teksAsli); ++$i) {
        $e = ord($teksAsli{$i});
		if ($e & 0xE0) {
            $teksAsli{$i} = chr($e ^ $k[$j]);
        }

		$j = ($j + 1) % $kataKunci_len;
    }
    return $teksAsli;
}
?>

Script diatas adalah fungsi yang digunakan untuk Enkripsi dan Dekripsinya, untuk cara pemakainnya silahkan lihat contoh script di bawah ini Continue reading →

Disable / Non Aktif Tombol ENTER pada Form HTML

Posted on by

Ada problem dengan salah satu form yang aku buat, dan user minta agar tidak bisa ditekan enter pada form tersebut. Hmmm, akhirnya muncul deh kode javascript untuk menghambat / menonaktifkan tombol enter pada suatu form HTML. Silahkan, kode ada dibawah ini :

function dontEnter(evt) {
	var evt = (evt) ? evt : ((event) ? event : null);
  	var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
  	if ((evt.keyCode == 13) && (node.type=="text"))  {return false;}
}
document.onkeypress = dontEnter;

Script diatas silahkan Anda taruh diantara / didalam element …
Telah teruji di Firefox dan IE.
Referensi Kode : http://www.webcheatsheet.com/javascript/disable_enter_key.php

SMS Gateway dengan Gammu di Windows XP

Posted on by

Emhh,,, akhirnya aku punya bahan postingan baru buat blogku ini, meskipun pembahasan kali ini sudah basi bagi yang udah pengalaman, tapi bagiku ini adalah ilmu baru yang aku dapatkan karena kemaren sempet dapet job bikin School Management System, dan terhambat di SMS Gateway ini, hehehe, mohon maklumlah …
Yang akan saya bahas adalah Membuat SMS Gateway dengan Gammu + MySQL memakai Modem Huawei E169 sebagai servicenya adalah MySQL, jadi kita ndak perlu kirim sms dengan command prompt (DOS)

Ok, sebagai pendahuluannya saya menjelaskan fasilitas apa saja yang aku pakai saat membuat aplikasi ini :

  1. AppServ 2.5.9
  2. Windows XP
  3. Gammu 1.27.0 ( bisa download di website gammu )
  4. Modem Huawei E169
  5. GSM IM3

Setelah pendahuluan, kemudian kita lanjut ke langkah – langkah pembuatan aplikasinya. Silahkan simak penjelasan dibawah ini : Continue reading →

Counter Text pada Textarea

Posted on by

Hai semua,,, lama juga rasanya tidak posting di blog ini 🙂 . Kehabisan ide buat nuangin kesini, hehe, tapi daripada ndak posting sama sekali di blog ini, kali ini aku posting artikel mengenai bagaimana caranya menghitung jumlah karakter yang kita inputkan pada sebuah textarea menggunakan javascript.

Setiap kali kita mengetikkan karakter atau angka di TextArea, maka fungsi javascript countText() akan selalu menghitung jumlah karakter atau angka yang terisi pada TextArea. Setiap hitungan akan langsung secara otomatis mengisi kolom TextBox (rv_counter) dibawahnya. Pengisian tersebut berupa pengurangan maksimal input keyboard yg didefinisikan dengan variable max = 100 oleh tiap ketikan input keyboard yang kita lakukan. Pada saat jumlah inputan keyboard sama dengan atau lebih besar dari variable max = 100, maka fungsi alert akan ter-eksekusi, namun ini masih berjalan baik pada browser IE & Mozilla, belum aku coba ke browser lainnya contohnya Safari. Continue reading →

Cookies dan Session di PHP

Posted on by

Cookies adalah merupakan mekanisme penyimpanan variabel data dengan waktu tertentu pada sisi client (browser). Data pada cookies inilah yang pertama kali akan dikirimkan ke server, yang kemudian disimpan dalam browser web. Cookies ini memiliki kemampuan menyimpan serta memanggil kembali data yang ada pada hard disk client.
Contoh 1 : Continue reading →