Newsgroup: it.comp.lang.javascript
Titolo: Riga a scomparsa

Salve,
ho una pagina web con una tabella a 5 colonne.
Vorrei che quando clikko su di una riga si apra sotto di essa un'altra riga
con informazioni aggiuntive.
Riclikkando su quella padre o su di una'altra riga questa scompare.
Da quel poco che ho sentito dire, lo posso realizzare in ajax.
Mi sapreste dare qualche consiglio o qualche esempio da cui partire?
grazie
xoooox
--------------------------------
Inviato via 
http://arianna.libero.it/usenet/

 Da quel poco che ho sentito dire, lo posso realizzare in ajax.
no, "ajax" non centra nulla.
cerca con google un qualcosa tipo "javascript tree"
-- 
"Ho smesso di fumare.
 Vivr� una settimana di pi�.
 E in quella settimana piover� a dirotto"
									    W.A.

 scompare. 
Provo a suggerirti questo:
<html><head><title>Look over</title>
<style type="text/css">
  a {color:blue;text-decoration:none;}
  a:hover {color:red;}
  .novis {position:absolute;display:none;}
</style>
<script type="text/javascript">
function apri(aa) {
  var spn = document.getElementsByTagName("span");
  for (i=0;i<spn.length;i++) {
    spn[i].style.display = "none";
  }
  var par = document.getElementById(aa);
  var display = par.style.display;
  par.style.display = (display == "block") ? "none" : "block";
}
</script></head><body>
<p>Primo <a onClick="apri('uno')" href="#uno">&gt;</a><br>
<span id="uno" class="novis"> Prima descrizione</span></p>
<p>Secondo <a onClick="apri('due')" href="#due">&gt;</a><br>
<span id="due" class="novis"> Seconda descrizione</span></p>
</body></html>
-- 
Saluti
Renato
 

 [...]
Oppure questo:
<html><head><title>Look over</title>
<style type="text/css">
  a {color:blue;text-decoration:none;}
  a:hover {color:red;}
  .novis {position:absolute;display:none;}
</style>
<script type="text/javascript">
function apri(aa) {
  var par = document.getElementById(aa);
  var display = par.style.display;
  par.style.display = (display == "block") ? "none" : "block";
}
function chiudi() {
  var spn = document.getElementsByTagName("span");
  for (i=0;i<spn.length;i++) {
    spn[i].style.display = "none";
  }
}
</script></head><body>
<p>Primo <a onClick="apri('uno')" href="#uno">&gt;</a><br>
<span id="uno" class="novis">Prima descrizione</span></p>
<p>Secondo <a onClick="apri('due')" href="#due">&gt;</a><br>
<span id="due" class="novis">Seconda descrizione</span></p>
<p>Chiudi tutto <a onClick="chiudi()" href="#no">&gt;</a></p>


 Mi sapreste dare qualche consiglio o qualche esempio da cui partire?
ExtJs Tree o Grid
-- 
Never try to teach a pig to sing.
It wastes your time and annoys the pig.

xoooox ha scritto:

e questo dimostra ancora una volta che c'ï¿œ una grande confusione su cosa
sia o meno ajax.

 Mi sapreste dare qualche consiglio o qualche esempio da cui partire?
Hope it helps.
-- 
"When you have eliminated the impossible, whatever remains, however
improbable, must be the truth."

 
con jquery
$("tr.hidden").prev().click(function(){$(this).next().toggle()});
Saluti. Carlo.
-- 
Puoi chiamarmi con Skype, il mio id e' carlonike
Vuoi un sicuro e gratuito programma per la tua posta?
http://www.pegasusmail.tk
 o 
http://www.pmail.com

 Saluti. Carlo.
E lo dici a me? :) Guarda che non sono io che ha postato il problema. :)
P.S.
Se deve solamente fare quel genere di operazione, non ha senso
scomodare jquery. Sembra una sola riga, ma dovresti copiare in
toto tutto il sorgente della libreria.



Per quanto riguarda la propieta' 'display', l'ho capita.
Infatti se la imposto a 'none' o 'block' riesco a visualizzarla o no.
Il problema adesso e che ho applicato il cambio di questa propieta' su una
tabella,
e ho due comportamenti differenti con Firefox e IE8.
Se ho il seguente codice per esempio:
    <tr>
      <th>Nome</th>
      <th>Cognome</th>
      <th>Data di nascita</th>
      <th>Web</th>
    </tr>
   <tr id="uno">
      <td>Pippo</td>
      <td>PippoC</td>
      <td><a href="
http://www.pippo.com
">
http://www.pippo.com
</a></td>
   </tr>
   <tr id="due">
      <td>Pluto</td>
      <td>PlutoC</td>
      <td><a href="
http://www.pluto.com
">
http://www.pluto.com
</a></td>
   </tr>
   <tr id="tre">
      <td>Topolino</td>
      <td>TopolinoC</td>
      <td><a href="
http://www.topolino.com
">
http://www.topolino.com
</a></td>
   </tr>
Se utilizzo la seguente funzione chiamata con un pulsante:
function ShowAndHide(id1){
  if(document.getElementById)
  {
    el1=document.getElementById(id1);
    if(el1.style.display=="none")
        fShowElement(el1,true);
    else
        fShowElement(el1,false);
  }
}
function fShowElement(el1,bool){
	if(bool==true)
      el1.style.display="block";
	else
      el1.style.display="none";
}
Sotto IE8 mi funziona perfettamente (passando come parametro le stringhe
'uno' or 'due' or 'tre')
Mi nasconde la riga e me la mostra.
Sotto Firefox pero' quando imposto a 'none' va tutto bene, ma quando imposto
'block',
tutta la riga compare nella prima colonna.
Sbaglio qualcosa?


 xoooox
De nada.
