[Js]Problème d'externalisation d'évènement onclick

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [Js]Problème d'externalisation d'évènement onclick

Djebel1

Nul professionnel

Hello, je veux externaliser les évènements js pour pas merder mon xhtml, comme expliqué ici par exemple : http://pompage.net/pompe/separation/
Mais y a un truc que je capte pas. Un exemple tout con :
Si j'ai un bouton radion comme ca

Code :

<input type="radio" id="test" value="1" />

Je veux un evenement onclick pour ce bouton radio.
Dans mon fichier js je peux par exemple faire (j'ai des fonctions d'initialisation à l'évènement onload, là je simplifie)

Code :

window.onload = function() {
document.getElementById('test').onclick = alert('test');
}

Le souci, l'alerte s'affiche au chargement de la page, et pas du tout quand je clique sur le bouton. Aucune erreur dans la console javascript de firefox. Où est-ce que je merde ?

Edit : je viens de m'apercevoir que tout fonctionnait bien si je lançais une fonction sans parametre. Par exemple

Code :

window.onload = function() {
document.getElementById('test').onclick = fonction_test;
}
function fonction_test()
{
alert('test');
}

Mais si je veu passer un paramètre à ma fonction fonction_test, je fais comment ?

Message édité par Djebel1 le 09-05-2006 à 13:07:30

Publicité

boulax

Inserer phrase hype en anglais

document.getElementById('test').onclick = new Function() { alert('test');}

Message cité 1 fois

---------------
Posté depuis des chiottes, sales. Me gusta.

Djebel1

Nul professionnel

boulax a écrit :

document.getElementById('test').onclick = new Function() { alert('test');}

ça change pas le problème : l'évènement a lieu au chargement de la page, et non à l'évènement onclick.
Dès lors que j'utilise une fonction avec paramètre, ça marche pas. Si y a pas de paramètres, ça marche. Je capte pas là :??:

boulax

Inserer phrase hype en anglais

show me teh code

---------------
Posté depuis des chiottes, sales. Me gusta.

Djebel1

Nul professionnel

le même qu'avant avec ta modif.

Code :

<input type="radio" id="test" value="1" />

et le js

Code :

window.onload = function() {
document.getElementById('test').onclick = new Function() { alert('test');}
}

J'ai contourné le problème en utilisant une fonction sans paramètre, et dans la dite fonction je récupère la valeur qui m'intéresse avec this.
Donc ça marche mais je comprends pas pkoi on a pas le droit de mettre des paramètres oO

anapajari

s/travail/glanding on hfr/gs;

A la syntaxe

Code :

document.getElementById('test').onclick = new Function() { alert('test');}

Je préfère largement

Code :

document.getElementById('test').onclick = function(event) { alert('test');}

C'est une question d'habitude mais au moins tu peux récuperer l'event facilement.

Après tu peux tout a fait mettre des paramètres à la fonction il faut juste comprendre que l'appel n'est pas fait par ton objet window mais bien par ton objet input ( et c'est pour ça que le this dans la fonction pointe sur l'input et pas la window).

Djebel1

Nul professionnel

oki, mais quand je mets un paramètre (toujours avec le code précédent), ça marche pas
Quand j'en mets pas, ça marche.

anapajari

s/travail/glanding on hfr/gs;

tu peux montrer le code de ta fonction avec paramètre stp!!!

Djebel1

Nul professionnel

bah c'est inutile, c'est exactement comme le code que j'ai mis plus haut avec "alert". Mais je le remets avec une fonction, pour l'exemple.
Bon le code de l'input c'est toujours le même.
le js :

Code :

window.onload = function() {
document.getElementById('test').onclick = new Function() { sketuveux('bidule');}
}
function sketuveux(truc)
{
alert(truc);
}

Donc là, ça m'affiche l'alerte au chargement de la page, pas quand je clique. Mais avec :

Code :

window.onload = function() {
document.getElementById('test').onclick = new Function() { sketuveux;}
}
function sketuveux()
{
alert('letestquirox');
}

Bah là ca fonctionne, pas d'alerte au chargement, alerte quand tu cliques.

anapajari

s/travail/glanding on hfr/gs;

Tiens avec ce code ça marche:

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Exemple</title>
<script type="text/javascript">
function init(){
document.getElementById('inp').onclick = function(event){test('blablabal');};
}
function test(txt){
alert(txt);
}
</script>
</head>
<body onload="init()">
<input type="button" id="inp" value="test"/>
</body>
</html>

[A mon avis]
C'est normal avec la syntaxe que tu utilises ça ne marche pas.
En gros tu dois passer un pointeur sur le code de ta fonction qui est ensuite interpréter par ton objet Function. Et dans ce cas les paramètre s tu peux oublier...
[/A mon avis]

Publicité

Djebel1

Nul professionnel

[mode gros boulet ON]
l'erreur venait simplement d'un oubli de point virgule après le function(event){test('blablabal');}
[/mode]
Merci de votre aide

Alisteroid

Mais qu'est ce que tu m'raconte [:voodoo chile]
T'as jamais écris même pas une ligne de code
On calotte nous

FlorentG

Pas de spam merci, surtout dans un topic qui a deux ans Et vu l'image qu'on a de l'Outsourcing...

FORUM HardWare.fr

Programmation

HTML/CSS

[Js]Problème d'externalisation d'évènement onclick

Sujets relatifs
[JS] probleme pr instancier une objet	probleme : Select d'une requette MYSQL
ORACLE 9i : problème ISO 2	Probleme avec les caractères accentués en ut-8(sql)
problème d'affichage avec preg_match	Probleme affiche de mon site sous FireFox
problème de bouton...	Problème pour envoyer un mail (JavaMail)
Problème avec les packages...	(PASCAL) Rotation d'un volume, big probleme!!!
Plus de sujets relatifs à : [Js]Problème d'externalisation d'évènement onclick

Page générée en 0.079 secondes