Apertura finestrella al passare del mouse.

mr.gaspy

Apertura finestrella al passare del mouse.

Mi chiedevo.... se fosse possibile e in caso quale fosse il codice per far si che se un utente passi con il cursore del mouse sopra una scritta link e senza che c clicchi si aprà una piccola finestrella con la descrizione del link stesso.

Grazie

fusionman

[HTML]<a onmouseover="javascript:funzionepopup()">questo è un esempio</a>[/HTML]
Poi se vuoi cambi il colore della scritta per segnalare che li sopra succede qualcosa.

probid

[html]<a onmouseover="javascript:mostraalert();">Link</a>

mr.gaspy

Ho provato a mettere il codice ma non è accaduto nulla di nuovo, la paina è questa http://www.balduzone.com/associazioni/
Forse lo script lo devo mettere nel header?
Scusate ma sono un nubbio in materia.

probid

Togli i valori target,href ecc... che hai aggiunto a
[php]<a onmouseover="javascript:mostraalert();">Link</a>[/php]

Devi lasciare SOLO il codice che ti ho dato.

Per l'altro script fai così:

[php]<script type="text/javascript">

</script>[/php]

mr.gaspy

Bene funziona! grazie.
Ma ora ho altri due quesiti:

Non era proprio questo che chiedevo, io volevo una finestra più leggera e che se ne andasse via dallo schermo quando il mouse veniva tolto dal link, per farvi un esempio...tipo quando avvii da windows start-->programmi che appare la finestra a tendina (anche se la mia dovrà essere di testo e non elenco puntato)
E poi ora come ora non puoi andare al link ma solo vedere la finestra.
Vediamo se ho capito, se volessi mettere messaggi diversi per ogni link mi basterebbe numerare gli script, quindi ad esempio ```
unction mostraalert(0){
alert("ciao");} ....unction mostraalert(1){
alert("sono incapace");}

mr.gaspy

quello che cerco si chiama tooltip

seabird

Ho visto che qualcuno ha già chiesto come fare. Ma io vorrei sapere come fare una cosa del genere

http://www.zeusnews.com/index.php3?ar=stampa&cod=1701&numero=359

Se passate su Internet capirete cosa vorrei fare. E' complicato?

mr.gaspy

A chi potesse servire...ce l'ho fatta da solo (a volte l'allievo supera i maestri)

il codice è il seguente:

    <style type="text/css">
    a{ position:relative; /*questa Ë fondamentale*/
    z-index:24; color: #000;
    text-decoration: none}
a:hover{ z-index: 25; }
a span{display: none}
a:hover span{ /*lo span verrý mostrato solo sullo stato :hover */
    display: block; position:absolute;
    top: 3em; left: 22em; width: 45em;
    border: 2px solid blue; #0cf; background-color: #cff; color:#000;
    font-size: 120%;text-align: left}
</style>

poi nel link dove si vuole la finestralla che si apre

<a href="http://www.link fa inserire">Nome link visualizzato<span>TESTO CHE APPARIRA' NELLA FINESTRELLA</span></a><br />

Il risultato lo potete vedere qui:
http://www.balduzone.com/associazioni/

seabird

Interessava anche a me, ma non succede niente. Forse sbaglio qualcosa.

Al link che segnali invece, mi esce in continuazione il pop-up che mi dice di installare ed eseguire fasttrak. Ma non si possono eliminare?

claudioweb

Ciao

ecco un articolo che spiega come fare
http://javascript.html.it/articoli/leggi/593/bubble-tooltips/

Ho unito l'altra discussione di seabird

Ciao