[DOM] Erreur : Object expected

**Studovy** · 11/08/2007, 10h25

Bonjour,
Voila un problème ou je sèche totalement.
Je reçois l'erreur (la ligne : 1 symbole : 1 Erreur : Object expected le code : 0) .
Je ne comprends pas ...
Merci de votre aide.

Le Script :

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
 
<<html><head><title>Test</title></head><body>
 
<script language="JavaScript" type="text/javascript" >
   var d = document;
   first();
   function second()
   {
      d.write("<span style='font-size:18px;'> Second </span>");
      d.write("<input name='i1' type='text' onKeyDown='test_key()'>");
   }
   function first()
   {
      d.write("<table rules='all'style='font-size:18px;'><tr>");
 	  d.write("<td onClick ='second()'> First </td>");
      d.write("</tr></table>");
   } 
   function test_key()
   {
     var c;
     c=window.event.keyCode;
     alert(c);
   }
</script>
</body></html>

**SpaceFrog** · 11/08/2007, 14h18

pour commencer un < en trop ...

ensuite first() c'est quoi ?

et pour terminer un script se met plutot dans la head pas dans le body

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
<<html><head><title>Test</title></head><body>
 
<script language="JavaScript" type="text/javascript" >
   var d = document;
   first();
   function second()
   {
      d.write("<span style='font-size:18px;'> Second </span>");
      d.write("<input name='i1' type='text' onKeyDown='test_key()'>");
   }
   function first()
   {
      d.write("<table rules='all'style='font-size:18px;'><tr>");
 	  d.write("<td onClick ='second()'> First </td>");
      d.write("</tr></table>");
   } 
   function test_key()
   {
     var c;
     c=window.event.keyCode;
     alert(c);
   }
</script>
</body></html>

**Auteur** · 11/08/2007, 14h52

et puis document.write()

**Studovy** · 11/08/2007, 19h58

Merci pour ces informations. J'ai ajusté le script mais malheureusement l'erreur n'a pas disparu je reçois de nouveau ce message (la ligne : 1 symbole : 1 Erreur : Object expected le code : 0). Je use IE6

Voici le nouveau code:

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
<html><head><title>Test</title></head>
 
<script language="JavaScript" type="text/javascript" >
   document.write("<table rules='all'style='font-size:18px;'><tr>");
   document.write("<td onClick ='Cell_click()'>Cell_click </td>");
   document.write("</tr></table>");
 
   function Cell_click()
   {
      document.write("<span style='font-size:18px;'>Kbd_click</span>");
      document.write("<input name='i1' type='text' onKeyDown='test_key()'>");
   }
    function test_key()
   {
     var c;
     c=window.event.keyCode;
     alert(c);
   }
</script>
<body>
</body></html>

**SpaceFrog** · 11/08/2007, 20h19

heu je viens de tester ...
ça fonctionne

heu en fait je n'avais pas testé le onkeydown...

c'est le problème du document.write qui efface les scritps présents sur la page ...

mieux vaudrait passer par le DOM ...

**Bensor** · 11/08/2007, 20h51

Envoyé par SpaceFrog

heu je viens de tester ...
ça fonctionne

Hmmm, IE6 me retourne aussi son erreur. Je m'y penche.

Une question à la con : pourquoi document.write ? Il serait tellement plus facile, et plus logique, de les fouttre dans le HTML

**SpaceFrog** · 11/08/2007, 20h56

la fonction test_Key() n'existe plus après le document.write

**Bensor** · 11/08/2007, 21h02

Voici un code qui fonctionne :

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
<html><head><title>Test</title></head>
 
<script language="JavaScript" type="text/javascript" >
 
   function Cell_click()
   {
      document.getElementById("content").innerHTML = "<span style='font-size:18px;'>Kbd_click</span>"+
      "<input name='i1' type='text' onKeyDown='test_key()'>";
   }
    function test_key()
   {
     var c;
     c=window.event.keyCode;
     alert(c);
   }
</script>
<body>
<div id='content'>
<table rules='all'style='font-size:18px;'><tr>
<td onClick ='Cell_click()'>Cell_click </td>
</tr></table>
</div>
</body></html>

**SpaceFrog** · 11/08/2007, 21h47

oui enfin créer des objets avec innerHTML

**Bensor** · 11/08/2007, 21h50

Envoyé par SpaceFrog

oui enfin créer des objets avec innerHTML

Ca reste toujours le moyen le plus simple et le plus lisible de faire quelque chose

Je sais bien qu'en ce moment, le DOM est à la mode, mais faire du DOM pour quelque chose d'aussi petit c'est de la prise de tête inutile. Pour construire un site entier je dis pas, mais pour 2 malheureuses petites lignes en HTML...

EDIT : Ben tiens, ponds-nous le code que j'ai corrigé en DOM, ça me permettra de mieux voir la syntaxe de la chose.

**SpaceFrog** · 11/08/2007, 21h52

je ne vois pas ce qu'il y a de prise de tête a créer un objet avec DOM

**Bensor** · 11/08/2007, 21h56

Envoyé par SpaceFrog

je ne vois pas ce qu'il y a de prise de tête a créer un objet avec DOM

Dans les exemples que j'ai vu, on créé un FragDoc (ou un truc dans le même style), puis on construit la première balise, qu'on ajoute au frag doc, puis on ajoute le contenu qu'on ajoute au premier élément créé, puis on ajoute une nouvelle ligne pour attribuer un ID à l'élément, puis une autre pour le style, et d'autres lignes pour je ne sais plus quoi...alors qu'en innerHTML, dans son code à lui, 2 malheureuses lignes suffisent...niveau performances, dans son cas, je suis convaincu que ma solution reste la meilleure.

**Auteur** · 12/08/2007, 12h56

Code html :

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

1
2
3
4
5
6
7
<html><head><title>Test</title></head>
 
<script language="JavaScript" type="text/javascript" >
   ................
</script>
<body>
</body></html>

mettre les balises script dans le head !!

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<html>
<head>
<title>Test</title>
 
<script  type="text/javascript" >
   ................
</script>
</head>
<body>
 
</body>
</html>