Par quoi remplacer insertAdjacentHTML pour FF

Version imprimable

Bonjour,

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

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 :

Citation:

saisies is not defined

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

J'ai remplacé

Code:

saisies.insertAdjacentHTML

par

Code:

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

22/02/2007, 09h39
jojosbiz

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

@+
22/02/2007, 09h45
SpaceFrog

Code:

innerHTML+= ...
22/02/2007, 09h47
lodan

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
22/02/2007, 10h12
SpaceFrog

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

Donc +1000
createElement AppendChild insertBefore cloneNode etc ...

Citation:

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:

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.

22/02/2007, 15h50
SpaceFrog

+1000 => je plussoie l'avis de jojosbiz ...
22/02/2007, 15h56
lodan

Citation:

Envoyé par SpaceFrog

+1000 => je plussoie l'avis de jojosbiz ...

J'ai suivi son avis et cela prend forme.

Merci