Testo a comparsa: dove sbaglio?

[teju]

Ciao a tutti, vorrei avere, in una stessa pagina, i testi in italiano ed in inglese, che vengono visualizzati cliccando su una bandierina, senza che venga ricaricata la pagina.

Seguendo vecchi tred qui sul forum, ho provato a realizzare un codice che più o meno funziona mediante i pulsanti "radio" delle FORM HTML.
Questo il codice:

<script type="text/javascript" language="javascript">
function traduci(1, 2){
  if (document.getElementById){
    if(document.getElementById(1).style.display == 'none'){
      document.getElementById(1).style.display = 'block';
        document.getElementById(2).style.display = 'none';
    }
    if(document.getElementById(1).style.display == 'block'){
      document.getElementById(1).style.display = 'none';
        document.getElementById(2).style.display = 'block';
    }
  }
  return true;
}
</script> 

<input type="radio" name="camera" value="singola" onclick="traduci('ita', 'eng'); return true" /> ita - <input type="radio" name="camera" value="doppia" onclick="traduci('eng', 'ita'); return true" /> eng
<div id="ita" style="display:none">Txt in ITA</div>
<div id="eng">Txt in ENG</div> 

Tale codice funziona unicamente al secondo passaggio sui bottoni "radio", non alla prima volta.
Inoltre vorrei togliere i bottoni radio ed inserire due belle immaginette con le bandierine: mi date una mano??

Grazie!!

[blow1986]

"al primo passaggio" credo che la proprietà display sia ancora priva di valore
(assume valore solo quando viene selezionato il radio-button)

però vista così mi sembra che quando display è uguale a "none" vengono verificate tutte e due le if (perche metti la stessa a "block")

[teju]

Originariamente inviato da blow1986
"al primo passaggio" credo che la proprietà display sia ancora priva di valore
(assume valore solo quando viene selezionato il radio-button)

Se priva di valore immaginavo dovesse leggere il DIV "eng" in quanto non ha appunto un valore di display.

Originariamente inviato da blow1986
però vista così mi sembra che quando display è uguale a "none" vengono verificate tutte e due le if (perche metti la stessa a "block")

Per il resto dopo un po' di su/giù tra i bottoni radio funziona...

Così non va invece mai se al posto dei radio metto un'immagine, tipo [img]...[/img]

[teju]

Qual è il contrario di style="display:none"??
Nessuno riesce a darmi una mano con lo script qui sopra, inserendo l'immagine???

[Vindav]

imgITA
imgENG

function traduci(mostra,nascondi){ 
    document.getElementById(mostra).style.display = '';   
    document.getElementById(nascondi).style.display = 'none';   
    return false;
}

[gcarless]

Il contrario di display: none è
- display: block per gli elementi in blocco
- display: inline per gli elementi in linea

Esempio, per un <div> il suo naturale è display: block, per uno <span> è display: inline

Per il tuo problema, una possibile soluzione è questa:

function traduci(value1, value2){ 
    document.getElementById(value1).style.display = 'block';     
    document.getElementById(value2).style.display = 'none'; } 
</script>

<input type="radio" name="camera" value="singola" onclick="traduci('ita', 'eng'); return true" /> ita - 
<input type="radio" name="camera" value="doppia" onclick="traduci('eng', 'ita'); return true" /> eng 
<div id="ita" style="display:none">Txt in ITA</div> <div id="eng">Txt in ENG</div>

anziché i radio button puoi mettere le due immagini con l'onclick

[teju]

Funziona alla grande!!! Grazie mille, alla prossima!!

[teju]

Riprendo la stessa discussione perchè è consequenziale: questo codice è stato inserito in una pagina PHP, posso scrivere una varriabile $_SESSION quando cambio la lingua?

Pensavo di tenere così la lingua anche sulle pagine seguenti, ma per far questo mi occorre una $_SESSION['linguaggio'].

Grazie

[cavicchiandrea]

Ma.... fatico a seguire la sequenzialità/logica tra una session php e un mostra/nascondi javascript

[Vindav]

ti salvi in un hidden la lingua corrente, e quando passi dal server la salvi in sessione