[javascript] Testo che compare con collegamento [risolto]

25-03-2008, 12.11.51

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:

Articoli

<=== Quando non ci vado con il Mouse
=====================================

Articoli su Nipogames

<=== Quando ci vado con il mouse (a:hover)
Potete aiutarmi???
Grazie.Ciao Davide! :)

25-03-2008, 12.19.24

Si chiamano tooltip, cerca questa parola e troverai sicuramente qualcosa.

Ciao!

25-03-2008, 12.23.34

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! :)

25-03-2008, 12.34.21

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>

.....

25-03-2008, 12.35.45

cerca "testo a comparsa con javascript".
Dopo usi onmouseover="..." onmouseout="...".

Guarda anche sul mio sito nella sezione utility per vedere l'effetto.

...syl...

25-03-2008, 12.46.17

Ci sono riuscito:

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>

Solo che ho 2 problemi:

1: nel codice del mio sito non va bene perchè è così:

Codice:

<ul>
<li><a href="$url">Giochi</a></li>
</ul>

Quindi non continuerebbe l'href invece io voglio che sia collegato quindi con "<a>...</a>"

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! :)

Ospite · 25-03-2008, 12.54.01

Codice:

<a href="#" onmouseover="javascript:mostra();" onmouseout="javascript:nascondi();">Giochi</a> <span id="testo" style="display: none;">su Nipogames.com</span>

mancavano 2 lettere

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>

25-03-2008, 13.09.16

Grazie a Tutti!!!!: Problema Risolto! :D

Codice:

<a href="#" onmouseover="javascript:mostra(1);" onmouseout="javascript:nascondi(1);">Testo <span id="divtesto1" style="display: none;">su Testo2</span></a>

Ciao! :)
Edit:
Potete chiudere! :)

Discussione: [javascript] Testo che compare con collegamento [risolto]

LinkBack

Strumenti discussione

Display

[javascript] Testo che compare con collegamento [risolto]

Regole di scrittura