Codice valido per Netscape

[Many17]

Giorno a tutti (ciao Michele e questa volta è il posto giusto ), ho scaricato da qui http://pro.html.it/view_forum.asp?id=313&idcat=27&pag=1 un bellissimo menù a tendina dinamico che vorrei inserire nella mia pagina (ovviamente modificandolo), il problema è: come faccio a farlo funzionare anche con Netscape?
Grazie
Manila

[biamat]

Ciao,
ho dato un'occhiata velocissima al file js del menu.
Il problema penso sia dipendente dal fatto che vengono utilizzati gli eventi: queste entità vengono gestite in maniera diversa da ie e netscape. Quindi per farl funzionare devi scrivere due procedure differenti a seconda del browser.
Penso che il problema sia quello.

[Many17]

Grazie Biamat, infatti nelle pagine successive del tutorial dice:

La routine di seguito presentata va integrata nella funzione Apri(), utile per l'apertura del menu

if (document.layers)
{
mostra = document.layers[x+1];
mostra.visibility = "show";
mostra.top= 15;
for (i=1; i<=quanti; i++)
{
aperto = document.layers[i];
if (i != (x + 1))
{
aperto.visibility = "hide";
}
}
}


Di seguito, invece, presento la routine di chiusura del menu valida per Netscape Navigator

if (document.layers)
{
document.layers[i+1].visibility = "hide";
}

Ho provato ad inserire questo codice ma Netscape non va... non me ne intendo di JS di sicuro sbaglio io qualcosa!

Manila

[Mich_]

Quello script funziona in IE e NN (si intende 4: e` specificato Netscape Navigator).

Non ci sono le routine per Ns6+ e per i nuovi browser.

Come ti chiedevo nell'altro post, dovresti specificare se intendi NN4 oppure Ns6+ .

Ciao
Michele

[Many17]

Sarebbe bello funzionasse per Netscape 6 e superiori, non esiste sistema?
Ogni volta che trovo un menù semplice da studiarmi c'è sempre qualcosa che non va
Manila

[Mich_]

Per quest'ultimo occorre riscrivere una parte (in pratica occorre tradurre tutte le istruzioni specifiche). Pero` e` strutturato bene, per cui la cosa non dovrebbe essere troppo difficile.

Invece l'altro le aveva, ma magari c'era un piccolo errore (di distrazione o di implementazione).

Ciao
Michele

[Many17]

Capisco, e visto che lo script è strutturato bene, e la cosa non dovrebbe essere troppo difficile (parole tue) :gren: qualcuno su questo forum che ha già fatto una cosa simile potrebbe darmi una mano.

Bando agli scherzi,(magari fosse vero) grazie cmq Mich_

Ciao
Manila

[biamat]

Ciao,
ho fatto un paio di modifiche sia alla pagina che al js e così funziona con netscate 7.1 con le vecchie versioni non ti so dire perchè non le posso testare:


JS:

var quanti = 3;
var i;

function Apri(conta)
{
eval("document.getElementById('sottomenu"+conta+"' ).style.visibility='visible'");
for(var i=1;i<=quanti;i++)
{
if(i!=conta)
{
eval("document.getElementById('sottomenu"+i+"').st yle.visibility='hidden'");
}
}
}

function chiudi()
{
for(var i=1;i<=quanti;i++)
{
eval("document.getElementById('sottomenu"+i+"').st yle.visibility='hidden'");
}
}




PAGINA:
<div id="Layer1" style="position:absolute; left:0px; top:14px; width:224px; height:76px; z-index:1" onMouseOut="chiudi()"></div>
<div style="background-color: #EEEEEE; border-bottom: Solid 1px #000000;">
MENU # 1 |
MENU # 2 |
MENU # 3
</div>



<div id="sottomenu1" style="position:absolute;left: 1px; visibility: hidden">
Pagina # 1

Pagina # 2

Pagina # 3

</div>


<div id="sottomenu2" style="position:absolute;left: 69px;visibility: hidden">
Pagina # 4

Pagina # 5

Pagina # 6

</div>


<div id="sottomenu3" style="position:absolute;left: 138px;visibility: hidden">
Pagina # 7

Pagina # 8

Pagina # 9

</div>



Fammi sapere se ti funziona (e se funziona anche con le vecchie versioni dei browser).

[Mich_]

@ Biamat:
La funzione eval() e` deprecata, e in vari browser moderni non funziona piu`.
Comunque non serve: getElementById la sostituisce in qualche caso:

function Apri(conta) {
  document.getElementById('sottomenu'+conta).style.visibility = 'visible');
  for(var i=1;i<=quanti;i++) {
    if(i!=conta) {
      document.getElementById('sottomenu'+i).style.visibility = 'hidden');
    }
  }
}

function chiudi() {
  for(var i=1;i<=quanti;i++) {
    document.getElementById('sottomenu'+i).style.visibility = 'hidden');
  }
}

Nota: stando alle specifiche, questo codice funziona in IE6, Ns6+, Opera7, Moz, Konqueror, ... (ma io non lo ho testato).
Non funziona in IE5.0-, NN4-
Non so per IE 5.5

Ciao
Michele

[Many17]

Biamat, sei stato gentilissimo per la tua disponibilità.
Grazie anche a te Michele (come al solito).
Provo subito il codice con le nuove modifiche e poi vi saprò dire come funziona, magari lo faccio testare qui sul forum da alcuni che hanno browser più datati.
Grazie di nuovo
Manila