11521 sujets

JavaScript, DOM et API Web HTML5

Salut à tous,

je précise que je suis sous WordPress (même si cela n'a aucun rapport avec le reste)
J'ai un tableau, contenant une dizaine de ligne, deux colonnes pour chaque lignes.
Au milieu du tableau j'ai une ligne avec une balise select et option (prenant les informations dans ma base mysql)
Je souhaiterais avoir une petite balise <a> et un onclic permettant d'ajouter une autre balise <select> comme ça c'est à l'utilisateur de choisir "combien" il en veut. il faut que sa décale le reste des cellules qui vient par la suite aussi.

Est ce que si je pars sur : un onclick dans un <a href> qui ajoute du text html ce texte contient la balise select et les options. comment faire pour qu'il se glisse entre tel et tel cellule du tableau ? car il faut que la nouvelle balise soit la derniere cellule du type select (grâce aux id ?) et que le reste suivent comme avant (les cellules d'après qui sont statique)

Je sais si j'ai été bien clair, si 'il faut je mettrai un schéma, je peux pas mettre le code car il fait actuellement 500 lignes, donc dur d'y voir clair quand on bosse pas réellement dedans.

Merci d'avance pour ceux qui prendrons du temps pour m'aider.
Modifié par JuseN (09 Sep 2014 - 11:39)
Merci SolidSnake (bientôt la sortie du 5 d’ailleurs Smiley langue )

Ta ressource m'aide bien, avec les insertRow tout ça, même si j'avais deja vu ;
Mon select d'origine est au milieu du tableau donc rien ne permet de le distinguer (si ce n'est son nom)
le nouveau select doit juste venir à la suite, dans une nouvelle ligne.
Bon après utile ou pas, mais avec jQuery je pense que le script serait largement simplifié, je ne vois pas encore bien à quoi peut ressembler ton html, mais un truc du genre :
$('tr').has('select').after('<tr><td colspan="2"><select></select></td></tr>')
Ouép, j'ai trouver aussi la fonction .after, ou .insertAfter, combiner au DOM je vais surment pouvoir l'insérer où je désir.

Par contre je n'arrive pas a faire fonctionner jquery sous wordpress maintenant...


et j'ai trouver cette exemple en JS, pas mal :
http://jsfiddle.net/UqDJk/

enfin bref, jvais bien me débrouiller, merci !
Modifié par JuseN (09 Sep 2014 - 11:38)