Cambiare il "width" del "<td>" al click....

12-06-2006, 18.57.22

Salve,
ho un problema... vorrei creare una cosa un po strana.... in pratica in una pagina con una tabella a 3 colonne... le due colonne laterali vorrei renderle invi/visibili a seconda dell'esigenze dell'utente che visita le pagine... magari con un pulsante attiva/disattiva menu...

in alternativa si potrebbe creare una funzione che setti l'attributo width del td ad un certo valore (magari 1px)?

spero di essere stato chiaro :master: :master:

12-06-2006, 19.17.23

Mmm.... penso che col javascript si possa fare qualcosa... in questa pagina (www.diweb.altervista.org/tagboard.php) se clicchi su "Aggiornamenti" ti si apre un tabella. Si potrebbe usare quello stesso codice: però al posto di una tabella con tre colonne dovrai fare tre tabelle con 1 colonna ciascuna, e trovare il modo di farla emergere in orizzontale e non in verticale. Ciauz!

12-06-2006, 19.48.51

non ho ben capito quello che vuoi fare... Ma se vuoi nascondere una "sezione" prova questo codice:

Codice HTML:

<HTML>
<HEAD>
<TITLE>Pagina di prova overflow</TITLE>
<SCRIPT LANGUAGE="JavaScript">
var popupOn = true

function popup ()
{
	if (popupOn)
		document.getElementById ("popup").style.display = "none"
	else
		document.getElementById ("popup").style.display = "block"
	popupOn = !popupOn
}
</SCRIPT>
</HEAD>
<BODY>
<TABLE WIDTH="100%" BORDER="1">
<TR>
<TD><A HREF="javascript:popup()">Clicca qui</A></TD>
</TR>
<TR>
<TD><DIV ID="popup">
<P>Quel ramo del lago di Como, che volge a mezzogiorno, tra due catene non interrotte di
monti, tutto a seni e golfi, a seconda dello sporgere e del rientrare di quelli, vien,
quasi a un tratto, a ristringersi, e a prender corso e figura di fiume, tra un promontorio
a destra, e un'ampia costiera dall'altra parte; e il ponte, che ivi congiunge le due rive,
par che renda ancor pi&ugrave; sensibile all'occhio questa trasformazione, e segni il
punto in cui il lago cessa, e l'Adda ricomincia, per ripigliar poi il nome di lago dove le
rive, allontandosi di nuovo, lascian l'acqua distendersi e rallentarsi in nuovi golfi e 
nuovi seni.</P>
</DIV></TD>
</TR>
</TABLE>
</BODY>
</HTML>

...fammi sapere!

12-06-2006, 20.35.00

ho gia risolto come mi ha suggerito sottoscalapunk.. grazie lo stesso..

12-06-2006, 23.28.47

Originalmente inviato da acquarica

ho gia risolto come mi ha suggerito sottoscalapunk.. grazie lo stesso..

Solo per curiosità, come gli hai messo di aprirsi in orizzontale?

**dementialsite** · 13-06-2006, 17.13.47

[4 turkosoft] Dov'è che ho già visto quel codice...?

:-D Statemi bene...

13-06-2006, 17.26.44

Originalmente inviato da dementialsite

[4 turkosoft] Dov'è che ho già visto quel codice...?

:-D Statemi bene...

Ma

Demential, sei sempre presente! Comunque ci do un'occhiata che sto tipo di effetto serve anche a me per una mia nuova creazione...

13-06-2006, 19.15.13

<a href=\"#su\" ONCLICK=\"document.all.faq.style.display = (document.all.faq.style.display == 'none') ? '' : 'none'\">
<img src=\"freccia.gif\" align=\"left\"></a>


<td style=\"border-collapse: separate; display:yes;\" bgcolor=\"#FFFFFF\" ID=\"faq\"........................

in pratica ogni volta che si clikka sull'img il td della tabella compare e scompare... chiaro????

**dementialsite** · 14-06-2006, 08.01.36

Quello immagino sia un "prototipo" che pero' ho seri dubbi che possa funzionare anche solo con Internet Explorer (come la visualizzi la cella? Non hai specificato lo stile display).

Prova cosi':

Codice HTML:

<A HREF="#here" NAME="here" onClick="var cell=document.getElementById('cell');var style0=cell.style.display;cell.style.display=(style0=='none'?'table-cell':'none')">Clicca qui</A>
<TD ID="cell" STYLE="display:none">

Stammi bene...

Discussione: Cambiare il "width" del "<td>" al click....

LinkBack

Strumenti discussione

Display

Cambiare il "width" del "<td>" al click....

Regole di scrittura