Printable View
Ciao a tutti, ho fatto una ricerca ma niente! :(
Sentite:
Io sto cercando uno script che faccia questa cosa:
Quando io vado a visitare il collegamento mi spunta una scritta accanto!
ES:
<=== Quando non ci vado con il MouseCitazione:
Articoli
=====================================
<=== Quando ci vado con il mouse (a:hover)Citazione:
Articoli su Nipogames
Potete aiutarmi???
Grazie.Ciao Davide! :)
Si chiamano tooltip, cerca questa parola e troverai sicuramente qualcosa.
Ciao!
No debug..non č questo quello che cerco! :(
http://javascript.html.it/articoli/l...le-tooltips/2/
Io voglio che il testo si aggiunga accanto non come un commento o una piccola finestrina :) Come se fosse scritto normalmente! :)
Grazie...
Ciao Davide! :)
Potresti giocare con i css.
Usa due div uno contenente l'altro:
in quello principale metti il contenuto visibile da subito, in quello interno metti il contenuto "nascosto".
Puoi fare cosė
Codice HTML:......
<style type="text/css">
#contenitore{
visibility: hidden;
}
#contenitore:hover div{
visibility: visible;
}
</style>
.....
<div id="contenitore">
Ciao,
<div>
mi vedi!
</div>
</div>
.....
cerca "testo a comparsa con javascript".
Dopo usi onmouseover="..." onmouseout="...".
Guarda anche sul mio sito nella sezione utility per vedere l'effetto.
...syl...
Ci sono riuscito:
Solo che ho 2 problemi:Codice PHP:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<script language="JavaScript">
<!--
function mostra(){
document.getElementById('testo').style.display='';
}
function nascondi(){
document.getElementById('testo').style.display='none';}
//-->
</script>
</head>
<body>
<a href="#" onmouseover="javascript:mostra();" mouseout="javascript:nascondi();">Giochi</a> <span id="testo" style="display: none;">su Nipogames.com</span>
</body>
</html>
1: nel codice del mio sito non va bene perchč č cosė:
Quindi non continuerebbe l'href invece io voglio che sia collegato quindi con "<a>...</a>"Codice:<ul>
<li><a href="$url">Giochi</a></li>
</ul>
2: Quando dopo lascio il mouse per andare da un altra parte rimane la scritta "su Nipogames.com"...perchč???
Ho usato questo:
http://www.giorgiotave.it/forum/224287-post3.html
Grazie.Ciao Davide! :)
mancavano 2 lettere :lol:Codice:<a href="#" onmouseover="javascript:mostra();" onmouseout="javascript:nascondi();">Giochi</a> <span id="testo" style="display: none;">su Nipogames.com</span>
EDIT: comunque io farei cosė:
Codice HTML:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<script language="JavaScript">
<!--
function mostra(obj){
document.getElementById('testo_'+obj).style.display='';
}
function nascondi(obj){
document.getElementById('testo_'+obj).style.display='none';
}
//-->
</script>
</head>
<body>
<a href="#" onmouseover="mostra(1);" onmouseout="nascondi(1);">Giochi</a> <span id="testo_1" style="display: none;">su Nipogames.com</span><br/>
<a href="#" onmouseover="mostra(2);" onmouseout="nascondi(2);">blabla</a> <span id="testo_2" style="display: none;">su blablabla</span>
</body>
</html>
Grazie a Tutti!!!!: Problema Risolto! :D
Ciao! :)Codice:<a href="#" onmouseover="javascript:mostra(1);" onmouseout="javascript:nascondi(1);">Testo <span id="divtesto1" style="display: none;">su Testo2</span></a>
Edit:
Potete chiudere! :)