Discussion :

[Space Cowboy]

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

<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.

[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 :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
<img id="img_affiche" onClick="fitit('img_affiche');history.go(-1);" onLoad="fitit('img_affiche')" src="image.jpg" />

Yan
Gangster of Love

[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.

[ryan]

Walut!

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

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

[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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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.

[ryan]

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