appel de fonction . [Résolu]

[benhsaien]

Bonjour,
j'ai eu un comportement bizzar lors de l'appelle d'une fonction.si j'appelle la fonction depuis un boutton s'amarche :

Code :

<a href="" onclick="Sexy.alert('Nice!'); return false;">Show a JavaScript alert with a new look!</a>

et si je veux l'executer directement s'amarche pas :

Code :

1
2
3
<SCRIPT LANGUAGE = 'JAVASCRIPT'> 
Sexy.alert('Nice!');
</script>

et méme :

Code :

1
2
3
4
<SCRIPT LANGUAGE = 'JAVASCRIPT'> 
Sexy.alert('Nice!');
return false;
</script>

s'marche pas.des idée ???merci d'avance

[SonnyFab]

Code :

1
2
3
4
5
6
7
8
9
<SCRIPT LANGUAGE = 'JAVASCRIPT'> 
function Sexy.alert(){
alert('Nice!');
return false;
 
}
</script>
 
<a href="" onclick="Sexy.alert(); ">Show a JavaScript alert with a new look!</a>

[benhsaien]

Voila la partie du code de cette partie :

Code :

1
2
3
4
<script src="mootools.js" type="text/javascript"></script>
<script src="sexyalertbox.v1.js" type="text/javascript"></script>
<script src="sexyalertbox.packed.js" type="text/javascript"></script>
<link rel="stylesheet" href="sexyalertbox.css" type="text/css" media="all" >

Code :

1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
window.addEvent('domready', function() {
Sexy = new SexyAlertBox();
});Sexy.alert('Nice!'); return false;
</script>
 
<SCRIPT LANGUAGE = 'JAVASCRIPT'> 
Sexy.alert('Nice!');
return false;
</script>

Code :

<a href="" onclick="Sexy.alert('Nice'); return false;">Show a JavaScript alert with a new look!</a>

???

[BaBeuH]

Code :

1
2
3
4
5
6
7
<script type="text/javascript">
window.addEvent('domready', function() {
   Sexy = new SexyAlertBox();
});
Sexy.alert('Nice!');
return false;
</script>

Tu attends que ton arbre dom soit chargé pour déclarer ton objet Sexy, bonne idée, sauf que ton Sexy.alert('Nice!') n'attends pas lui que le dom soit chargé et que ton objet Sexy soit déclaré...

De plus, il y a un problème de portée de variable, ton objet Sexy n'existe que dans ta fonction qui est exécutée lors de l'évènement domready. Tu dois déclarer ta variable en dehors de la fonction pour qu'elle soit accessible depuis d'autres fonctions...


Enfin, l'attribut LANGUAGE de la balise script est "deprecated", il est recommandé d'utiliser :

Code :

1
2
3
<script type="text/javascript">
...
</script>

A+

[benhsaien]

merci BaBeuH
pour votre explication mais tu peu me cité comment faire dans ce cas .le bout de code pour l'appelle ??? merci .

[SpaceFrog]

Code :

window.addEvent('domready'

??
ben c'est quoi ça ?

[BaBeuH]

Code :

1
2
3
4
5
6
7
<script type="text/javascript">
var Sexy = null; // On déclare la variable Sexy pour qu'elle soit accessible partout dans la page
window.addEvent('domready', function() {
   Sexy = new SexyAlertBox(); // On instancie la variable une fois que la page est chargée
   Sexy.alert('Nice!'); // Et une fois la variable instanciée, on peut l'utiliser
});
</script>

De cette façon, l'appel de l'objet Sexy sur le onclick doit également fonctionner.

@SpaceFrog

window.addEvent('domready'

??
ben c'est quoi ça ?

C'est du mootools je pense

[SpaceFrog]

oui je sais ...
c'était juste pour dire qu'il avait tous les elements en main pour comprendre le pourquoi de l'instanciation de l'objet ...

[Sharcoux]

Envoyé par BaBeuH

Code :

De plus, il y a un problème de portée de variable, ton objet Sexy n'existe que dans ta fonction qui est exécutée lors de l'évènement domready.

euh... Pas convaincu. Ce serait vrai pour "var Sexy =", mais là, dès que la ligne sera executée, l'objet Sexy sera ajouté au DOM de window. En tout cas c'est ce qu'il me semble

[BaBeuH]

Effectivement, tu as raison, la variable Sexy est "globale" puisqu'il n'y a pas le mot clé "var", elle n'est donc pas limitée au scope de la fonction.