Discussion :

[Oluha]

Bonjour

Je dois adapter un logiciel Delphi en site Internet. Dans ce logiciel j'ai une grille où on peut modifier et ajouter des lignes.

Je pensai faire un tableau avec des input. Au chargement de la page, je rempli ce tableau avec autant de lignes qu'il y a d'enregistrements dans la base de données.
Le problème c'est que je souhaiterai pouvoir ajouter une ligne d'input à ce tableau quand on clique sur un bouton, à l'aide de javascript pour ne pas avoir à recharger ma page. Sachant aussi qu'on peut cliquer plusieurs fois sur ce bouton pour ajouter autant de lignes qu'on le souhaite.
C'est à ce niveau là que je coince avec javascript, comment faire pour ajouter une ligne au tableau ?

Merci pour votre aide

[javatwister]

ajouter ou supprimer un élément html sur un clic, aucun problème;
mais je te déconseille fortement d'enrober tout cela dans un tableau: tu auras des bugs d'affichage (notamment sous IE) car un champ de formulaire n'est pas fait pour être inséré dans une cellule de tableau

[Oluha]

ajouter ou supprimer un élément html sur un clic, aucun problème;

mais comment faire ? Je suppose qu'il faut que je donne un id à mon tableau mais je ne vois pas comment écrire l'insertion d'une ligne

mais je te déconseille fortement d'enrober tout cela dans un tableau: tu auras des bugs d'affichage (notamment sous IE) car un champ de formulaire n'est pas fait pour être inséré dans une cellule de tableau

euh je veux bien mais je vois pas trop comment faire autrement. Jusqu'à maintenant j'ai jamais eu de problème d'affichage sous IE en faisant comme ça

[Oluha]

J'ai trouvé une fonction sur un site qui est censée insérer une ligne dans un tableau mais elle ne fonctionne pas :

Code :

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

1
2
3
4
5
6
7
8
9
10
<script language="javascript">
function ajouteligne() {
	ligne = document.createElement('tr');
	cell = document.createElement('td');
	texte = document.createTextNode('test');
	cell.appendChild(texte);
	ligne.appendChild(cell);
	document.getElementById('tabadr').appendChild(ligne);
}
</script>

Quelqu'un aurait-il une idée ou une autre méthode sur l'ajout d'une ligne en fin de tableau ?

Merci

[Oluha]

j'ai trouvé comment faire d'une autre façon finalement.