Discussion :

[Halleck]

Bonjour tout le monde,

je suis dans un projet d'un mini tableur en ligne. Je sais qu'il en existe déjà, mais aucun n'est adapté à ce cas précis (du moins je n'en ai pas trouvé), j'ai donc besoin de le développer.

Mon code fonctionne bien sur IE 7, mais pas sur Firefox, et c'est là mon problème.

- Adresse de la page
- Adresse du fichier javascript


Edit: Cf. message suivant : l'erreur vient de tagName, mais pourquoi ?


Merci d'avance de votre aide !

[Halleck]

Je viens de me rendre compte que c'est au niveau de getAttribute('tagName') que ça coince :

Code :

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

1
2
3
	if(!document.getElementById(idObj)) {return false; }
	var Obj = document.getElementById(idObj);
	var typeObj = Obj.getAttribute('tagName');

J'ai essayé de n'exécuter ce script que sur click (pour vérifier que ça ne venait pas du fait que certains éléments n'étaient pas encore chargés), c'est pareil.

Sous IE7, Obj.getAttribute('tagName') renvoie 'DIV' (par exemple), sous Opera et Firefox cela renvoie la valeur 'null'.

Je ne trouve pas sur Google de contre-indications pour cette fonction, je ne vois pas trop où ça coince donc ...

Vous avez une idée ?

[SpaceFrog]

Code :

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

Obj.tagName

retournerait quoi ?

[Halleck]

Retourne exactement ce que je veux, merci bien !


Maintenant, j'ai un autre problème, au niveau de la détection de l'événement. Je me sers de event.target pour identifier l'objet sur lequel a eu lieu l'événement. Event n'existe pas sous FF, il faut passer un paramètre lors de l'appel de la fonction.

Je connais donc la théorie, mais je ne vois pas comment l'appliquer dans mon cas

Voici les étapes de mon code (oui, je sais, ca pourrait être simplifié, mais j'ai besoin de tout décomposer en fonctions différentes pour les réutiliser)

Code == ETAPE 1 == :

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

1
2
3
 
onload : 
initObj(idObj, 'mousedown','setModeSaisie');

Code == ETAPE 2 == :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
//
// initialiser un objet
// @param : string id objet
// @param : string evenement
// @param : function fonction appelée / action
//
function initObj (idObj,evenement,action) {
...
addEvent(Obj,evenement,setModeSaisie);
...
}

Code == ETAPE 3 == :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
//
// ajout d'une interception d'évenement
// @param : string id objet
// @param : string evenement
// @param : function fonction appelée
// trouvé sur developpez.net/forums
//
function addEvent(oElem, sEvType, fn){
	return oElem.addEventListener?
  oElem.addEventListener(sEvType, fn, false):
  oElem.attachEvent?
     oElem.attachEvent('on' + sEvType, fn):
     oElem['on' + sEvType] = fn;
}

Code == ETAPE 4 == :

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

1
2
3
4
5
6
7
8
9
 
//
// entrer en mode saisie
// @return true / false
//
function setModeSaisie() {
	var ObjDiv = getObjActif();
...
}

Code == ETAPE 5 == :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
//
// obtenir l'objet actif
// @return object obj
//
function getObjActif () {
	if(event.target) {
		var Obj=event.target;
	 } else {
		var Obj=event.srcElement;
	}
	return Obj;
}

Voilà pour le processus. Je ne vois pas comment je peux intégrer un paramètre à ma fonction finale (getObjActif) puisque je passe par addeventlistener, et non pas un onclick directement dans le code HTML ...

Vous pourriez m'aider là dessus aussi ?

[SpaceFrog]

sur le même principe ...

Code :

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

1
2
3
4
5
6
 
function initObj (idObj,evenement,action) {
...
 window[idObj+'.'+evenement]=setModeSaisie;
...
}

ou

Code :

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

1
2
3
4
5
6
7
 
 
function initObj (idObj,evenement,action) {
...
 window[idObj+'.'+evenement]=function(){setModeSaisie};
...
}