Egyre több weboldalon lehet látni olyan megoldásokat, amelyek a JavaScript által biztosított alert függvény kiváltására szolgálnak.

A megoldandó feladat a következő: PHP oldalon kiírunk egy üzenetet, amelyet JavaScript oldalról felolvasunk és egy kultúráltabb formában megjelenítünk. Nézzük mi kell a feladat megoldásához.

1. HTML

 <div class="tooltip"> 
	<h3>Figyelem!</h3> 
	<p id="tooltip_text"><?=(isset($message)) ? $message : ''?></p> 
 </div>

2. CSS 

.tooltip { 

    display:none; 
    background:url(http://static.flowplayer.org/tools/img/tooltip/black_big.png); 
    height:145px; 
    padding:40px 30px 10px 30px; 
    width:310px; 
    font-size:14px; 
    color:#fff; 
}

.tooltip h3 {

    font-size: 20px;
    margin-bottom: 10px;

}