Problème de Cache

Version imprimable

Problème de Cache

Bonjour à tous,
J'utilise une fonction Javascript pour re-dimensionner mes images, elle fonctionne bien, à une excetpion près: avec le navigateur Firefox au premier chargment de la page cette fonction ne marche pas correctement, et dés que l'on re-actualise la page c'est bon.

Donc a priori Firefox met en cache la fonction et l'utilise au chargement suivant de la page.

Cependant je souhaiterai que la fonction se déclenche dés le premier chargement.

Voici ma fonction :

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
function redimImage(inImg,maxWidth,maxHeight,inAlt,inClass){
   // inImg : Chemin relatif de l'image; inMW  : Largeur maximale; inMH   : Hauteur maximale ; alt : string alt; class: position relative 
 
 
  // Declaration d'un objet Image
  var oImg = new Image();
  // Affectation du chemin de l'image a l'objet
  oImg.src = inImg;
  var dW ;
  var dH ;
  var h = oImg.height;
  var w = oImg.width;
  // Si la largeur ou la hauteur depasse la taille maximale
  if ((h >= maxHeight) || (w >= maxWidth)) {
    // Si la largeur et la hauteur depasse la taille maximale
    if ((h >= maxHeight) && (w >= maxWidth)) {
      // On cherche la plus grande valeur
      if (h > w) {
        dH = maxHeight;
        dW = parseInt((w * dH) / h, 10);
      } else {
        dW = maxWidth;
        dH = parseInt((h * dW) / w, 10);
      }
    } else if ((h > maxHeight) && (w < maxWidth)) {
      // Si la hauteur depasse la taille maximale
      dH = maxHeight;
      dW = parseInt((w * dH) / h, 10);
    } else if ((h < maxHeight) && (w > maxWidth)) {
      // Si la largeur depasse la taille maximale
      dW = maxWidth;
      dH = parseInt((h * dW) / w, 10);
    }
 
  }else {
  	dW = w;
  	dH = h;
  }
 
    document.write('<img src="' + inImg + '" width="' + dW + '" height="' + dH + '" border="1" alt="'+ inAlt + '" class=" ' + inClass + '" /> ');
}

Ma question est donc, comment faire pour forcer le bon fonctionnement du script dès le premier chargement de la page, ou alors où est l"erreur dans mon script ?

Le cas où ça ne fonctionne pas correctement, les valeurs retournées pour width et height sont "0", les autre résultats sont corrects.

Je développe en Jsp, l'appel de la page est :

Code:

1
2
3
<script language="javascript" type="text/javascript"><!--//--><![CDATA[//><!--
						                    		redimImage('<bean:write name='image' property='downloadUrl'/>', <%=getResourceBundle("box.image.width","75",jData)%>, <%=getResourceBundle("box.image.height","75",jData)%>, '<bean:write name='imageAlt' filter='true'/>', 'float-right' );
												//--><!]]></script>

12/06/2006, 10h04
KiLVaiDeN

Salut,

Si ta fonction n'est pas repérée au premier coup, c'est qu'elle est sûrement mal placée;

Où l'as-tu définie ? Dans le <head> ? Dans un js à part ?

a+
12/06/2006, 10h07
lolo_ici_et_la

Salut,
Merci, de cette rapide intervention.
Elle est definie dans le <Head>. Et j'ai également essayé les 2 solutions, soit le code directement dans le head et aussi dans un fichier js séparé.
Mais le problèeme est le même.
12/06/2006, 10h09
NeHuS
Salut la & ici :)

Pourquoi ne pas faire un
Code:

1 2 <body onload='redimimage(".....","...","...")'>
12/06/2006, 10h23
lolo_ici_et_la
Salut,

C'est ce que j'étais justement en train d'essayer, mais là il ne trouve plus du tout la fonction (je dois pas bien faire), voici mon appel :
Code:

1 2 div onload="redimImage('/jahia/webdav/site/minefitest/users/admin/public/alumni.jpg', '111', '68', '', 'float-top')" > </div>
12/06/2006, 10h33
KiLVaiDeN

Salut,

le onLoad est un évènement de <body>.

Question : tu veux que ton script se lance dès l'affichage de la page ? Où c'est via une action utilisateur ?

A+
12/06/2006, 10h34
NeHuS

effectivment tu ne fais pas bien :P

Code:

<div onload="" >

Le tag div n'accepte pas un tel attribut
12/06/2006, 10h38
lolo_ici_et_la

ok, là c'est sure que ça ne pouvait pas marcher.

Je travaille sur un site web dynamique, ce que je souhaite donc c'est que dés qu on affiche image, plutot que de l'afficher à sa taille, on l'afficher avec des contraintes.

A chaque fois qu'on affiche une image, je passe par une fonction JS.

Peut-être que j'en demande trop....:lol:
12/06/2006, 10h49
KiLVaiDeN

Hmm, quel type de contrainte ?

Ne pourrais-tu pas faire cela avec le langage d'application de ton serveur ( php ? )

Si ton problème est de redimensionner une image pour qu'elle tienne dans une vignette de largeur/hauteur fixe, il existe par exemple Imagick, accessible en PHP, qui redimensionne ton image exactement comme tu le souhaites;

Et puis le mieux, c'est de directement avoir tes vignettes d'un coté, et tes images de l'autre, ainsi, tu gagnes en bande passante; Car redimensionner ton image en JavaScript charge quand même l'image en entier, c'est vraiment pas optimisé.

A+
12/06/2006, 11h05
lolo_ici_et_la

Je crois que je vais devoir faire comme tu dis.

Je travaille dans en environnemnt Tomcat (JSP + JAva), en java c'est faisable, cela va prendre un peu plus de temps.

Merci pour vos réponses.