événement onLoad ajouté dynamiquement

**Michel_57** · 25/09/2006, 08h32

Bonjour.

Je sèche depuis un moment sur un truc qui à l'air simple mais cela ne veut pas fonctionner. J'ai un champ texte avec attribut id="varm" et une fonction javascript Aleatoire(id) qui donne une chaîne aléatoire au champ texte mentionné par id.

Voici la partie javascript de ma page :

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
<script language="javascript">
  function Rien(id)
  {
    document.getElementById(id).value="";
  }
  function Genere()
  {
    s="";
    for (i=0; i<15; i++)
    {
      s+=String.fromCharCode(Math.floor(Math.random()*26+97))
    }
    return(s);
  }
  function Aleatoire(id)
  {
    document.getElementById(id).value=Genere();
  }
  document.getElementById('varm').onLoad=Aleatoire('varm');
</script>

La dernière ligne de mon code ne veut rien faire.
J'ai essayé ceci :

Code :

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

document.getElementById('varm').onLoad=alert('varm');

et je recois bien une fenêtre me disant 'varm' quand j'accède à la page. Donc l'élément 'varm' est effectivement trouvé par javascript et la fonction onLoad se lance.

J'ai également ceci dans ma page :

Code :

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

1
2
<input type="text" name="modifier" id="varm" />
<input type="button" value="Générer pass aléatoire" onClick="Aleatoire('varm')" />

et lors d'un click sur le bouton il me met une chaîne aléatoire dans le champ 'varm' donc la fonction est bonne elle aussi.

Je me pose donc la question : Ou est l'erreur ?

J'ai également essayé :

Code :

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

document.getElementById('varm').onLoad=function(){Aleatoire('varm');}

Rien n'y fait !

J'ai relu plusieurs fois pour essayer de trouver une erreur stupide, je n'en ai pas vue. Je précise que je suis débutant en javascript ...

Merci d'avance pour votre aide.

**Michel_57** · 25/09/2006, 09h14

Désolé je viens de trouver la réponse, il fallait mettre ceci :

Code :

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

document.getElementById('varm').onLoad=Aleatoire('varm');

APRES la déclaration du champ 'varm'. pourtant quand j'ai ajouté un id="body" dans ma balise body et que j'ai fait :

Code :

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

document.getElementById('body').onLoad=Aleatoire('varm');

Ca n'a pas marché alors que ça se trouvant après la déclaration du body ... bref que de mystères, mais le problème est résolu.

Ce n'est pas la peine d'encombrer ce forum, donc si un modo souhaite faire le ménage qu'il ne se gène pas.

Encore désolé pour la pollution

**Auteur** · 25/09/2006, 13h33

bonjour,

je pense que si ton code fonctionne c'est un pur hasard. Il n'y a pas d'événement onload sur les objets du document.

La syntaxe est :

Code :

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

1
2
3
4
 
<script>
window.onload=fonction();
</script>

ou mieux :

Code :

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

1
2
 
<body onload="fonction()">

événement onLoad ajouté dynamiquement

JavaScript

Vue hybride

Discussions similaires

Partager

Partager