Modification dynamique tableau et formulaire

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:

---

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 ? :D Merci d'avance !

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

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 ?

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