onclick directement dans la balise OK, dans un fichier .js KO

**iluv** · 19/08/2007, 03h14

Bonjour(soir) à tous, désolé pour ce titre minable mais je n'avais pas une grande inspiration.

J'ai un petit soucis, quand je fais quelque chose comme ça :

Code :

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

1
2
3
4
5
6
7
8
9
<html>
<body>
 
  <div id="kikou" onclick="alert('hello')">
    Bonjour tout le monde
  </div>
 
</body>
</html>

Pas de problème, quand je clique sur "Bonjour tout le monde" ça m'affiche "hello", mais quand je fais ceci :

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
 
<html>
  <head>
    <script type="text/javascript">
      document.getElementById('kikou').onClick = alert('hello');
    </script>
  </head>
<body>
 
  <div id="kikou">
    Bonjour tout le monde
  </div>
 
</body>
</html>

ça me fait un "hello" au moment du chargement de la page, mais plus quand je clique.

Ma question est donc : Comment faire pour définir un onClick sans le mettre directement dans le code HTML ?

Merci d'avance,

iLUV

**clb56** · 19/08/2007, 10h35

Hello

Code :

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

1
2
3
4
5
6
7
8
 
<script type="text/javascript">
    function ma_fonction() {
    var element=document.getElementById('kikou');
    element.onclick = function() {alert('hello')};
    }
     window.onload= ma_fonction;
    </script>

**sharrascript** · 19/08/2007, 10h46

bonjour,

en effet, ton problème vien du fait que tu n'as pas mis

Code :

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

1
2
 
function(){alert("hello")};

donc ton code est bon, rajoute juste:

Code :

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

1
2
3
4
5
<head>
    <script type="text/javascript">
      document.getElementById('kikou').onClick = function(){alert("hello")};
    </script>
  </head>