Discussion :

[CheepCheep]

Bonjour à tous,

Voilà mon problème :

J'ai une page contenant un tableau dont voici la forme (je ne met que la partie intéressante) :

Code html :

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

1
2
3
4
5
6
<table>
<tr>
    <td> Mon titre </td>
    <td colspan=2>Proposer mot <input type="button" value="ok"/></td>
</tr>
</table>

Ce que je souhaite lors d'un clique sur le bouton :
- Le rowspan du td "Mon titre" s'incrémente de 1
- Une ligne contenant un inupt text et une checkbox remplace la ligne "proposer un mot"
- La ligne "proposer un mot" descend d'un cran pour pouvoir ajouter autant de mot que voulu (je souhaiterais limiter cet ajout à 10 si possible).

Je précise que cette portion de la table est en plein milieu de ladite table, il ne faut donc pas ajouter les ligne à la fin de la table mais à la suite de cette portion.

Voilà voilà, n'étant pas bien douée en JavaScript, je ne m'en sors vraiment pas... Si quelqu'un peut m'aider ? Merci d'avance !

[gentil2005]

Bonjour,

Personnellement je ne suis pas expert en JS mais j'aimerais bien t'aider. Mais aussi, si ce bout de code a été extrait d'un autre plus gros, on peut avoir du mal à reperer ce tableau dans le DOM, le mieux à faire, à mon avis et cela par rapport à mon niveau, c'est de donner un Id ou une class au tableau et/ou à ses enfants (tr, td) pour permettre de les cibler et soit les modifier, soit ajouter d'autres élément avant ou après avec JS.

Merci

[CheepCheep]

Effectivement, il va falloir utiliser des id et DOM, mais je ne vois pas comment ajouter une ligne dynamiquement (j'arrive juste à modifier le contenu d'une case).

Voilà voilà, des idées ?

[CheepCheep]

J'ai finis par plus ou moins m'en sortir, si quelqu'un veut savoir comment j'ai fais demandez le moi par mp.