Discussion :

[Pique]

Bonjour,

Je développe actuellement un site en PHP avec des CSS.

J'ai une page où il y a une liste de produits et si on clique sur ces produits, une liste d'options apparaît.

J'utilise les fonctions suivantes :

<a href="#" onclick="vm_swap_content('10000'); return false;">xxx</a>
10000 est un identifiant unique<span id="10000" style="display: none;">ici une table avec les options et les liens ...</span>

fonction : function vm_swap_content( span ) {
displayType = ( document.getElementById( span ).style.display == 'none' ) ? 'block' : 'none';
document.getElementById( span ).style.display = displayType;
} Il y en a environ une dizaine sur la page et la table inclue est assez longue à chaque fois (environ 15 lignes). Sous Explorer, il faut environ 15 secondes pour afficher la page alors que sous FireFox et Opéra, il ne faut que 2 secondes ... Savez-vous dans quelle direction est-ce que je dois chercher pour résoudre ce problème ? Merci. Olivier

[marsupix]

dans le forum javascript? lol

ta fonction est bizarre.
Si tu veux afficher quelque chose (une DIV) en + quand tu clique sur un lien "détails" par exemple

Code :

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

1
2
3
function show(id){
document.getElementById(id).style.display = block;
}

Code :

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

1
2
<a href="" onclick="show('infos'); return false;">voir les infos</a>
<div id="infos">...contenu à faire apparaitre...</div>

[Pique]

Merci beaucoup pour cette info.

Grâce à ça, j'ai pu constater que le problème ne venait en fait pas de là !
Il y avait un petit script pour afficher une boîte de dialogue sur les images avec une jolie présentation ... mais ça prend du temps !

Par contre, j'ai encore une question ! il met 3 secondes pour afficher les images ... est-ce qu'il y a une fonction qui préload les images ???

merci.

Olivier

[SpaceFrog]

tu peux preloader les images, mais elles mettrons le même temps à loader, le preload des images est utilisé pour precharger des images pour affichage ultérieur,

Code :

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

1
2
3
4
5
 
TabImage=new Array()
TabImag[0]=new Image()
TabImage[0].src= 'pathImage.gif'
...

il suffit ensuite d'attribuer à l'image :

Code :

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

monimage.src=TabImage[0].src

[Pique]

En fait, c'est un peu lent sur IE mais j'ai 5 images et toujours les même ... elles sont très petites (quelques kilos). Mais il me semble que IE les charge à chaque fois ...

Est-ce que ce qui est cité plus haut est valable dans ce cas ?

Merci.

[SpaceFrog]

faut voir la structure generale mais en prinicpe ça devrait résoudre ton problème de reload d'imagesl

[Pique]

Excuse mon ignorance en javascript ...
mais ce code, je dois le mettre entre les balises <script></script> ?

et comment je récupère ma photo pour afficher en php ?

désolé ...

Olivier

[SpaceFrog]

tu mets ce code entre balises script dasn le head de la page...
par contre pour le coup de recupérer en php là tu as un problème de fuseau horaire ...

PHP s'execute coté seveur et genère un code html/javascirpt qu'il envoie au client...
le client recoit le paquet html / javascript et le browser interprète le HTML et execute le javascript si celui ci est précisé comme devant s'effectuer au chargement ...
donc pas possible d'integrer le preload javascript coté php ce serait un non sens !!!
je ne comprend pas ou est ton problème ...
tu modifies dynamiquement en javascript donc coté clientn les src de tes images et comme le browser du client les aura déja préchargées ...

[Pique]

alors, voici mon problème :
J'ai développé un module pour un site web qui tourne avec un framework (joomla). Donc, le head et tout ça, je ne peux pas y accéder (sauf en faisant un test sur une variable ... on pourrait le faire).

J'ai une page pour configurer un appareil. Donc, il y a différentes pièces de base et quand on clique sur les pièces, une liste s'ouvre (début du post) et donne les pièces disponibles. Sur chaque ligne de proposition, il y a 2 images (info.gif et ajouter.gif) qui font 150 ko chacunes. Elles sont environ 50x chacunes dans la page.

Sous Firefox, la page s'ouvre correctement de haut en bas. Sous Internet Explorer, tout le texte vient et au bout de 3 secondes (que c'est long 3 secondes ...) les images apparaissent toutes en même temps !

Quelle est ma solution ?

merci.

[SpaceFrog]

la seule solution serait de mettre le body en visibility:hidden jusqu'à ce que les images soient chargées ..; mais cela ne reduira pas le délai de chargement ... le tout apparaitra en même temps au bout de tes trois eternelles secondes ...

[Pique]

Merci beaucoup pour ces coupts de pouce !

Olivier