Discussion :

[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 :

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

<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 :

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

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

et méme :

Code :

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

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

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

[SonnyFab]

Code :

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

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 :

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

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 :

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

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 :

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

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

???

[BaBeuH]

Code :

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

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 :

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

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 :

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

window.addEvent('domready'

??
ben c'est quoi ça ?

[BaBeuH]

Code :

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

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]

Code :

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

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

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.