Mootools IE7 Addevent [Résolu]

[slayess]

Bonjour à tous,

Me voila de nouveau avec une question, voila les parties de code :

Code :

<input id="type_aff" type="text" readonly="readonly" onfocus="this.blur()" value="<?php echo $list_type_aff_lang[$_SESSION['type_aff']]; ?>" name="type_aff" style="position: absolute; right: 1px;" >

Code :

1
2
3
4
5
6
7
8
 
<script src="/js/mootools-core-1.4.2.js" type="text/javascript"></script>
 
<script>
window.addEvent('domready',function(){
	if ($('type_aff')) $('type_aff').addEvent('click', function(event) {document.getElementById('type_affichage').style.visibility = 'visible';});
});
</script>

Cela marche normalement sur FF IE9 Chrome mais sous IE7 j'ai le droit à :
Object doesn't support property or method 'addEvent'

Y a t'il une syntaxe particulière pour IE 7 ?

Merci par avance à celui qui pourra m'aider.

[buggen25]

Code :

1
2
3
4
5
6
7
8
 
<script src="/js/mootools-core-1.4.2.js" type="text/javascript"></script>
 
<script>
window.addEvent('load',function(){
	if ($('type_aff')) $('type_aff').addEvent('click', function(event) {document.getElementById('type_affichage').style.visibility = 'visible';});
});
</script>

[slayess]

Merci pour ta réponse mais le problème est toujours la.

L'erreur se produit sur

Code :

$('type_aff').addEvent

Donc il passe le

Code :

if ($('type_aff'))

De plus lorsque je liste les méthodes disponible, je ne voie pas "addEvent" dans la liste ( en mode IE7 seulement ).
Cela me paraîtrait étrange que la méthode ne soit pas dispo sous IE7.

[vermine]

Bonjour,

Il faudra peut-être faire une gestion selon le navigateur et utiliser attachEvent quand c'est IE7. Mais ça me perturbe car addEvent est compris par IE7. J'ai testé tous les exemples sous ce navigateur sans souci.

Cependant, je constate que la version 1.4.3 corrige certain bugs de la 1.4.2. Est-ce que ça changerait quelque chose à ce niveau-là ?

[slayess]

Je ne comprend pas de trop. J'ai fais quelques modifs dans la page et cela fonctionne normalement à présent.

Ce qui est bizarre c'est que window.addEvent passait.
Puis en faisant un point d’arrêt dans le code les objets ne bénéficiaient pas de cette classe.
Enfin bon ....



Merci pour vos commentaires

[NoSmoking]

Bonsoir,

Ce qui est bizarre c'est que window.addEvent passait.
Puis en faisant un point d’arrêt dans le code les objets ne bénéficiaient pas de cette classe.

addEvent n'est pas une class mais une méthode.

Tant qu'à utiliser mootools autant l'utiliser "complétement" .

Code :

1
2
3
4
5
6
7
8
window.addEvent('domready', function(){
    var oInput = $('type_aff');
    if( oInput){
      oInput.addEvent('click', function(){
        $('type_affichage').setStyle( 'visibility', 'visible');
      });
    }
  });

[slayess]

Petite erreur de vocabulaire

Je ne peux plus testé car j'ai changé de librairie.
Mais par contre
Si cela ne passai pas

Code :

  $('type_aff').addEvent('click', function(){...

Cela ne devait pas donner mieux ... non ?

Code :

1
2
3
var oInput = $('type_aff');
    if( oInput){
      oInput.addEvent('click', function()....

C'est vrai que je n'ai pas pris bon plis tout de suite, mais il faudrait alors suivre la méthode complètement et faire (non ? ):

Code :

1
2
3
4
5
6
7
8
window.addEvent('domready', function(){
    var oInput = $('type_aff');
    if( oInput){
      oInput.addEvent('click', function(){
        oInput.setStyle( 'visibility', 'visible');
      });
    }
  });

C'est juste une question pour pas qu'elle me trotte dans la tête

[NoSmoking]

le code que j'ai indiqué n'est là que pour montrer que lorsque l'on utilise une bibliothèque il est préférable de l'utiliser en plein.

Ta version de code aurait dû marcher, l'erreur était sûrement ailleurs.

En écrivant

Code :

1
2
3
oInput.addEvent('click', function(){
    oInput.setStyle( 'visibility', 'visible');
});

cela revient à faire/écrire

Code :

1
2
3
oInput.addEvent('click', function(){
  this.setStyle( 'visibility', 'visible');
});

ce qui du point de vu de l'utilisation du this est préférable mais qui dans ce contexte ne veut pas dire grand chose attendu que si tu peux cliquer sur l'INPUT c'est qu'il est forcément visible.

L'utilisation de l'écriture

Code :

var oInput = $('type_aff');

permet de mettre en "cache" l'objet qui sera appelé plusieurs fois dans la fonction et ce afin d'éviter l'appel à une fonction, rendant le même résultat, plusieurs fois.