Discussion :

[Badaboumpanpan]

Bonjour,

J'ai une page html avec un tableau qui se crée dynamiquement avec Javascript.

En fonction des réponses données avant, le tableau se créé.

Du coup une ligne se crée avec une case à remplir qui permet de créer d'autres lignes. Mais cette ligne se trouve au milieu du tableau et je voudrais que les nouvelles se créent à la suite de celle-ci.

Mais la position de la ligne étant dépendante des réponses données, je voudrai récupérer la position de cette ligne. Ne trouvant rien à ce sujet, je viens vous poser la question !!

Si quelqu'un à une réponse à me proposer, je suis preneur !!!
D'avance merci !

[Matthieu2000]

ton code ....

sinon fais une recherche sur : this parent

[Badaboumpanpan]

Alors, voilà un code source qui montre en quelque sorte mon problème :

Code html :

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

1
2
3
4
5
6
 
<form name="regles" action="">
	<table id="tableau" border="0" cellpadding="0" cellspacing="0">
		<tr><td colspan="3">combien de lignes ? <input type="text" onChnage="action(nombre)" name="nombre"></td></tr>
	</table>
</form>

Code javascript :

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
19
20
21
22
23
 
function action(nombre) {
	if (nombre<4) {
		alert("Votre nombre doit etre superieur a 4 !!");
	} else {
		var div = nombre/2;
		for (var i=1; i<div; i++) {
			var newRow = document.getElementById('tableau').insertRow(-1);
			var newCell = newRow.insertCell(0); innerHTML = "Case 1";
			newCell = newRow.insertCell(1); innerHTML = "Case 2";
			newCell = newRow.insertCell(2); innerHTML = "Case 3";
		}
		var newRow = document.getElementById('tableau').insertRow(-1);
		var newCell = newRow.insertCell(0); newCell.colSpan="3"; innerHTML = "Combien de ligne voulez-vous rajouter ? <input type=\"text\" onChange=\"ajoute(nb,ligne)\" name=\"nb\">";
		for (var i=div+1; i<=nombre; i++) {
			var newRow = document.getElementById('tableau').insertRow(-1);
			var newCell = newRow.insertCell(0); innerHTML = "Case 1";
			newCell = newRow.insertCell(1); innerHTML = "Case 2";
			newCell = newRow.insertCell(2); innerHTML = "Case 3";
		}
 
	}
}

Je n'ai pas mis la fonction "ajoute" car c'est celle-ci qui doit récupérer notament le numéro de la ligne (variable "ligne" que je n'ai pas déclaré ne sachant pas comment récupérer le numéro de la ligne).

J'ai essayé de raccourcir. J'espère que l'esprit y est encore.

[Badaboumpanpan]

Personne n'aurait une proposition ?

[Matthieu2000]

Code :

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

document.getElementById('tableau').insertBefore(newElement,ref.nextSibling);

avec ref le 'this' en param
newElement ce que tu veux...