doppio evento: possibile?

[*pragma]

Originariamente inviato da ufino
ho questa photogallery qui:
http://www.omniaracing.com/prodotti/...essori_box.htm

avrei bisogno di far comparire un testo associato ad ogni immagine grande; posso associare un "doppio evento" (comparsa foto + comparsas immagine) al passaggio del mouse su una delle foto della preview?
una soluzione alternativa potrebbe essere "scrivere" il testo sulla img grande, ma non mi piace moltissimo come soluzione....

http://forum.html.it/forum/showthrea...hreadid=552812

ciao

[ufino]

allora, ho modificato il codice seguendo le indicazioni di Iguane
ora il testo compare ma, una volta tolto il cursore dalla preview, la scritta rimane visibile!
la pagina modifica è visibile qui:
http://www.omniaracing.com/prodotti/.../prova_3_1.htm

devo inserire qlcs sull'onmouseout?

[ufino]

UP UP!!!!

[Francis87]

Originariamente inviato da ufino
allora, ho modificato il codice seguendo le indicazioni di Iguane
ora il testo compare ma, una volta tolto il cursore dalla preview, la scritta rimane visibile!
la pagina modifica è visibile qui:
http://www.omniaracing.com/prodotti/.../prova_3_1.htm

devo inserire qlcs sull'onmouseout?

credo sia questo:

function showHide(id,elementi){ 

var k = id.split('_') 

for (var i=0; i<elementi; i++){ 
if(i==k[1]){ 
document.getElementById(id).style.display='visible'; 
}else{ 
document.getElementById(k[0]+'_'+[i]).style.display='hidden'; 
} 
} 
}

a non funzionare

[Francis87]

Originariamente inviato da Francis87
credo sia questo:

function showHide(id,elementi){ 

var k = id.split('_') 

for (var i=0; i<elementi; i++){ 
if(i==k[1]){ 
document.getElementById(id).style.display='visible'; 
}else{ 
document.getElementById(k[0]+'_'+[i]).style.display='hidden'; 
} 
} 
}

a non funzionare

no, no...
lascia stare quello


cambia in queste righe:

<TD><A id=BlTag1
onmouseover="zoomIn('Bimg1'); showHide('text_01','visible'); toggleVis('bloomLayer1','visible','y')"
onmouseout="zoomOut('Bimg1'); toggleVis('bloomLayer1','hidden','y')"
href="#">


aggiungendo quello in rosso:

<TD><A id=BlTag1 onmouseover="zoomIn('Bimg1');
showHide('text_01','visible');
toggleVis('bloomLayer1','visible','y')"
onmouseout="zoomOut('Bimg1');
document.getElementById('text_01').style.visibilit y='hidden';
toggleVis('bloomLayer1','hidden','y')" href="#">

[ufino]

innanzitutto, grazie Francis!
ho introdotto le modifiche che mi suggerisci in questa pagina:
http://www.omniaracing.com/prodotti/.../prova_6_1.htm

ora il testo scompare, ma se torno sulla preview non compare più :master:
perché è così complicato?!?!
che devo fare ora?

[Francis87]

ecco qua

cambia la funzione showhide con questa (un po' più corta ma più semplice e funzionante )

function showHide(id,thestatus){ 
 document.getElementById(id).style.visibility = thestatus;
}

da richiamare esattamente come l'altra

in pratica passando l'ID di un elemento ed uno status (visible o hidden) non fa altro ke prendere l'element corrispondente e applicargli l'attributo!

[Francis87]

e la chiamata

<TD><A id=BlTag1
onmouseover="zoomIn('Bimg1'); showHide('text_01','visible'); toggleVis('bloomLayer1','visible','y');"
onmouseout="zoomOut('Bimg1'); toggleVis('bloomLayer1','hidden','y'); showHide('text_01','hidden'); "
href="#">

[ufino]

funziona BENISSIMO!!!!!!
grazie mille Francis!