Salve a tutti esperti di J.S., ci tengo a chiarire a priori che di JS ci capisco decisamente poco (giusto per non dire spudaratamente che non capisco niente).

Detto questo in due frame diversi di pagine php desidero far apparire l'anteprima di un'immagine presente nell'altro frame. Mi spiego meglio, immaginate due frame uno grosso centrale che chiameremo "palestra" ed un'altro verticale a sinistra che chiameremo "mappa".

Nel frame "palestra" si trova un'immagine, passandoci sopra il mouse, mi piacerebbe che nel frame "mappa" apparisse l'anteprima di quel luogo facendo quindi cambiare l'immagine.

Questa funzione a grandi linee l'ho trovata su HTML.it ma è impostata tutta su un frame e non ho la più pallida idea di come modificarla.... ribadisco che l'immagine sulla quale imposto "onMouseover" si trova nel frame "palestra" mentre l'immagine che deve cambiare si troverà nel frame "mappa".

Di seguito posto il codice che ho trovato, mi aiutereste ad adattarlo per queso frame? (sempre che sia possibile adattarlo)

<!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" lang="it">
<head>

<title>Slide show con onmouseover - Esempio JavaScript scaricato da HTML.it</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="it" />
<meta name="Robots" content="All" />
<meta name="Description" content="HTML.it - il sito italiano sul Web publishing" />
<meta name="Keywords" content="Lo script imposta una galleria in cui le immagini cambiano al passaggio del mouse su un link." />

<meta name="Owner" content="HTML.it srl" />
<meta name="Author" content="HTML.it srl" />
<meta name="Copyright" content="HTML.it srl" />

<script>

function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}
function warp(){
window.location=gotolink
}

</script>
<script language="JavaScript1.1">
var myimages=new Array()
var gotolink="#"

function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}

preloadimages("01.gif","02.gif","03.gif")
</script>
</head>
<body >



<div align="center">


[img]01.gif[/img]





Immagine 1

Immagine 2

Immagine 3



</div>







<div align="center">
[img]logo_htmlit.gif[/img]

</div>


</body>
</html>

io pensavo andasse bene modificare questo pezzo
<script>

function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}
function warp(){
window.location=gotolink
}
</script>
in qualcosa del genere

<script>

function changeimage(towhat,url){
if (parent.mappa.location.images){
parent.mappa.location.images.targetimage.src=towha t.src
gotolink=url
}
}
function warp(){
window.location=gotolink
}
</script>

ma evidentemente la mia fantasia non ha centrato la corretta via.



Grazie mille


Marco