Newsgroup: it.comp.lang.javascript
Titolo: help!!

Chi mi puo' correggere questo JavaScript?
Inserendolo in HotDog mi dice:
[Linea: 3 'Image' is undefined]
Grazie in anticipo!!
Naty.
e-mail: 
ajdmp...@tellnet.pesaro.ps.it
 
na...@ntt.it
<script language="JavaScript">
{
alt0 = new Image(142,78);
alt0.src = "immage/italia2.gif";
alt1 = new Image(142,78);
alt1.src = "immage/bolzano.gif";
alt2 = new Image(142,78);
alt2.src = "immage/trieste.gif";
alt3 = new Image(142,78);
alt3.src = "immage/verona.gif";
alt4 = new Image(142,78);
alt4.src = "immage/milano.gif";
alt5 = new Image(142,78);
alt5.src = "immage/torino.gif";
alt6 = new Image(142,78);
alt6.src = "immage/genova.gif";
alt7 = new Image(142,78);
alt7.src = "immage/bologna.gif";
alt8 = new Image(142,78);
alt8.src = "immage/firenze.gif";
alt9 = new Image(142,78);
alt9.src = "immage/ancona.gif";
alt10 = new Image(142,78);
alt10.src = "immage/livorno.gif";
alt11 = new Image(142,78);
alt11.src = "immage/perugia.gif";
alt12 = new Image(142,78);
alt12.src = "immage/roma.gif";
alt13 = new Image(142,78);
alt13.src = "immage/foggia.gif";
alt14 = new Image(142,78);
alt14.src = "immage/napoli.gif";
alt15 = new Image(142,78);
alt15.src = "immage/lecce.gif";
alt16 = new Image(142,78);
alt16.src = "immage/taranto.gif";
alt17 = new Image(142,78);
alt17.src = "immage/catanzaro.gif";
alt18 = new Image(142,78);
alt18.src = "immage/messina.gif";
alt19 = new Image(142,78);
alt19.src = "immage/palermo.gif";
alt20 = new Image(142,78);
alt20.src = "immage/cagliari.gif";
}
function imageChange(imageID,imageName,imageID2,imageName2) {
{
document.images[imageID].src = eval(imageName + ".src");
}
}
</script>
</HEAD>
<BODY BACKGROUND="immage/col_sf1.jpg">
<map name="Italia1">
<area shape=rect coords="99,  19, 146,  38" HREF="italia.htm"
ONMOUSEOVER="imageChange('global','alt1','uno')"
ONMOUSEOUT="imageChange('global','alt0','uno')">
<area shape=rect coords="164,  35, 212,  53" HREF="italia.htm"
ONMOUSEOVER="imageChange('global','alt2','due')"
ONMOUSEOUT="imageChange('global','alt0','due')">
<area shape=rect coords="90,  46, 135,  65" HREF="italia.htm"
ONMOUSEOVER="imageChange('global','alt3','tre')"
ONMOUSEOUT="imageChange('global','alt0','tre')">
<area shape=rect coords="45,  48, 86,  65" HREF="italia.htm"
ONMOUSEOVER="imageChange('global','alt4','quattro')"
ONMOUSEOUT="imageChange('global','alt0','quattro')">
<area shape=rect coords="6,  63, 46,  82" HREF="italia.htm"
ONMOUSEOVER="imageChange('global','alt5','cinque')"
ONMOUSEOUT="imageChange('global','alt0','cinque')">
<area shape=rect coords="36,  88, 83,  107" HREF="italia.htm"
ONMOUSEOVER="imageChange('global','alt6','sei')"
ONMOUSEOUT="imageChange('global','alt0','sei')">
<area shape=rect coords="100,  80, 148,  100" HREF="italia.htm"
ONMOUSEOVER="imageChange('global','alt7','sette')"
ONMOUSEOUT="imageChange('global','alt0','sette')">
<area shape=rect coords="101,  109, 146,  127" HREF="italia.htm"
ONMOUSEOVER="imageChange('global','alt8','otto')"
ONMOUSEOUT="imageChange('global','alt0','otto')">
<area shape=rect coords="161,  109, 206,  129" HREF="italia.htm"
ONMOUSEOVER="imageChange('global','alt9','nove')"
ONMOUSEOUT="imageChange('global','alt0','nove')">
<area shape=rect coords="61,  128, 106,  148" HREF="italia.htm"
ONMOUSEOVER="imageChange('global','alt10','dieci')"
ONMOUSEOUT="imageChange('global','alt0','dieci')">
<area shape=rect coords="134,  132, 180,  152" HREF="italia.htm"
ONMOUSEOVER="imageChange('global','alt11','undici')"
ONMOUSEOUT="imageChange('global','alt0','undici')">
</map>
<TABLE>
<TR>
<TD>
<IMG SRC="immage/italia1.gif"  usemap="#Italia1"  WIDTH=350 HEIGHT=152
BORDER=0><BR>
<IMG SRC="immage/italia2.gif" NAME="global" WIDTH=142 HEIGHT=78
BORDER=0>
</TD>
</TR>
</TABLE>





[Linea: 3 'Image' is undefined]
Prova con:
var alt0 = new Image(142,78);
^cič aggiungendo var
Stefano
stefan...@iol.it
 (togliere 'tefano')
http://users.iol.it/sseber
icq# 12870580


 


Naty ha scritto:

Chi mi puo' correggere questo JavaScript?

Inserendolo in HotDog mi dice:


[Linea: 3 'Image' is undefined]


Grazie in anticipo!!




Inanzitutto vorrei dire che di JavaScript, ben poco ne capisco, detto questo,
ti allego lo script che ho utlizzato per effettuare la tua stessa operazione
(anche se non si trattava di una mappa cliccabile):


<html>

<head>

<script>


<!--

browserName=navigator.appName;

browserVer=parseInt(navigator.appVersion);


if(browserVer >=3)

        version="3";

else

        version="2";


if (version=="3")

{

menu2_on=new Image(19,10);

menu2_on.src="grafica/ricerca_on.gif"

menu2_off=new Image(19,10);

menu2_off.src="grafica/ricerca_off.gif"


menu3_on=new Image(19,10);

menu3_on.src="grafica/siti_on.gif"

menu3_off=new Image(19,10);

menu3_off.src="grafica/siti_off.gif"


menu4_on=new Image(19,10);

menu4_on.src="grafica/internet_on.gif"

menu4_off=new Image(19,10);

menu4_off.src="grafica/internet_off.gif"


menu5_on=new Image(19,10);

menu5_on.src="grafica/servizi_on.gif"

menu5_off=new Image(19,10);

menu5_off.src="grafica/servizi_off.gif"


menu6_on=new Image(19,10);

menu6_on.src="grafica/ftp_on.gif"

menu6_off=new Image(19,10);

menu6_off.src="grafica/ftp_off.gif"


menu7_on=new Image(19,10);

menu7_on.src="grafica/valle_on.gif"

menu7_off=new Image(19,10);

menu7_off.src="grafica/valle_off.gif"


}


function rollIn(imgName)

{

        if (version=="3")

        {

               
document[imgName].src=eval(imgName + "on.src");

        }

}


function rollOut(imgName)

{

        if (version=="3")

        {

               
document[imgName].src=eval(imgName + "off.src");

        }

}

// -->


</script>

</head>

<body ......>


<A HREF = "motori/ricerca.htm" onMouseover = "rollIn('menu2_') ;
window.status='Ricerca in rete ...' ; return true" onMouseout = "rollOut('menu2_')
; window.status=' ' ;return true"><IMG BORDER = 0 NAME ="menu2_" SRC
= "grafica/ricerca_off.gif" ALT = "Ricerca in rete"></A>


.....


</body>

</html>


Questo script funziona correttamente (si veda il sito 
www.altavalle.com
)
e l'unica differenza che si può vedere riguarda il modo con cui
vengono "settate" le immagini (XXXX_on.src ed XXXX_off.src per identificare
quale sia quella di default e quella che viene visualizzata al passaggio
del puntatore del mouse sopra tale immagine) e il metodo di "inversione"
infatti, tu hai utilizzato una sola procedura 
ImageChange(.....)

mentre io ne ho utilizzate due 
rollIn(...)
 per "sostituire" l'immagine
XXXX_off.src con XXXX_on.src e la procedura 
rollOut(...)
 per ottenere
l'operazione inversa.


Sperando di non aver detto qualche cavolata (JavaScript lo stò
imparando leggendo questo ed altri NG) e di esser stato d'aiuto, vi saluto.


Michele Mariotti


icq# 12870580
Nulla da fare;
ancora il problema c'e'!!!!
Grazie a chi si prodiga per
risolverlo!!!
Naty.
E-mail: 
na...@ntt.it