Discussion :

[baggie]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
echo '<fieldset style="height:auto;">';
echo '<div id="'.$id_client.'" style="visibility : hidden;">;

[javatwister]

salut

attention, si tu veux que l'espace caché n'apparaisse pas à l'écran, utilise la propriété display à la place de visibility;

[baggie]

Merci pour cette réponse, je n'y avais pas pensé ! Je vais tester ça

[EDIT] Ca fonctionne ! [/EDIT]