Tab buttons 2: la soluzione fittizia! Ora come faccio a variare lo z-index?

[andreaaloi]

Rieccomi alla carica con gli effimeri Tab Buttons (vedi post:http://forum.html.it/forum/showthrea...hreadid=587167)

Mi sono accontentato di crearmi tre GIF, che con molta fantasia ho chiamato tab1.gif, tab2.gif e tab3.gif, e le ho piazzate nella mia pagina con coordinate assolute e z-index dalla più in rilievo (z-index:1) a quella più in secondo piano (z-index:-1). Ora la mia domanda è: per meglio emulare il funzionamento dei TabStrip di Windows, come faccio a cambiare il loro ordine-z con un comando "onclick="?
Riporto la sorgente del mio HTML per completezza:

<span style="position: absolute; left: -1; top: 0; z-index:1">
<a href="main.htm" target="main">
[img]images/tab1.gif[/img]
</a>
</span>

<span style="position: absolute; left: 45; top: 0; z-index: 0">
<a href="sommario.htm" target="main">
[img]images/tab2.gif[/img]
</a>
</span>

<span style="position: absolute; left: 110; top: 0; z-index: -1">
<a href="offerte.htm" target="main">
[img]images/tab3.gif[/img]
</a>
</span>

Fatemi sapere!

Andy

[andreaaloi]

Help...please...
Ne va della mia vita!!!

[andreaaloi]

Tengo la discussione a galla...

[pela]

intanto assegna un id diverso per ogni elemento in questione:
<span id="span1" .... >
poi per cambiare lo z-index:
document.getElementById("span1").style.zIndex=1;

[andreaaloi]

Mmmm... nnn solo non funziona ma mi apre main.htm e offerte.htm in una pagina nuova invece che nel frame "main" che ho impostato in target! Guardate un po' la sorgente e ditemi dov'è l'errore, please! Tra l'altro, non solo devo portare lo z-index dell'immagine che clicco in primo piano, ma devo al contempo portare lo z-index delle altre in secondo piano. Come si fa? Esiste la possibiltà da eseguire due comandi con un solo onclick?

<span id="span1" style="position: absolute; left: -1; top: 0; z-index:1">
<a href="main.htm" target="main">
[img]images/tab1.gif[/img]
</a>
</span>

<span id="span2" style="position: absolute; left: 45; top: 0; z-index: 0">
<a href="sommario.htm" target="sommario">
[img]images/tab2.gif[/img]
</a>
</span>

<span id="span3" style="position: absolute; left: 110; top: 0; z-index: -1">
<a href="offerte.htm" target="main">
[img]images/tab3.gif[/img]
</a>
</span>

Heeeeelp!


Andy

[Xinod]

ma se (un generico) pela scrive zIndex,
perchè (un generico) tu scrivi zindex

[andreaaloi]

Perché non pensavo che le maiuscole (genericamente) unfluissero sul codice. Anche perché il (generico) pela ha scritto getElementById e il (generico) io ha scritto getelementbyid... anche qui sarei (genericamente) caduto in errore? Mo' provo con le maiuscole e poi ri-posto. Ossequi alla signora, Xinod...

[Xinod]

appunto, è un errore anche quello
non è che ci divertiamo a premere al momento giusto lo shift mentre scriviamo getElementById!


il generico era perchè capita spesso, non stavo dicendo che sei tu
cmq altrettanti alla sua

[andreaaloi]

Sì. Diciamo che funzia più o meno bene, ora devo solo fare qualche ritocchino qua e là (tipo è possibile includere in una medesima funzione di javascript diversi codici per portare in primo piano la tab desiderata e, contemporaneamente, portare in secondo piano le altre, e poi scrivere semplicemente onclick()=func ?)
L'unica cosa che mi lascia ancora perplesso è che le pagine main.htm e offerte.htm non me le apre nel frame giusto (main, appunto) ma in una pagina nuova, mentre sommario.htm lo apre senza problemi in "sommario"... e prima di inserire questi codici per lo zIndex funzionava alla perfection!!! Why?

[andreaaloi]

ALT! Come non detto, era quel malefico FrontPage che mi aveva inserito un link che non volevo!!! OK, tutt'appost! Resta la domanda se è possibile mettere diversi codici di getElementById e metterli in un'unica funzione di javascript... dopodiché, notte!

Andy