Element div inaccessible en JS

Bonjour à tous,

Peut être que vous pourrez m'expliquer pourquoi...

J'ai une fonction dans un classe qui créer une div et d'autres éléments à l'intérieur. Dans cette même méthode je peux inter-agir avec la div créée et ses éléments.

Par contre, dans un souci de factorisation de certaines parties du code, je l'ai mis dans d'autre fonctions (méthodes). Ces autres méthodes, par exemple une qui me permets de récupérer le nœud ou l'utilisateur à cliqué, n'arrivent pas à inter-agir avec les éléments créés par la fonction d'écrite en premier.

J'espère être claire et que vous pourrez m'éclaircir sur ce point ?

merci beaucoup d'avance.

Bien cordialement.

Bonjour,

Citation:

---

Envoyé par nicko_73

J'espère être claire et que vous pourrez m'éclaircir sur ce point ?

---

sans voir ton code (HTML + JavaScript) ça ne va pas être possible ...

A moins que tu ne te contentes d'une réponse complètement aléatoire ? :mrgreen:

A+

l'erreur vient de la ligne n°85

PS : envoie ton code ...

Citation:

---

Envoyé par Matthieu2000

l'erreur vient de la ligne n°85

PS : envoie ton code ...

---

Moi j'aurais dit n°86 ;)

Oui j'ai pas mis le code pensant que ce soit une généralité. Mais je vais faire en sorte de donner un exemple :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54

wind = { id : 0,   zIndex : 0,   left : 0,   top : 0,   maxMin : 0,   init : function() { $('#window_'+wind.id+' .topWindow').parent('div').draggable({ start : function(event, ui) { wind.zIndex++; $(this).css('z-index', wind.zIndex); }, }); },   newWind : function(left, top) { wind.id ++; var content = '',   $('body').append(wind.newWindow(content));   wind.left = left; wind.top = top;   $('#window_'+wind.id).css('left', wind.left); $('#window_'+wind.id).css('top', wind.top);   return; },   newWindow : function(content) { var xhtml = '';   xhtml += '<div class="window" id="window_'+wind.id+'" style="z-Index: ' + (wind.zIndex + 1) + ';">'; xhtml += '<div class="topWindow">';   xhtml += '<div class="minimizeButtom_actMan windowButtons">_</div>'; xhtml += '<div class="maximizeButtom_actMan windowButtons">+</div>'; xhtml += '<div class="closeButtom_actMan windowButtons">X</div>';   xhtml += '</div>'; xhtml += '<div class="middleWindow">'; xhtml += content; xhtml += '</div>'; xhtml += '<div class="bottomWindow"></div>'; xhtml += '</div>'; return xhtml; }, };

---

la méthode newWindow c'est le code html à afficher. Dans un lien, j'appelle la méthode newWind qui crée ma fameuse "div" et la méthode init, me permets de déplacer la div. Tout ca avec jQuery

Le souci dans cette exemple, c'est que la fonction init n'arrive pas accéder à la div. Pourtant, "wind.id" est un attribut accessible dans toutes les fonctions. Un peu comme ne PHP ou on fait référence de cette facon "$this->id".

Voyez vous maintenant ?
;)

Salut,

Alors je ne connais pas jQuery, mais j'ai quand même quelques remarques :

1. A la fin de ta méthode newWindow il y a une virgule (après la femeture d'accolade), ca ne plaira pas à IE
2. Avec jQuery il n'y a pas moyen de créer des éléments par le dom ? C'est quand même mieux que la concaténation de HTML
3. Quel est le symptome ? Une erreur javascript ou le div qui ne se déplace pas ? C'est pas plutot
   
   Code:

   ---

   1 2 3

   $('#window_'+wind.id).css('left', wind.left + 'px'); $('#window_'+wind.id).css('top', wind.top + 'px');

   ---

   (A moins bien sur que tu le gères à l'appel ...

Citation:

---

Envoyé par gwyohm

Salut,

Alors je ne connais pas jQuery, mais j'ai quand même quelques remarques :

1. A la fin de ta méthode newWindow il y a une virgule (après la femeture d'accolade), ca ne plaira pas à IE
2. Avec jQuery il n'y a pas moyen de créer des éléments par le dom ? C'est quand même mieux que la concaténation de HTML
3. Quel est le symptome ? Une erreur javascript ou le div qui ne se déplace pas ? C'est pas plutot

---

Merci pour ta première remarque. En faite je développe sous FF et j'oublie de temps en temps qu'il y a IE. :ccool:

C'est vrai que je pourrais créer les éléments avec du JS pure, mais trop de facilité tue la facilité :D

Le truc, c'est qu'il ni a rien !, rien ne se passe, pas d'erreur, ni aucune remarque :aie:

En faite j'ai l'impression qu'il n'arrive pas à retrouver la div que je veux déplacer quand je clique dessus.

Bonsoir.

Désolé je n'ai pas le temps d'examiner et de tester votre code ce soir, mais votre explication me fait penser à un problème qui requiert un live() ; exemple : $(this).live("click", function (){ ...}) ;

Voir : http://docs.jquery.com/Events/live#typefn

D'après le lien que vous m'avez donner et ce que je lis, il se pourrait que ça règle mon problème. Je vais essayer et je donnerais des nouvelles.

Merci

C'était effectivement ça encore merci.