redim hauteur de ligne dans table suivant la visibility d'une div

bonjour

le principe est simple : quand je de/coche la checkbox elle dés/affiche la
div

- ou est la div ?

j'ai un grand formulaire compris dans un tableau avec tout plein de lignes
et 2 colonnes
la derniere ligne a une checkbox et en dessous une div comprenant un
textarea
la div est visibility:hidden par defaut

- mon problàme ?

j'aimerais que la hauteur de la derniere ligne varie aussi en fonction du
cochage,
car j'ai une enorme ligne alors que c'est pas coché, donc pas beau

- mes essais ?

même si tu mets <tr height="20"> (hauteur suffisant pour mettre une
checkbox) j'ai une hauteur énorme
j'essaie avec firefox, tout comme avec ie

idée(s) ?


MERCI D'AVANCE


--
Toine
Site SME => http://jurastick.dyndns.org (UP)

"Antoine" <antoine (AT) nowhere (DOT) com> a écrit dans le message de news:
dumvi7$o0c$1 (AT) biggoron (DOT) nerim.net...

j'oubliais mon code, je le met malgré que ma demande soit assez simple
(c'est brut yas plein de bazar php)

<tr BGCOLOR="#EEEEEE">
<td HEIGHT="20"><B>Cloture de l'interv.</B></td>
<td HEIGHT="20">
<P>
<INPUT NAME="update_date_fin" TYPE="checkbox"
ID="update_date_fin" onClick="toggle_div('resumeDiv')" VALUE="true" CHECKED>
(<?php echo date("Y-m-d"); ?>) </P>
<div ID="resumeDiv" style="visibility:hidden">
<table WIDTH="80%" BORDER="1" CELLPADDING="0" CELLSPACING="0"
BORDERCOLOR="#FFFFFF">
<tr ALIGN="CENTER">
<td WIDTH="50%"><B>R&eacute;sum&eacute;</B></td>
<td WIDTH="50%"><B>Envoyer rapports finaux</B></td>
</tr>
<tr>
<td WIDTH="50%">
<TEXTAREA NAME="resume" COLS="60" ROWS="5" WRAP="PHYSICAL">Taper ici le
résum\n (ne pas remplir c'est en tests)</TEXTAREA></td>
<td WIDTH="50%">
<INPUT NAME="mail2mcb" TYPE="checkbox" ID="mail2mcb"
VALUE="true">
MCB (@)<BR>
<INPUT NAME="mail2guest" TYPE="checkbox" ID="mail2guest"
VALUE="true">
Client (@) </td>
</tr>
</table>
</div>
</td>
</tr>

Antoine a écrit :

bonjour

le principe est simple : quand je de/coche la checkbox elle dés/affiche la
div
(snip !)

idée(s) ?

Je ne suis pas sur d'avoir tout bien compris.
Par contre le visibility:hidden (ou display:none) il faut l'appliquer
par javascript si le réaffichage se fait par javascript.

Sans quoi, si javascript est désactivé (ce qui est le cas pour environ
10% des internautes)...

--
Xavier

"JiBé" <jb_rey (AT) wanadoo (DOT) fr> a écrit dans le message de news:
4410700b$0$21276$8fcfb975 (AT) news (DOT) wanadoo.fr...

Antoine a écrit :
il faut indiquer display:none; à la place de visibility:hidden;

display:none; n'affiche pas le div
visibility:hidden; "affiche" le div (garde la place pour le rendre
visible) mais rend le invisible

ensuite un display:block; sur le cochage de la case

Jibé

c'est génial, merci beaucoup !!!!

histoire de partager voici pour les archives :

--1------------ La checkbox (à mettre dans <form>) :

<INPUT TYPE="checkbox" onClick="display_div('resumeDiv')" VALUE="true">

--2------------ La div :

<div ID="resumeDiv" style="display:none">Blablabla</div>

--3------------ La fonction java :

var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all

function display_div(nObjet) {

if(ie4) { // Internet explorer
eval(nObjet).style.display =
(eval(nObjet).style.display=='none'?'block':'none' );
}
else if(ns4) { // Netscape 4.x
document.eval(nObjet).display =
(document.eval(nObjet).display=='none'?'block':'no ne');
}
else if(ns6) { // Netscape 6 (mozilla)
var divns6 = document.getElementsByTagName("div")
divns6[nObjet].style.display =
(divns6[nObjet].style.display=='none'?'block':'none');
}
}

Testé sous IE 6 et Firefox !

--
Toine
Site SME => http://jurastick.dyndns.org (UP)