Mostrare div da link

**Gioa32** · 09-01-2009, 15:12

Ciao, premetto che di javascript ne so molto poco. Avrei la necessità di mostrare un div, che al suo interno contiene una mappa di google maps, al passaggio del mouse su un link. Cercando in giro ho trovato questo script

codice:

function showHide(id) 
{  if (id.style.display != 'block') 
id.style.display = 'block'; 
else  id.style.display = 'none'; 
}


poi richiamato così
Visualizza

che fa il suo sporco lavoro, tranne con firefox che non mostra niente.
Come posso modificarlo per renderlo funzionante anche con ff.
Grazie

**Xinod** · 09-01-2009, 15:39

function showHide(id){
var el=document.getElementById(id);
el.style.display=(el.style.display!='block')?'bloc k':'none';
}

Visualizza

ciao

**peppeocchi** · 09-01-2009, 15:46

setti nel css del div in questione un display:none, e dalla funzione lo setti in display:block
Esempio:

div#uno{display:none}

function vis(){
document.getElementById("uno").style.display="bloc k"
}
function leave(){
document.getElementById("uno").style.display="none "
}

Visualizza mappa
<div id="uno">ciao ciao</div>

quando ci sei sopra la visualizza, quando si toglie col mouse dal link la mappa scompare. Oppure se non vuoi farla scomparire togli la seconda parte (leave()).
Ciao

**Gioa32** · 09-01-2009, 15:58

function showHide(id){
var el=document.getElementById(id); el.style.display=(el.style.display!='block')?'bloc k':'none'; }
Visualizza ciao

Funzionerebbe solo che al caricamento della pagina il div è già visibile, vorrei che non si vedesse.

setti nel css del div in questione un display:none, e dalla funzione lo setti in display:block

Ho provato ad aggiungere display:block, andrebbe bene ma facendo così non mi funziona più la mappa, mi visualizza una via a caso, non più quella indicata.

**peppeocchi** · 09-01-2009, 22:07

così non capisco, magari se posti il codice ti posso dare una mano...

**Gioa32** · 09-01-2009, 22:45

**Xinod** · 09-01-2009, 22:58

probabilmente per il corretto funzionamento di google map non puoi stravolgere il display dell' elemento
nascondilo agendo sulla visibility invece che sul display

el.style.visibility=(el.style.visibility!='visible ')?'visible':'hidden';

non e' lo stesso perche' continua ad occupare spazio ma la mappa non da problemi cosi'

Discussione: Mostrare div da link

Strumenti discussione

Ricerca discussione

Visualizza

Mostrare div da link

Permessi di invio