Casella di testo a comparsa per informazioni aggiuntive:come?

[Daddo83]

Ciao a tutti,
dopo lunga assenza da HTML torno per chiedre aiuto
Come si crea l'effetto a comparsa delle caselle di testo su immagine on mouse over?
(e visto che ci siamo...come si chiama tecnicamente?)

esempio:
http://www.superbuff.com
andando sulle tre immagini-bottone compaiono tre scritte ("Here she is...", "Our buffed up sister of mercy" e "Totally buff phones")

[img]images/mid_home.jpg[/img]<map name="mid_homebfacac16"><area shape="rect" coords="118,24,360,155" href="gran.aspx" onmouseover="return escape('Here she is...')" onmouseout="nd()" >

:master:

E' sufficiente il comando "area shape"?

[nuky]

Originariamente inviato da Daddo83
...

E' sufficiente il comando "area shape"?

Direi di no!
E' fatto tutto con javascript, dal sorgente della pagina lo puoi vedere: http://www.superbuff.com/wz_tooltip.js

Dal codice si può vedere che il tool tip (così si chiama) è applicabile su tutti i tag presenti nell'array tt_tags.
E' possibile anche inserire immagini e modificare l'aspetto.

Per applicarlo nella tua pagina devi inserire nel tuo specifico tag

onmouseover="return escape('Testo che deve comparire')" onmouseout="nd()"

Oltre ad aver incluso lo script ovviamente

<script language="JavaScript" type="text/javascript" src="wz_tooltip.js"></script>

Il tool tip fatto in questo modo è un estensione della proprietà title presente sui tag.