Newsgroup: it.comp.lang.javascript
Titolo: [info] js e gestione div per visualizzare/nascondere

Ciao a tutti,
sto utilizzando un javascript per visualizzare e nasconedere il
contenuto di una parte di codice all'interno del tag DIV
il problema č che nel div se metto per esempio una input text mi
funziona se invece all'interno metto anche solamente la parte di una
tabella tipo un <tr><td> input text</td></tr>
non funziona.
Come posso fare dato che dovrei tramite una scelta poter visualizzare
o nascondere un certo numero di input text e queste sono dentro ad una
tabella, per ora l'unica soluzione č fare n div quante sono le mie
input text ma mi sembra una cosa un pň macchinosa, c'č un sistema piů
comodo per fare quello che ho appena descritto
Ciao filippo

Ciao filippo

 fosse possibile anche l'intera tabella
Non mi è molto chiara la tua richiesta; comunque puoi dare un id a
qualsiasi tag e poi visualizzarlo/nasconderlo con
document.getElementById(tuoid).style.display="block/none"; //il primo per
visualizzarlo, il secondo per nasconderlo. 
Esiste anche inline (e altri valori simili) al posto di block, nel caso
vedi su 
w3.org
 le differenze
http://www.w3.org/TR/CSS21/visuren.html#display-prop
Infine se vuoi mantenere lo spazio occupato quando nascondi al posto di
display puoi usare visibility:
http://www.w3.org/TR/CSS21/visufx.html#visibility
-- 
"That until there is no longer first class
And second class citizens of any nation
Until the colour of a man's skin
Is of no more significance than the colour of his eyes
Me say war"
B.M.
--

Non mi č molto chiara la tua richiesta; 
ora guardo comunque
ho una select con cui vorreei gestire la cosa, quando ha valiore 1
dovrebbe visualizzare
tutto quello contenuto in un div altrimento no
piů o meno ho fatto cosě
function show(id)
   {
   if (document.all)
      {
      document.all[id].style.visibility="visible";
      }
   else
      if (document.layers)
         {
         document.layers[id].visibility="show";
         }
         else
         if (document.getElementById)
            {
            document.getElementById(id).style.visibility="visible";
            }
   }
 
function hide(id)
   {
   if (document.all)
      {
      document.all[id].style.visibility="hidden";
      }
   else
      if(document.layers)
         {
         document.layers[id].visibility="hide";
         }
      else 
         if (document.getElementById)
            {
            document.getElementById(id).style.visibility="hidden";
            }
   }
sull'onchange della select faccio una funzione che chiama show('aa');
o hide('aa');
con il div contenente solo input text e testo funziona
 <DIV ID="aa" style="visibility:hidden;"> 
       Prova 
       <input name="prova" type="text" id="prova" size="15"
maxlength="15">
  	  </DIV> 
cosě non mi funziona
 <DIV ID="aa" style="visibility:hidden;"> 
 <table width="100%" border="0" cellpadding="3" cellspacing="0" >
                      <tr> 
                        <td width="141" class="neroB">  Prova :</td>
                        <td width="523">  <input name="prova"
type="text" id="prova" size="15" maxlength="15"></td>
                      </tr>
  	  </DIV> 


   	  </DIV> 
Stranissimo...prova a settare i tag in modo corretto (manca la chiusura
della table)
-- 
"That until there is no longer first class
And second class citizens of any nation
Until the colour of a man's skin
Is of no more significance than the colour of his eyes
Me say war"
B.M.
--

della table)
la tabella l'ho chiusa mi sono scordato di cambiarla, ti dirň di piů
se lo metto dentro alla tabella nel tr o nel td non fa nulla se lo
metto che comprende la tabella mi da la pagina vuota senza tabella
 :-(  
comunque proverň ora ho cambiato strada, dato che lavoro con una
pagina dinamica ho messo sulla select una action che richiama la
stessa pagina con un parametro e su questo parametro faccio un case
richiamando i template relativi.


 metto che comprende la tabella mi da la pagina vuota senza tabella
Mah, stai sbagliando altro...
Per sicurezza mi sono copiaincollato il tuo script, eccolo:
http://www.criosoftware.it/ShowHide.htm
Funziona correttamente (IE6sp1 / Firebird 0.6)
-- 
"E' l' ignoranza che crea l'intolleranza
 di gente cieca e senza coscienza"
									  S.S.S.
--

Funziona correttamente (IE6sp1 / Firebird 0.6)
caspio succede???!!!! :-)))
vabbè ci riprovo perchè se vedi dopo ho messo un messaggio perchè ho
un problema sulla window open
vabbè mi ci rimetto su


Funziona correttamente (IE6sp1 / Firebird 0.6)
guarda non capisco il perchč ma ho spostato il codice piů in basso e
va??? 
non so...


Funziona correttamente (IE6sp1 / Firebird 0.6)
scusami ultimissima volta! :-)))
non capisco come farlo ? ora che funziona però la parte dopo il div
quando è nascosto rimane in fondo alla pagina e lo stacco è notevole
come faccio?


... comunque mi è venuto in mente che potrei richiamare un secondo div
contenente la parte sotto al primo div e copiando lo stesso pezzo
anche nel primo div in questo modo poi quando è visibile una nascondo
l'altra e viceversa ...