Par quoi remplacer insertAdjacentHTML pour FF

**lodan** · 22/02/2007, 09h21

Bonjour,

J'ai ce petit script qui fonctionne très bien sous IE, mais pas sous FF

Code :

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
24
25
26
27
<html xmlns="http://www.w3.org/1999/xhtml">
 
	<head>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
		<title>Page sans titre</title>
		<script type="text/javascript" language="JavaScript">
			var nlignes = 1;
			function Ajouter()
			{
				nlignes++;
				saisies.insertAdjacentHTML('BeforeEnd','<BR>Produit '+nlignes+' <input type=text size=4 name=P'+nlignes+'> Quantité '+nlignes+' <input type=text name=QT'+nlignes+'>');
			};
		</script>
	</head>
 
	<body>
		<form name="formulaire" method="post" action="page.ext">
			<input type=Button value="Ajouter une ligne" onclick="Ajouter()">
			<br>
			<div id="saisies"> Produit 1 
				<input type="text" size="4" name="P1"> Quantité 1 
				<input type="text" name="QT1">
			</div>
		</form>
	</body>
 
</html>

L'erreur qui met données est :

saisies is not defined

Il semble aussi que "insertAdjacentHTML" ne fonctionnerait pas sous FF.

J'ai remplacé

Code :

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

saisies.insertAdjacentHTML

par

Code :

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

document.getElementById("saisies").insertAdjacentHTML

Je n'ai donc plus l'erreur sur "saisies", mais il me dit et c'est normal que "document.getElementById("saisies").insertAdjacentHTML" n'est pas une fonction. Ce problème ne se pose que sur FF par sur IE qui fonctionne toujour très bien.

Par quoi remplacer "insertAdjacentHTML" ?

Merci d'avance

**jojosbiz** · 22/02/2007, 09h39

Salut.

Si j'ai bien vu (je ne connais pas cette fonction), tu veux insérer un élément dans une page.

Le DOM est le meilleur moyen de faire ça, et ça marche sur tous les navigateurs "modernes".

Renseignes-toi sur les fonctions: createElement, insertBefore, firstChild, lastChild, nextSibling.

Par exemple ici

@+

**SpaceFrog** · 22/02/2007, 09h45

Code :

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

innerHTML+= ...

**lodan** · 22/02/2007, 09h47

Oui c'est exactement ce que je veux faire et le fait que cela fontionne ainsi sous ie m'a troublé.

Merci pour le lien, je creuse cela tout de suite

**SpaceFrog** · 22/02/2007, 10h12

Ha oki, des elements et pas uniquement du texte ...

Donc +1000
createElement AppendChild insertBefore cloneNode etc ...

**lodan** · 22/02/2007, 15h25

Envoyé par SpaceFrog

Ha oki, des elements et pas uniquement du texte ...

Donc +1000
createElement AppendChild insertBefore cloneNode etc ...

Je ne comprends pas le +1000

Donc cela donnerai quelque chose de ce genre là :

Code :

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
24
25
26
27
28
29
30
31
32
33
34
35
36
<script type="text/javascript">
var nlignes = 1;
function ajouterLigne ()
{
	// Définition des variables a placer
	var produit = document.getElementById('produit').value;
	var quantite = document.getElementById('quantite').value;
	// Appel du script de mise à jour de la base de données
	xmlhttp.open('GET', '../ajax/ajaxAjouterLigne.php?param1='+produit'&param2='+quantite,false);
	// Affichage sur le formulaire de la ligne ajoutée
	nlignes++;
	ligne = document.createElement ('tr');
	cell = document.createElement ('td');
	texte = document.createTextNode (produit);
	cell.appendChild (texte);
	ligne.appendChild(cell);
	cell = document.createElement ('td');
	texte = document.createTextNode (quantite);
	cell.appendChild (texte);
	ligne.appendChild(cell);
	document.getElementById ('tableau').appendChild (ligne);
}
</script>
</head>
<body>
<table id="tableau">
<tr>
	<td align="center">Produit</td>
	<td align="center">Quantité</td>
</tr>
</table>
	<input id="produit" type=text size=4 name="produit"> 
	<input id="quantite" type=text size=3 name="quantite">
	<a href="#" onclick="ajouterLigne();">Valider"</a>
</body>
</head>

J'utilise "xmlhttp.open" pour appeler le script de mise à jour de la base.