Discussion :

[Shandler]

Bonjour,

Jai un probléme que je vais essayer de vous expliquer en esperant trouvé de l'aide.

Donc voila jai un formulaire et a l'interieur de ce formulaire jai un tableau de ce type.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
   <table>
        <tr>
          <th>Titre &eacute;v&agrave;nement (Ex : Concert rock)</th>
          <th>&Eacute;tablissement ou lieu</th>
          <th>Adresse</th>
          <th>Ville</th>
        </tr>
        <tr>
          <td>a</td>
          <td>b</td>
          <td>c</td>
          <td>g</td>
        </tr>
      </table>

Mais voila dans ce meme formulaire avant ce tableau jai des boutons radio qui suivant celui sélectionné mon tableau ci-dessus change de 3 facon differente.

Bouton radio

Code :

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

1
2
3
4
 
      <input type="radio" name="evenement" id="evenement1" value="1" />
      <input type="radio" name="evenement" id="evenement2" value="2"  />
      <input type="radio" name="evenement" id="evenement3" value="3"  />

Donc quand je sélectionne le :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
Bouton evenement1 : le tableau doit resembler a ca
 
   <table>
        <tr>
          <th>Titre &eacute;v&agrave;nement (Ex : Concert rock)</th>
          <th>&Eacute;tablissement ou lieu</th>
          <th>Adresse</th>
          <th>Ville</th>
          <th>date</th>
        </tr>
        <tr>
          <td><input type=texte /></td>
          <td><input type=texte /></td>
          <td><input type=texte /></td>
          <td><input type=texte /></td>
          <td><input type=texte /></td>
        </tr>
      </table>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
Bouton evenement2 : le tableau doit resembler a ca
 
   <table>
        <tr>
          <th>Titre &eacute;v&agrave;nement</th>
          <th>&Eacute;tablissement ou lieu</th>
          <th>Telephone</th>
          <th>Ville</th>
        </tr>
        <tr>
          <td><input type=texte /></td>
          <td><input type=texte /></td>
          <td><input type=texte /></td>
          <td><input type=texte /></td>
        </tr>
      </table>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
Bouton evenement3 : le tableau doit resembler a ca
 
   <table>
        <tr>
          <th>Reuinion</th>
          <th>&Eacute;tablissement ou lieu</th>
          <th>Telephone</th>
          <th>Adresse</th>
        </tr>
        <tr>
          <td><input type=texte /></td>
          <td><input type=texte /></td>
          <td><input type=texte /></td>
          <td><input type=texte /></td>
        </tr>
      </table>

Et le petit truc en plus aprés avoir afficher ce tableau je doit pouvoir ajouter ou supprimer des colonnes du tableau affiché grace un lien qui fera office de bouton + et un autre pour le bouton -

Merci beaucoup de votre aide et de vos lumiéres.

[le_chomeur]

heu la comme ça a froid ==> le dom est ton amis ...

SI il y a un nombre identique de cellule par ligne tu peu faire un truc dans le genre :

nombredecelule = premièreligne.nbdecellule
tu parcours le nombre de LIGNE de ton tableau
et a chaque ligne tu ajoutes une cellule ...

voila l'algo très rapide , il y a un bon gros bout de code pour faire ceci ...

Bon courage

[Shandler]

Sauf que pour un des choix il y a une cellule en plus et sinon le titre des champ change.

Merci

[bigboomshakala]

renseigne toi sur les <colgroup> et les <col>, ou sinon change directement le style des cellules (mais bon dans ton cas l'utilisation des <col> te faciliterait la vie).
tu crées une table avec toutes les colonnes et tu les masques/affiches suivant les besoins.

[Shandler]

Jai pensé créé mon tableau et grace a des id dans les titres des tableau je change le texte grace a ca :

Code :

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

1
2
longueurCible = document.getElementById("change_titre").firstChild.length;
document.getElementById("change_titre").firstChild.replaceData(0, longueurCible, "Other titre");

Mais voila je bloque car dans un des cas je dois rajouter une colonne a ce tableau et aussi pr l'ajout de ligne c'est assez galére.

Merci pour votre aide.

[Shandler]

Jai une autre idéé si quelqu'un pourrait m'aider car voila je vais mettre met 3 types de tableau sur la page et les faire apparaitre suivant quelle bouton choisi mais comment faire cela ?

Merci a vous.

[bigboomshakala]

renseigne toi sur les <colgroup> et les <col>, ou sinon change directement le style des cellules (mais bon dans ton cas l'utilisation des <col> te faciliterait la vie).
tu crées une table avec toutes les colonnes et tu les masques/affiches suivant les besoins.

au cas où ce serait passé inaperçu

[Shandler]

Non j'avais bien vue mais je pense que cacher mes tableau est plus simple mais j'arrive pas a adapté mon script.

Voir plus haut pour le script merci pour ton aide