mostra tr e switch immagine

[cecco-idro]

Salve, sono un utente poco esperto anzi pochissimo tanto da non essere in grado di creare script se non elementari.....

ho una tabella nelle cui righe sono scritti dei testi in 6 lingue diverse (it, en, fr, de, es, jp) li rendo visibili o no con questo script che agisce sugli id dei tr

function showhide(id){
     if (document.getElementById(id).style.display == "none"){
                document.getElementById(id).style.display = "";
     } else {
          document.getElementById(id).style.display = "none";
     }
 } 

e lo richiamo con dei link da immagini delle rispettive bandiere.

vorrei associare due immagini, una per lo stato visibile e una per lo stato nascosto ma non ho idea di come si faccia..... qualcuno ha voglia di aiutarmi?

[cavicchiandrea]

Ma secondo me già lo fa l'hai provato?
Meglio se imposti lo stato visibile cosi: document.getElementById(id).style.display = "block";

[cecco-idro]

quello che ho postato serve per mostrare i tr con id le bandierine sono da un'altra parte.... nel menu ma non posso usare gli id......così non funziona......

function showhide(id){
if (document.getElementById(id).style.display == "none"){
document.getElementById(id).style.display = "";
document.getElementByName(name).style.display = "";
document.getElementByName(name+'_2').style.display = "none";
} else {
document.getElementById(id).style.display = "none";
document.getElementByName(name).style.display = "none";
document.getElementByName(name+'_2').style.display = "";
}
}


[img]common/flags/flag_it.jpg[/img][img]common/flags/flag_it_2.jpg[/img]

[Xinod]

Originariamente inviato da cavicchiandrea
Meglio se imposti lo stato visibile cosi: document.getElementById(id).style.display = "block";

invece, potra' sorprendere, ma mi risulta plausibile fare cosi':
trattandosi di td non puo' settare il display a block, almeno non con i browser aderenti agli standard che richiederebbero display="table-cell"
http://www.w3.org/TR/CSS2/tables.htm...def-table-cell
mentre con display="" assegna il display di default per l' elemento, che, qualunque esso sia, lo rende visibile

tirato un po' per i capelli, potrebbe non funzionare per sempre, ma al momento mi risulta funzionare ovunque

per le immagini prova a farvi riferimento con
document.images[name].style.display = "none";
chiaramente con questo name opportunamente valorizzato

[cavicchiandrea]

@Xinod ormai non mi sorprendo + di niente non uso le tabelle, e mi sembra che impostando il display "vuoto" in IE non funzionasse sui div span etc... ma vado a memoria e potrei sbagliarmi, comunque grazie per la tua segnalazione e precisazione perfetta come sempre.

[cecco-idro]

mentre con display="" assegna il display di default per l' elemento, che, qualunque esso sia, lo rende visibile

ho letto anche io un post che lo afferma e infatti funziona......

per quanto riguarda il resto ho provato ad usare il name ma non riesco ad implementarlo a dovere.....perchè le immagini sono due per lingua (=12) e il loro name è tipo flag_it e flag_it_2.

Come faccio a vederne una piuttosto che l'altra con uno script che vada bene per tutte e 6?
Grazie davvero ai due nottambuli per le risposte....

[Xinod]

document.images['flag_'+id].style.display = "none";
document.images['flag_'+id+'_2'].style.display = "inline";

[cecco-idro]

Grazie xinod ma non riesco ad usare il tuo codice... in effetti non sono in grado di inerirlo a dovere nella pagina posto più codice per farmi capire meglio.....ciao!

il javascript.....

function showhide(id){
     if (document.getElementById(id).style.display == "none"){
            document.getElementById(id).style.display = "";
         document.images['flag_'+id].style.display = "inline";
         document.images['flag_'+id+'_2'].style.display = "none";
     } else {
         document.getElementById(id).style.display = "none";
         document.images['flag_'+id].style.display = "none";
         document.images['flag_'+id+'_2'].style.display = "inline";
     }
 } 

l'html......

<td align="left">
         [url="#"][img]common/flags/flag_it.jpg[/img][img]common/flags/flag_it_2.jpg[/img][/url]
          [url="#"][img]common/flags/flag_en.jpg[/img]come sopra[/url]
          [url="#"][img]common/flags/flag_fr.jpg[/img]come sopra[/url]
          [url="#"][img]common/flags/flag_de.jpg[/img]come sopra[/url]
          [url="#"][img]common/flags/flag_es.jpg[/img]come sopra[/url]
          [url="#"][img]common/flags/flag_jp.jpg[/img]come sopra[/url]
      </td>
     </tr>
   <tr id="it">
     <td align="right" valign="top">[b]IT: [/b]</td>
     <td align="left"><textarea name="desc_it" cols="200" rows="20" class="textarea">/textarea></td>
     </tr>
   <tr id="en" style="display:none">
     <td align="right" valign="top">[b]EN: [/b]</td>
      <td align="left"><textarea name="desc_en" cols="200" rows="20" class="textarea"></textarea></td>
     </tr>
   <tr id="fr" style="display:none">
     <td align="right" valign="top">[b]FR: [/b]</td>
     <td align="left"><textarea name="desc_fr" cols="200" rows="20" class="textarea"></textarea></td>
     </tr>
   <tr id="de" style="display:none">
      <td align="right" valign="top">[b]DE: [/b]</td>
     <td align="left"><textarea name="desc_de" cols="200" rows="20" class="textarea"></textarea></td>
     </tr>
   <tr id="es" style="display:none">
     <td align="right" valign="top">[b]ES: [/b]</td>
     <td align="left"><textarea name="desc_es" cols="200" rows="20" class="textarea"></textarea></td>
     </tr>
    <tr id="jp" style="display:none">
     <td align="right" valign="top">[b]JP: [/b]</td>
     <td align="left"><textarea name="desc_jp" cols="200" rows="20" class="textarea"></textarea></td>
     </tr>
   <tr> 

[Xinod]

Originariamente inviato da cecco-idro
il loro name è tipo flag_it e flag_it_2.

e non sembrerebbe invece, adesso il name l' hai messo pure identico per le due immagini della stessa lingua

se resta cosi' fai cosi'
document.getElementsByName(id)[0].style.display = "inline";
document.getElementsByName(id)[1].style.display = "none";

[cecco-idro]

xinod grazie per la pazienza, i tuoi suggerimenti sono corretti ma io mi spiego malissimo.....
ho risolto in questa maniera... attingendo ad altri post ovviamente

[url="#"][img]common/flags/flag_it.jpg[/img][/url] 

function sHide() {
    var sezione = document.getElementById(form);
    var immagine = document.getElementById(ima);
  if (sezione.style.display == 'none') {
    sezione.style.display = '';
    immagine.src = 'common/flags/flag_'+form+'.jpg';
  } else {
    sezione.style.display = 'none';
    immagine.src = 'common/flags/flag_'+form+'_2.jpg';
  }
} 

Grazie!