Manipulasi bagi JavaScript Allert box

Kali ini kita cuba pula manipulasi penggunaan JavaScript alert, di syorkan sebab JavaScript ni lagi mudah dan senang penggunaannya cuma cantik je seperti ajax atau jQuery. Di sini di paparkan beberapa contoh alert.







1- Basic alert
Biasanya digunakan dalam sesuatu form untuk confirmation.

<form>
<input type="button" onclick="alert('Muka aku hensem tak?')" 
value="Bahaya">
</form>

Contoh paparan :

2- Penggunaan string dalam text popup anda.
Jika anda mahukan penggunaan string dalam alert message, cara ini memang sesuai. Untuk memaparkan message dalam popup anda, masukkan sahaja variable yang anda mahukan. Anda juga boleh menggabungkan beberapa variable dengan hanya menambah '+'.

function showAlert() {
 var tajuk= "Hantu Kak Limah Balik Rumah";
 var rate= "Best";
 alert('Cerita ' + tajuk+ ' memang ' + rate+ '.');
}

<input type="button" value="Movie" onClick="showAlert();">

Contoh paparan :

3- Popup dengan menggunakan mouse over.
Jika anda mahukan popup yang membuatkan user tidak perasa, anda boleh menggunakan cara ini. Atau anda boleh membuat tool tips.

<a href="#" onMouseover="alert('Hei! Kan ak dah kata jangan tekan!')"> 
Don't push me pls </a>

Contoh paparan :


Don't push me pls