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

Version imprimable

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:

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:

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

Hello

Code:

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>

19/08/2007, 10h46
sharrascript
bonjour,

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

1 2 function(){alert("hello")};
donc ton code est bon, rajoute juste:
Code:

1 2 3 4 5 <head> <script type="text/javascript"> document.getElementById('kikou').onClick = function(){alert("hello")}; </script> </head>
le onload de clb56 t'appellera ta fonction au chargement de la page, donc si c'est ce que tu souhaite il faudra le rajouter ;)

++
19/08/2007, 11h48
clb56

Citation:

Envoyé par sharrascript

le onload de clb56 t'appellera ta fonction au chargement de la page, donc si c'est ce que tu souhaite il faudra le rajouter ;)

++

C'est surtout qu'avant le onload le getElementById ne peut être pris en compte par le script ;-)
19/08/2007, 13h41
iluv

merci beaucoup :)