Modifier la taille d'un fieldset comportant un <div> caché
Bonjour,
j'effectue une recherche sur un nom dans ma base. Si cette recherche renvoie deux résultats, j'affiche deux fieldsets comportant une ligne avec écrit nom+prenom.
Ex :
- fieldset 1 : idpersonne 1 Nom1 Prenom1 ........ Bouton afficher + <div caché 1>
- fieldset 2 : idpersonne 2 Nom1 Prenom2 ........ Bouton afficher + <div caché 2>
(deux résultats si deux personnes ont le même prénom).
Et pour chacun de ces fieldsets, il y a un <div> caché contenant les autres informations associées à cette personne (ville et code postal par exemple).
Ce div s'affiche (passe en visible) si on clique sur le bouton "afficher +".
Le problème est que le fieldset se met à la taille de la ligne + la taille du div qui est caché d'office quand on effectue la recherche. Donc ça fait de grands blancs tant qu'on a pas décidé d'afficher les autres informations.
Est-il donc possible de réduire la taille du fieldset tant que le div est caché, et de le laisser à taille "normale" dès qu'on met le div en visible ?
Code de l'affichage du div :
Code:
1
2
3
4
5
6
|
// Se déclenche quand on appuie sur "afficher +"
function affich(i)
{
document.getElementById("infoclient"+i).style.visibility="visible";
} |
Code du fieldset avec le div :
Code:
1
2
3
|
echo '<fieldset style="height:auto;">';
echo '<div id="'.$id_client.'" style="visibility : hidden;">; |
