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