Ciao chi mi aiuta a scrivere correttamente questo script. Mi funziona soltanto con il click. E' come se avessi attivato onclick invece di onmouseover?
Ho una sola immagine che vorrei far vedere piccola sulla pagina ma che si ingrandisce al passaggio del mouse. E sparisce quando il mouse si muove su un'altra immagine.
Chi è cosi gentile da aiutarmi?
grazie
daniela
questo è il testo che ho messo per visualizzare la mia immagine in una cella.
<a href="javascript:big('immagine.jpg')" onmouseout="big_hide()"><img src="immagine.jpg"></a></p>
questo è lo script
<script type="text/javascript" language="JavaScript">
ns4=(navigator.appName.indexOf("Netscape")>=0 && !document.getElementById)? 1 : 0;
ie4=(document.all && !document.getElementById)? 1 : 0;
ie5=(document.getElementById && document.all)? 1 : 0;
ns6=(document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? 1: 0;
w3c=(document.getElementById)? 1 : 0;
wid=(ie4||ie5)?window.document.body.clientWidth-20:window.innerWidth-36
if(ns4){document.write ('<layer name="di1"></layer>')}else{document.write ('<div id="di1" style="position:absolute;y-index:100" ></div>')}
outd=""
if(w3c)div1=document.getElementById('di1')
if(ie4)div1=document.all['di1']
if(ns4)div1=document.layers['di1']
function move_div(x,y){
if (isNaN(x+y))return
if(ns4){div1.moveTo(x,y)}else{div1.style.left=x+'px';div1.style.top=y+'px';}
}
function write_div(text){
if(ns4){
div1.document.open();
div1.document.write(text);
div1.document.close();
}
else {div1.innerHTML=text;}
}
function big(n){
ondiv=n
write_div("<a href=javascript:void(0) onmouseout='big_hide()' onmouseover='ondiv=1'><img border=0 name=ib src="+n+"></a>");
move_div(x,y)
}
function big_hide(){
ondiv=0;
t3=window.setTimeout('big_hide2()',100)
}
function big_hide2(){
if (ondiv==0){
write_div("");
move_div(-1000,-1000)}
}
y=x=0
function dragIt(evt){if(ie4||ie5){x=window.event.clientX+document.body.scrollLeft; y=window.event.clientY+document.body.scrollTop}else {x=evt.pageX ; y=evt.pageY }}
document.onmousemove = dragIt
if(ns4){document.captureEvents( Event.MOUSEMOVE )}
</script>
Ho una sola immagine che vorrei far vedere piccola sulla pagina ma che si ingrandisce al passaggio del mouse. E sparisce quando il mouse si muove su un'altra immagine.
Chi è cosi gentile da aiutarmi?
grazie
daniela
questo è il testo che ho messo per visualizzare la mia immagine in una cella.
<a href="javascript:big('immagine.jpg')" onmouseout="big_hide()"><img src="immagine.jpg"></a></p>
questo è lo script
<script type="text/javascript" language="JavaScript">
ns4=(navigator.appName.indexOf("Netscape")>=0 && !document.getElementById)? 1 : 0;
ie4=(document.all && !document.getElementById)? 1 : 0;
ie5=(document.getElementById && document.all)? 1 : 0;
ns6=(document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? 1: 0;
w3c=(document.getElementById)? 1 : 0;
wid=(ie4||ie5)?window.document.body.clientWidth-20:window.innerWidth-36
if(ns4){document.write ('<layer name="di1"></layer>')}else{document.write ('<div id="di1" style="position:absolute;y-index:100" ></div>')}
outd=""
if(w3c)div1=document.getElementById('di1')
if(ie4)div1=document.all['di1']
if(ns4)div1=document.layers['di1']
function move_div(x,y){
if (isNaN(x+y))return
if(ns4){div1.moveTo(x,y)}else{div1.style.left=x+'px';div1.style.top=y+'px';}
}
function write_div(text){
if(ns4){
div1.document.open();
div1.document.write(text);
div1.document.close();
}
else {div1.innerHTML=text;}
}
function big(n){
ondiv=n
write_div("<a href=javascript:void(0) onmouseout='big_hide()' onmouseover='ondiv=1'><img border=0 name=ib src="+n+"></a>");
move_div(x,y)
}
function big_hide(){
ondiv=0;
t3=window.setTimeout('big_hide2()',100)
}
function big_hide2(){
if (ondiv==0){
write_div("");
move_div(-1000,-1000)}
}
y=x=0
function dragIt(evt){if(ie4||ie5){x=window.event.clientX+document.body.scrollLeft; y=window.event.clientY+document.body.scrollTop}else {x=evt.pageX ; y=evt.pageY }}
document.onmousemove = dragIt
if(ns4){document.captureEvents( Event.MOUSEMOVE )}
</script>