[DOM] Erreur : Object expected

Version imprimable

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:

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>

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:

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>

11/08/2007, 14h52
Auteur

et puis document.write() :marteau:

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:

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>

11/08/2007, 20h19
SpaceFrog

heu je viens de tester ...
ça fonctionne 8O

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 ...
11/08/2007, 20h51
Bensor

Citation:

Envoyé par SpaceFrog

heu je viens de tester ...
ça fonctionne 8O

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
11/08/2007, 20h56
SpaceFrog

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

Voici un code qui fonctionne :

Code:

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>

11/08/2007, 21h47
SpaceFrog

oui enfin créer des objets avec innerHTML :roll:
11/08/2007, 21h50
Bensor

Citation:

Envoyé par SpaceFrog

oui enfin créer des objets avec innerHTML :roll:

Ca reste toujours le moyen le plus simple et le plus lisible de faire quelque chose :roll: 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.
11/08/2007, 21h52
SpaceFrog

je ne vois pas ce qu'il y a de prise de tête a créer un objet avec DOM 8O
11/08/2007, 21h56
Bensor

Citation:

Envoyé par SpaceFrog

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

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.

Code:

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:

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>
et utlisez le DOM pour contruire votre page (même si ça prend quelques lignes en plus et ça n'a rien de bien compliqué ;)). Gardez innerHTML pour inclure des textes non formatés.

14/08/2007, 14h06
Studovy

Erreur : Object expected

Merci a tous .Votre information a aidé essentiellement à décider ce problème
14/08/2007, 15h18
SpaceFrog

décider ? 8O
décimer ! :mouarf: