Débutant - deux on click sur une image

Version imprimable

Je n'avais jamais même chercher à savoir comment fonctionne un script javascript auparavant, donc je débute vraiment, mais dans ce script, la condition, Si l'image est aggrandie ... je ne la trouve pas ...
J'aimerais intégrer un history.go(-1) au click quand l'image est agrandie.

J'ai ce script :
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 function fitit(image_id) { elt_image = document.getElementById(image_id); if (navigator.appName=="Netscape") windowWidth = window.innerWidth; if (navigator.appName.indexOf("Microsoft") != -1) windowWidth = document.body.offsetWidth; scaleWidth = windowWidth - 100; if (elt_image.width > scaleWidth || oldWidth > scaleWidth) { if (elt_image.width == scaleWidth) elt_image.width = oldWidth; else { oldWidth = elt_image.width; elt_image.style.cursor = "pointer"; elt_image.width = scaleWidth; } } }
On lui passe en paramètre l'id de l'image voulus.

Et le lien en html :

Code:

<img id="img_affiche" onClick="fitit('img_affiche')" onLoad="fitit('img_affiche')" src="image.jpg" />

L'histoire complète :
Le script regarde si la fenetre est assez grande pour afficher l'image entierement.
Si oui, il affiche l'image ...
Si non, il fait un truc pour que l'images soit rétrécie au dimension de la fenêtre, si on clique sur l'image, elle s'agrandie.

Dans les deux cas, elle finie par être agrandie, et j'aimerais caser un history.go(-1) au click.

27/01/2006, 01h19
ryan
Hello Space Cowboy (May I call you Maurice?)

Chuis pas certain d'avoir tout compris dans ce que tu expliques là (l'heure tardive sans doute) mais si tu désires simplement faire un history.go(-1) après que l'événement onClick ait exécuté ta fonction fitit, ceci devrait marcher:
Code:

1 2 <img id="img_affiche" onClick="fitit('img_affiche');history.go(-1);" onLoad="fitit('img_affiche')" src="image.jpg" />
Yan
Gangster of Love
27/01/2006, 09h35
Space Cowboy

Quand l'image n'est pas assez grande pour être afficher dans la fenêtre, on doit cliquer sur l'image pôur qu'elle soit agrandie, mais des qu'elle est agrandie, la page précédente est fermé.
Quand la fenêtre est assez grande, l'image ce charge et reviens directement à la page précédente.

Ce que je voudrais c'est, si la fenetre n'est pas assez grande, un fait un clique pour agrandir l'image, et un autre clique pour revenir à la page précédente.

Walut!

Bon, si j'ai bien compris cette fois-ci, le pb a l'air assez facile à résoudre:

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
 
var done = 0;
 
function fitit(image_id) 
{ 
 
   if (done == 1)
      history.go(-1);
   else
   {
     done = 1;
     elt_image = document.getElementById(image_id); 
 
     if (navigator.appName=="Netscape") 
        windowWidth = window.innerWidth; 
     if (navigator.appName.indexOf("Microsoft") != -1) 
        windowWidth = document.body.offsetWidth; 
 
     scaleWidth = windowWidth - 100; 
 
     if (elt_image.width > scaleWidth || oldWidth > scaleWidth) 
     { 
        if (elt_image.width == scaleWidth) 
           elt_image.width = oldWidth; 
        else 
        { 
           oldWidth = elt_image.width; 
           elt_image.style.cursor = "pointer"; 
           elt_image.width = scaleWidth; 
        } 
     } 
  } 
}

Lors du premier click, la fonction fitit fait son turbin comme auparavant.
Lors du second click, la fonction fitit exécute le history.go(-1)

Yan

27/01/2006, 14h41
Space Cowboy
Ton code ne marche pas, quand on charge la page, si la largeur est plus petite que la largeur de l'image, le code s'execute, donc done passe à 1 à l'affichage.
Mais en le modifiant un peu ca fonctionne !
Code:

1 2 3 4 5 6 7 8 9 10 11 var done = 0; function fitit(image_id) { if (done == 2) history.go(-1); else { done ++; elt_image = document.getElementById(image_id);[...]
Le probleme c'est qu'il faut cliquer deux fois si l'image peut être afficher entièrement, mais je vais me débrouiller.
27/01/2006, 15h25
ryan

Citation:

Envoyé par Space Cowboy

Ton code ne marche pas, quand on charge la page, si la largeur est plus petite que la largeur de l'image, le code s'execute, donc done passe à 1 à l'affichage.
Mais en le modifiant un peu ca fonctionne !

J'avais encore compris de travers, quoi 8)
Mais bon, l'idée générale y était...c'est le plus important.

Yan