Newsgroup: it.comp.lang.javascript
Titolo: AIUTO LAYER (GUARDATE IL SOURCE)

Ciao a tutti. Vi espongo il mio problema, e spero qualcuno mi possa
aiutare.
Ho realizzato un menu, con delle semplicissime immagini. Ogn’una di
queste immagini ha un evento onMouseOver, e passano i rispettivi
argomenti a delle funzioni javascript che mi fanno cambiare un’immagine
posta in una particolare posizione della pagina. Le immagini che di
volta in volta compaiono non sono altro che delle altre voci di menu.
Ecco il quesito.
Come posso far cambiare dinamicamente il richiamo ad una mappa
(#nomemappa) per ogn’una delle immagini richiamate?
Es:
Le immagini che richiamano gli eventi sono delle voci di menu del sito
- html
- javascript
- ecc
l‘evento onMouseOver in ogn’una di queste immagini mi fanno caricare un
immagine con tante altre voci in un'altra porzione delle schermo
  di HTML:
      - i tag
- le gif
- ecc
quando passo sull’immagine che contiene queste voci, vorrei trovare dei
link.????
ECCO IL SOURCE
<html>
<head>
 <title>Untitled</title>
<STYLE TYPE="text/css">
#elMenu { position: relative }
#elMenuUp {
            position: absolute;
            left: 0px;
            top: 0px;
        }
#elMenuOver {
            position: absolute;
            left: 20px;
            top: 20px;
            visibility: hidden
        }
#elMenuOver1 {
            position: absolute;
            left: 20px;
            top: 20px;
            visibility: hidden
        }
</STYLE>
<script>
<!--
        IE4 = (document.all) ? 1 : 0;       // identificazione browser
        NS4 = (document.layers) ? 1 : 0;
  ver4 = (IE4 || NS4) ? 1 : 0;
        function mapOver(variabile) {
      if (variabile==false){
   return;
   }
   if (IE4) {                      // controllo per MSIE4
                whichEl = eval("document.all." + variabile +
".style")        // assegnazione MSIE alias
             }
            else {                                              // o...
                whichEl = eval("document.elMenu.document." +
variabile)   // assegnazione Netscape alias
             };
                if (variabile) { whichEl.visibility = "visible"}
                else { whichEl.visibility = "hidden" }
        }
        // -->
</script>
</head>
<body>
      <DIV ID="elMenu">
            <DIV ID="elMenuUp">
                <IMG SRC="menu.gif" USEMAP="#mpMenu" WIDTH=468 HEIGHT=18
BORDER=0>
            </DIV>
   <DIV ID="elMenuOver">
                <IMG SRC="menu1.gif" WIDTH="468" HEIGHT="18" BORDER="0"
alt="" usemap="#mpp">
            </DIV>
            <DIV ID="elMenuOver">
                <IMG SRC="menu1.gif" WIDTH="468" HEIGHT="18" BORDER="0"
alt="" usemap="#mpp">
            </DIV>
   <DIV ID="elMenuOver1">
                <IMG SRC="menu2.gif" WIDTH=468 HEIGHT=18 BORDER=0
usemap="#mppp">
            </DIV>
        </DIV>
<MAP NAME="mpMenu">
            <AREA SHAPE="RECT" COORDS="0,0   116,18" HREF="/qw"
onMouseOver="mapOver('elMenuOver')" onMouseOut="mapOver(false)">
            <AREA SHAPE="RECT" COORDS="117,0 181,18"
HREF="/cgi-bin/suggest.cgi" onMouseOver="mapOver('elMenuOver1')"
onMouseOut="mapOver(false)">
            <AREA SHAPE="RECT" COORDS="182,0 222,18"
HREF="
http://www.coolcentral.com
">
            <AREA SHAPE="RECT" COORDS="223,0 263,18" HREF="/new/">
            <AREA SHAPE="RECT" COORDS="264,0 339,18" HREF="/headlines/">
            <AREA SHAPE="RECT" COORDS="340,0 397,18" HREF="/search.cgi">
            <AREA SHAPE="RECT" COORDS="398,0 468,18"
HREF="/index2.html">
        </MAP>
<MAP NAME="mpp">
            <AREA SHAPE="RECT" COORDS="0,0   116,18" HREF="/" >
            <AREA SHAPE="RECT" COORDS="117,0 181,18"
HREF="/cgi-bin/suggest.cgi" >
            <AREA SHAPE="RECT" COORDS="182,0 222,18"
HREF="
http://www.coolcentral.com
">
            <AREA SHAPE="RECT" COORDS="223,0 263,18" HREF="/new/">
            <AREA SHAPE="RECT" COORDS="264,0 339,18" HREF="/headlines/">
            <AREA SHAPE="RECT" COORDS="340,0 397,18" HREF="/search.cgi">
            <AREA SHAPE="RECT" COORDS="398,0 468,18"
HREF="/index2.html">
        </MAP>
<MAP NAME="mppp">
            <AREA SHAPE="RECT" COORDS="0,0   116,18" HREF="/" >
            <AREA SHAPE="RECT" COORDS="117,0 181,18"
HREF="/cgi-bin/suggest.cgi" >
            <AREA SHAPE="RECT" COORDS="182,0 222,18"
HREF="
http://www.coolcentral.com
">
            <AREA SHAPE="RECT" COORDS="223,0 263,18" HREF="/new/">
            <AREA SHAPE="RECT" COORDS="264,0 339,18" HREF="/headlines/">
            <AREA SHAPE="RECT" COORDS="340,0 397,18" HREF="/search.cgi">
            <AREA SHAPE="RECT" COORDS="398,0 468,18"
HREF="/index2.html">
        </MAP>
</body>
</html>
cosi come e' inserito adesso funziona ma solo quando passa la prima
volta
Grazie

 volta
Con il tuo script visualizzi i layer senza mai nasconderli, essendo
sovrapposti si vedra' sempre il layer visible nella sequenza di
posizionamento.
Perche' si alterni la visualizzazione puoi o nascondere il precedente ho
cambiare lo zIndex di quello che vuoi rendere visibile.
Di seguito una soluzione che nasconde il layer precedente.
Saluti, Paolo
-----------------------------
 IE4 = (document.all) ? 1 : 0;       // identificazione browser
 NS4 = (document.layers) ? 1 : 0;
 ver4 = (IE4 || NS4) ? 1 : 0;
 oldLay='elMenuOver'
 function mapOver(variabile) {
 if (variabile==false) return;
 if (IE4) {                      // controllo per MSIE4
    whichEl = eval("document.all." + variabile +".style")        //
assegnazione MSIE alias
   whichElOld = eval("document.all." + oldLay +".style")        //
assegnazione MSIE alias
             }
    else {                                              // o...
  whichEl = eval("document.elMenu.document." +variabile)   //
assegnazione Netscape alias
  whichElOld = eval("document.elMenu.document." +oldLay)   //
assegnazione Netscape alias
    }
    whichElOld.visibility = "hidden";
    whichEl.visibility = "visible";
    oldLay=variabile;
}