Far apparire e scomparire tabelle?

**niubbo** · 25-10-2005, 18:24

Ho visto in diversi siti che è possibile far comparire e scomparire tabelle come se fossero layer... a diferenza dei layer però il comparire o lo scomparire di una tabella poi implica ke il "circondario" si adatta di conseguenza alla nuova struttura priva di quella tabella... .
Mi piacerebbe creare un effetto tipo: "ingrandisci"/"ripristino" facendo scomparire/comparire tabelle... magari facendo cambiare anke il tasto ke permette questa cosa a seconda della situazione...

Devo comprarmi un libro di javascript e CSS per riuscire a fare questa cosa o qualcuno sa spiegarmela o darmi un url dove magari posso imparare come fare?

Grazie a tutti!

**Salvix** · 25-10-2005, 18:29

Ciao Interessa molto anche a me per caso hai news???
a me andrebbe bena anche la prima versione...
ciao ciao

**badaze** · 25-10-2005, 18:47

Cosi ?

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<script language="JavaScript" type="text/javascript">
<!--
function pippo(aDiv) {
 aDiv.style.display = aDiv.style.display == "block" ? "none" : "block";
}
//-->
</script>

</head>
<body>
<div id="d1" style="display:block">
 <table summary="" border="1">
  <th colspan="2">Tabella 1</th>
  <tr>
  <td>11111111111111</td><td>11111111111111</td>
  </tr>
  <tr>
  <td>11111111111111</td><td>11111111111111</td>
  </tr>
  <tr>
  <td>11111111111111</td><td>11111111111111</td>
  </tr>		
 </table>
</div>
<input type="button" value="Clicca" onclick="pippo(document.getElementById('d1'))">

<div id="d2" style="display:block">
 <table summary="" border="1">
  <th colspan="2">Tabella 2</th>
  <tr>
  <td>11111111111111</td><td>11111111111111</td>
  </tr>
  <tr>
  <td>11111111111111</td><td>11111111111111</td>
  </tr>
  <tr>
  <td>11111111111111</td><td>11111111111111</td>
  </tr>		
 </table>
</div>
<input type="button" value="Clicca" onclick="pippo(document.getElementById('d2'))">

</body>
</html>

**Salvix** · 25-10-2005, 19:35

Intanto grazie mille per l'immediata risposta!!
Per me va bene parzialmente in quanto io ho questa situazione:
un pagine con 5 tabelle, senza nome o ID.

Esiste una possibilità in javascript di nascondere la seconda?

Premtetto che non posso usare ne div ne aggiungere nome o id alle tabelle.

Pensavo ad una collezione di oggetti sulla pagine da cui partire ma non ho avuto successo.

Grazie in anticipo

**badaze** · 25-10-2005, 20:01

Originariamente inviato da Salvix
Intanto grazie mille per l'immediata risposta!!
Per me va bene parzialmente in quanto io ho questa situazione:
un pagine con 5 tabelle, senza nome o ID.

Esiste una possibilità in javascript di nascondere la seconda?

Premtetto che non posso usare ne div ne aggiungere nome o id alle tabelle.

Pensavo ad una collezione di oggetti sulla pagine da cui partire ma non ho avuto successo.

Grazie in anticipo

Cosa vuoi ? Solo nasconderla ?

E' strano che tu non possa modificare la pagina !!!

**Salvix** · 25-10-2005, 20:06

mi basterebbe nasconderla a comando con un pulsante..
Non posso modifcare la parte di pagina contenete il codice delle tabelle in quanto mi viene pregenerata da un software esterno

**niubbo** · 26-10-2005, 02:34

Si esattamente quello ke volevo... ad un primo approccio nn ho capito molto del codice... ma nn conosco x niente ne la sintassi di javascript ne conosco i suoi metodi...

Nn capisco cosa fa la funzione dichiarata:

function pippo(aDiv) {
aDiv.style.display = aDiv.style.display == "block" ? "none" : "block";
}

Prende una variabile ke dovrà "incapsulare" un metodo? Dopo "==" ke significa? Credo di intuire ke l'evenienza con il "?" serva per alternare visibile/invisibile(?)... ma nn capisco la siontassi... come funziona?

Qui mi pare di capire ke la funzione pippo prende come parametro ciò ke nella pagina (document) ha come Id: "d1"... e poi processerà...
Ma fin qui sono tutte intuizioni... qualke bravo samaritano potrebbe spiegarmi bene la sintassi? E magari aiutarmi a modificare il tutto per ottenere la visualizzazione prima con un tasto(una semplice gif) e poi con un altro a seconda della situazione(tipo le finestre di windows quando metti a tutto skermo: "ingrandisci" o fa: "ripristina in basso"... tasto ke cambia a seconda della situazione)?

Vi ringrazio!

**niubbo** · 26-10-2005, 02:49

Originariamente inviato da Salvix
mi basterebbe nasconderla a comando con un pulsante..
Non posso modifcare la parte di pagina contenete il codice delle tabelle in quanto mi viene pregenerata da un software esterno

Dal basso della mia ignoranza intuisco ke cmq, come riesci a prelevare codice esterno da mettere nella tua pagina, allo stesso modo puoi metterlo dentro ad una tabella, fra i <div> da identificare con un "id"... credo...

**Salvix** · 02-11-2005, 13:29

Il codice viene generato da un software ed inserito in una pagina html.
questo codice non può essere modificato!! quindi niente div.
il codice contiene 5 tabelle ed io ne volgio oscurare solo una di queste quindi se metto tutto il codice tra DIV non va bene;
mi chiedevo se è possibile fare un javascript che mi cancelli la tabella numero 3
Teniamo conto che le tabelle hanno tutte nome "table" e non hanno ID.
Pensavo ad un qualcosa che contasse le tabelle all'interno del codice ed arrivato alla terza la collassa.
che mi dite???

**Mich_** · 02-11-2005, 13:32

document.getElementsByTagName('table')[2].style.display = 'none';

una cosa del genere?

Discussione: Far apparire e scomparire tabelle?

Strumenti discussione

Ricerca discussione

Visualizza

Far apparire e scomparire tabelle?

Permessi di invio