- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Apertura finestrella al passare del mouse.
-
[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.
-
[html]<a onmouseover="javascript:mostraalert();">Link</a>
<script type="javascript">
function mostraalert(){
alert("testo da mostrare");
}
</script>[/html]
-
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.
-
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">
<!--
function mostraalert(){
alert("ciao");}
//-->
</script>[/php]
-
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");}
-
-
quello che cerco si chiama tooltip
-
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?
-
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/
-
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?
-
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