Discussion :

[Merfolk]

Bonjour,

je suis en train de faire un widget, je prend une div, et je remplace le html par des images/évènements etc.

sauf que...ça traine comme un rat mort
j'ai constaté que si je fais clic droit sur une image - il y a marqué "size unknow not in cache" quelque chose comme ça. Sont-elles en cache quand même ?

si je fais

Code :

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

1
2
3
 
foreach bouton
$(maDiv).appendHtml(img src="blmablabla.jpg")

c'est mal ?


globalement
j'ai une "méthode paint" après chaque événement, qui refabrique le composant

Code :

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

1
2
3
 
...modif etat interne...
repaint(); //$(maDiv).html('') ... $append append append

y a t ils un moyen de trouver ce qui cloche ?
(document.wirte(time()) toutes les 2 lignes ?)



merci

[danielhagnoul]

Code :

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

1
2
3
 
foreach bouton
$(maDiv).appendHtml(img src="blmablabla.jpg")

c'est mal ?
[/code]

y a t ils un moyen de trouver ce qui cloche ?
(document.wirte(time()) toutes les 2 lignes ?)

merci

Bonsoir. Je suis incapable de vous répondre, car j'en suis à me demander quel langage est utilisé ci-dessus ! Désolé de vous contrarier, mais tout ce que je peux en dire c'est que ce n'est pas du jQuery bien formé.

[Merfolk]

désolé, ça me semblait clair

For each, une boucle
$ - selecteur
maDiv - une Div
appel à la fonction append - pour rajouter du html dans la div
en paramètre un code qui affiche une image ..

est-ce que cette image ajoutée dynamiquement est gérée de façon optimale par les navigateurs ?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
...en gros ça donnerait
$('#'+idDiv).html('');
$('#'+idDiv).append("<img src=\""+IMAGEPATH+"1.png\"");
$('#'+idDiv).append("<img src=\""+IMAGEPATH+"2.png\"");
$('#'+idDiv).append("<img src=\""+IMAGEPATH+"3.png\"");
$('#'+idDiv).append("<img src=\""+IMAGEPATH+"4.png\"");
...
//une trentaine de fois, des images de 50*50
// une même  image pouvant être rajouté plusieurs fois
 
// suivi de plusieurs bind de clicks
$('#'+this.prefixUnique+"nav").bind("click", this, function(e){ e.data.event_clic(); return false;} );
...

j'ai profilé avec firebug, je n'avais pas compris comment l'utiliser correctement ... je n'ai rien vu d'anormalement suspect, je soupçonne les images.

[danielhagnoul]

Bonsoir.

...il y a marqué "size unknow not in cache" ...

Il serait utile de préciser la taille de l'image, exemple :

Code :

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

1
2
3
4
5
6
7
 
img.imagePathClass {
  width:50px;
  height:50px;
}
 
$('#'+idDiv).append("<img src='"+IMAGEPATH+"1.png' class='imagePathClass'");

Un lien vers la page de test ou le code réel ne serait pas superflu.