Discussion :

[mjeandon]

Bonjour à tous

J'ai bien entendu un probleme, pour venir vous Questionner!...
Voila
dans un evenement "domready" j'enchaine successivement 2 functions.
La premiere cree des composants dom (des selects )
La deuxieme les rempli. sauf que au remplissage, j'ai des erreurs, que les composants n'exitent pas...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
function fait_premier_truc() {
  sel = document.createElement('SELECT');
  sel.type = 'select-multiple';
  sel.id = 'monselect';
  document.body.appendChild(sel);
}
function fait_deuxieme() {
  opt = document.createElement('OPTION');
  opt.value = 2;
  opt.text = 'deux';
  $('monselect').appendChild(opt);
}
window.addEvent('domready', function() {Fait_premier_truc();});
window.addEvent('domready', function() {Fait_deuxieme();});

Je voudrais faire un truc du genre:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
var drapeau = 0;
function fait_premier_truc() {
  ..
  drapeau = 1;
}
window.addEvent('domready', function() {Fait_premier_truc();});
window.addEvent('domready', function() {
  //attendre tant que drapeau == 0
 //sinon  Fait_deuxieme();
});

J'ai vu qu'il y avait une function attempt et une function delay
mais je ne vois pas trop comment s'en servir..
Merci de votre aide

NB: J'ai 2 lignes séparées window.addEvent('domready',...
car la première est dans un fichier .js séparé.

[vermine]

Bonjour,

Tout d'abord, soyez sûr de donner des id uniques à vos <select>.

NB: J'ai 2 lignes séparées window.addEvent('domready',...
car la première est dans un fichier .js séparé.

Ensuite, est-il possible que le remplissage soit appelé avant la création à cause de cette séparation en plusieurs fichiers ? Il faut peut-être réorganiser votre code.

[mjeandon]

En fait j'ai trouvé la raison, ca n'est pas du au domready...
Et j'ai donc un probleme de boucle d'attente;

Dans mon script, j'ai un object qui charge dynamiquement un script .js et tant que ce fichier n'est pas chargé, j'ai une erreur si je veux m'en servir. (normal!)

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
function UnObject(path) {
	if (window.existFunction) {}  //une function qui est dans le fichier lib_.js
	else {
		var head = document.getElementsByTagName('head').item(0);		
		var script = document.createElement('script');
		script.type = 'text/javascript';
		script.src = path+'lib_.js';
		script.defer = true;
		head.appendChild(script);	
	}
        this.init = function() {
            // là il faudrait une boucle d'attente tant que lib_.js n'est pas chargé complètement
            ...//remplissage des composants crees avec le script 
        }
}
 
var theObj;
window.addEvent('domready', function () { 
         theObj = new UnObject('public/js/');
         theObj.init();
} );

[NoSmoking]

Bonjour,

dans un evenement "domready" j'enchaine successivement 2 functions.
La premiere cree des composants dom (des selects )
La deuxieme les rempli. sauf que au remplissage, j'ai des erreurs, que les composants n'exitent pas..

je ne vois pas bien l’intérêt de cette méthodologie, pourquoi ne pas faire

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function fait_premier_truc() {
  var opt, sel; // c'est une bonne pratique que déclarer les variables avec le mot clé var
  sel = document.createElement('SELECT');
  sel.type = 'select-multiple';
  sel.id = 'monselect';
  document.body.appendChild(sel);
/*
}
function fait_deuxieme() {
*/
  opt = document.createElement('OPTION');
  opt.value = 2;
  opt.text = 'deux';
//  $('monselect').appendChild(opt);
  sel.appendChild(opt); // utilisation directe de la référence à l'objet crée
}

les deux fonctions étant plus qu'intimement liées cela devrait être très suffisant

ou alors au pire

Code :

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

1
2
3
4
window.addEvent('domready', function() {
    Fait_premier_truc();
    Fait_deuxieme();
  });