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;

}  

Sziasztok,

Amint azt már említettem a minden napi munkám során rendszeresen használom a jQuery-t, és persze a jQuery UI-t is. A jQuery UI-t leginkább az admin felületeknél szoktam használni, mert nagyon kézreálló felületet lehet vele kialakítani. Sokszor vagyok úgy vele, hogy bizony a "kliens oldalon" - hívjuk inkább publikus webfelületen szeretnék egy-egy dialogot, tabfület, tooltip-et használni, de még csak a megfelelő pluginokat összevadászva is 140 kbyte-ba "kerülne" ez az akció, ami azért lassú internet kapcsolatnál fájó pont lehet a látogatónak.

Mit lehet ilyenkor tenni? Természetesen nem mondunk le ezekről a javakról. Van egy jQuery plugin gyűjtemény, amelyet jQuery Tools-nak neveztek el a készítői. Első ránézésre eléggé a UI-ra hajaz, de messze nem tud annyit, persze nincs is rá szükség, nem egy újabb UI-t szeretnénk használni, hanem egy olyan "jQuery eszköztárat", amely segíti a munkánkat, és a látogatók dolgát is megkönnyíti. Erre tökéletes eszköz a jQuery Tools.

Az általam nagyon sokszor használt jQuery framework-öt nem hiába szeretem alkalmazni a fejlesztések során.