Récupération du nom d'image séléctionné

[danydan01]

Bonjours à tous.
Je vous explique mon problème.
Fichier client :
J'ai un fichier client qui regroupe 4 boutons, ses 4 boutons permettant de choisir 4 images d'un dossier que j'ai sur mon serveur.
Fichier choix image :
L'affichage des images se fait à l'aide d'un fichier que j'ai nommé choiximage.php, qui m'affiche à l'écran toutes les images de mon dossier.
Une fois que le client clique sur l'image voulu, cela exécute mon code javascript qui enregistre le nom de l'image, et l'affiche à l'intérieur du bouton cliqué dans le fichier client.

j'éspère ne pas vous avoir perdu jusque la.

voici mon fichier javascript :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function ajout(nomImg)
{
	var inHide = document.getElementById('choix'); //l'input de type hidden
 
			inHide.value = nomImg;
			alert('test '+ nomImg +' a bien été prise en compte !');
 
	//récupération de la valeur de l'image dans l'url à l'aide de la variable inHide
			document.location.href="fichierclient.php?inHide="+inHide.value;
 
 
}

Comme vous pouvez le constater mon fichier javascript me redirige vers mon fichier client en mettant dans l'url le nom de l'image choisi, donc je récupère le nom comme ceci :

Code :

1
2
3
4
5
6
 
if(isset($_GET['inHide']))
{
 
	$img = $_GET['inHide'];
}

Le soucie est que si j'appuie sur le bouton2 qui permet au client de choisir une 2eme image, cela écrase la valeur de l'image 1...

Enfaite je veux réaliser de la sorte ( avec 4 boutons ) car je voudrais que le client puisse modifier l'image1 (par exemple) sans modifier les 2 ou 3 autres qu'il aurait choisi...

Comment réaliser mes fichier de la sorte qu'il y est une variable indépendante pour chaque images choisi ?

J'espère vous avoir expliqué clairement mon problème ?!
Je vous remercie par avance.

[vorace]

j'ai du mal à te suivre...

[Ceddoc]

Pourquoi $_GET si tu travaille avec des formulaires ?

[danydan01]

Je vais essayer de mieux vous expliquer mon problème

Imagine que tu as une page web simple avec 4 boutons avec marquer à l'intérieur de chacun " choisir image 1, choisir image 2, choisir image 3, choisir image 4.
Donc chaque bouton permettrai de choisir une image voulu.
Si l'utilisateur veux choisir 1 images , alors il doit :
- cliquer sur le 1er bouton
- choisir son image

Ensuite l'image choisi s'affiche à l'intérieur du bouton image 1.

Si il veux 2 images, il fait de même avec le bouton n°2, et ne touche pas au bouton 3 et 4.
Si il en veux 4, il fait pareil avec les 4 boutons.

cela permettrai au client de modifier que une seul image (en cliquant sur l'image qu'il veux modifier) sans a avoir a modifier toutes les autre...

Pourquoi j'utilise un $_GET ?
Parsque mon fichier javascript me retourne dans mon URL dans ma variable inHide le nom de mes images choisi.

Jusqu'a maintenant je n'arrive pas a rendre chaque bouton indépendant...

[vorace]

j'ai toujours pas compris mais ou sinon rajoutes une variable de session la ou tu récupère ton $_GET['inHide'], genre un tableau dans lequel tu stocks le nom des images choisies...

[danydan01]

Arf difficil a expliquer ce problème ...
Désolé Vorace je vais essayer de faire encore plus simple.

sur une page tu as 2 boutons.

Code :

1
2
3
 
<a href="choixposition.php"><button><img class="image" src="./images/positions/<?php echo $photo[0];?>" border="0" /></br>Choisir Position n°1</button></a>
<a href="choixposition.php"><button><img class="image" src="./images/positions/<?php echo $photo[1];?>" border="0" /></br>Choisir Position n°2 </button></a>

Quand tu appuis sur le bouton 1, cela te redirige vers une page "choiximages.php" qui répertorie toutes les images de mon dossier. Une fois cliqué sur une image, on est redirigé sur la premiere page (ou il y a les 2 boutons) et on affiche l'image choisi dans le bouton 1.

La ou j'ai un soucie c'est lorsque je clique sur le bouton 2, et que je choisi l'image, cela m'écrase l'image précédente. Alors que je voudrais afficher la 2eme image choisi à coté de l'image 1.

[Ceddoc]

J'imagine que à la place de

Code :

1
2
3
4
5
if(isset($_GET['inHide']))
{
 
	$img = $_GET['inHide'];
}

tu as quelquechose qui met dans la case du $photo qui va bien? tu peux nous montrer ce code? tu as un paramètre supplémentaire pour savoir si c'est la première ou la seconde image?

[vorace]

La ou j'ai un soucie c'est lorsque je clique sur le bouton 2, et que je choisi l'image, cela m'écrase l'image précédente. Alors que je voudrais afficher la 2eme image choisi à coté de l'image 1.

dans la même balise genre <button>image1,image2</button> ou dans la balise button suivante ?
ok, je crois avoir compris, juste pour savoir ta fonction ajout() tu la déclenches sur quel événement et sur quel élément ?

[danydan01]

Non Non le bouton 1 affichera l'image 1, et le bouton 2 doit afficher l'image 2, donc dans la balise du bouton suivant.

je te montre quand je clique sur le bouton "choisir une image j'exécute se code :

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
 
<?php
              // url du fichier qui contient les images
              $urlphoto = "./images/positions";
              // nom du répertoire qui contient les images
              $nomRepertoire = "./images/positions";
              if (is_dir($nomRepertoire))
              {
                  $dossier = opendir($nomRepertoire);
                  while ($Fichier = readdir($dossier))
                  {
                      if ($Fichier != "." AND $Fichier != ".." AND (stristr($Fichier,'.gif') OR stristr($Fichier,'.jpg') OR stristr($Fichier,'.png') OR stristr($Fichier,'.bmp')))
                      {
                          // Hauteur de toutes les images
                          $h_vign = "120";
                          $taille = getimagesize($nomRepertoire."/".$Fichier);
                          $reduc  = floor(($h_vign*100)/($taille[1]));
                          $l_vign = floor(($taille[0]*$reduc)/60);
 
/*********** Ici j'utilise ma fonction ajout de mon fichier javascript **********/
                          echo '<img src="'. $nomRepertoire .'/'. $Fichier .'" onclick="ajout(\''. $Fichier .'\');" />';
                      }
                  } 
                  closedir($dossier);
                  echo '<form action="sequence.php" method="post" name="formImg">';
                  echo '<input id="choix" name="choix" type="hidden" value="void" />';
                  echo '<input type="button" value="Valider" onclick="valider();" />';
              }
              else
              {
                  echo' Le répertoire spécifié n\'existe pas';
              }

et voici le code de mon fichier javascript :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function ajout(nomImg)
{
	var inHide = document.getElementById('choix'); //l'input de type hidden
 
			inHide.value = nomImg;
			alert('test '+ nomImg +' a bien été prise en compte !');
 
	//récupération de la valeur de l'image dans l'url à l'aide de la variable inHide
			document.location.href="fichierclient.php?inHide="+inHide.value;
 
 
}

[Shikiryu]

Je ne comprend pas pourquoi vous ne faites pas :

Code :

1
2
3
function ajout(nomImg){
	document.location.href="fichierclient.php?inHide="+nomImg;
}

ça revient au même que ce que vous avez fait avec le champs hidden.

[vorace]

Alors la solution me semble simple :
si j'ai bien compris, l'utilisateur a face à lui 4 boutons auquel tu leur affecte des valeurs différentes, image 1,..., image 4 et des noms différents (bouton1, ..., bouton4) , lorsqu'il cliques sur l'un de ces boutons, il atterrit sur une page avec une multitude d'image parmi lesquelles il peut en choisir une, juste avant d'aller chercher tes images tu fait un :

Code :

1
2
3
4
5
6
7
8
if(isset($_REQUEST['bouton1'])){
$bouton = 1;
}elseif...{
...
}elseif(isset($_REQUEST['bouton4'])){
$bouton = 4;
}
...

tu ajoutes une variables à ton url dans ta fonction ajout() correspondant au numéro de ton bouton ou le nom du bouton même...
tu repars sur ta page ou il y a les 4 boutons et le numéro du bouton ou doit apparaitre l'image...voila
j’espère que toi tu comprendras

[danydan01]

Merci a tous pour vos réponse
Vorace, j'ai essayé ce que tu m'as demander, je te montre exactement le code que j'ai réalisé.
Donc dans mon fichier client j'ai rajouter les 4 boutons avec les 4 cas comme tu me l'as dit :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 
if(isset($_REQUEST['bouton1']))
{
	$bouton = 1;
	header('location:choixposition.php?bouton='.$bouton);
}
.... // ainsi de suite pour les 3 autres.
 
<button name='bouton1'>Choisir Position n°1</button>
			<button name='bouton2'>Choisir Position n°2</button>
			<button name='bouton3'>Choisir Position n°3</button>
			<button name='bouton4'>Choisir Position n°4</button><br/><br/>

ensuite dans mon fichier du choix d'image :

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
 
<?php
              // url du fichier qui contient les images
              $urlphoto = "./images/positions";
              // nom du répertoire qui contient les images
              $nomRepertoire = "./images/positions";
              if (is_dir($nomRepertoire))
              {
                  $dossier = opendir($nomRepertoire);
                  while ($Fichier = readdir($dossier))
                  {
                      if ($Fichier != "." AND $Fichier != ".." AND (stristr($Fichier,'.gif') OR stristr($Fichier,'.jpg') OR stristr($Fichier,'.png') OR stristr($Fichier,'.bmp')))
                      {
                          // Hauteur de toutes les images
                          $h_vign = "120";
                          $taille = getimagesize($nomRepertoire."/".$Fichier);
                          $reduc  = floor(($h_vign*100)/($taille[1]));
                          $l_vign = floor(($taille[0]*$reduc)/60);
                          echo '<img src="'. $nomRepertoire .'/'. $Fichier .'" onclick="ajout(\''. $Fichier .'\');" />';
                      }
                  } 
                  closedir($dossier);
                  echo '<form action="fichierclient.php" method="post" name="formImg">';
                  echo '<input id="choix" name="choix" type="hidden" value="void" />';
 
              }
              else
              {
                  echo' Le répertoire spécifié n\'existe pas';
              }

qui une fois cliqué sur l'image voulu exécute le code JavaScript :

Code :

1
2
3
4
5
6
7
 
 function ajout(nomImg)
   {
		alert('Votre Position a bien été prise en compte !');
        document.location.href="fichierclient.php?inHide="+nomImg;
 
 }

et cela me redirige vers mon fichier client de départ avec le nom de l'image dans l'url, donc je le traite de la sorte dans mon fichier client :

Code :

1
2
3
4
5
6
 
if(isset($_GET['inHide']))
{
	$nomImgs = $_GET['inHide']; 
	$photo = explode(";", $nomImgs);
}

Pour la 1er image tout va bien...
Le soucie arrive pour les autre, quand je refait le même parcours pour le choix de l'image 2, cela mécrase l'image 1

Comment faire pour régler cela ?

PS : je ne sais pas quoi faire de la valeur du bouton que l'on retourne au tout début...

[vorace]

en fait c'est presque ça, tu rajouttes juste un parametre dans ta fonction java :

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
<?php
              // url du fichier qui contient les images
              $urlphoto = "./images/positions";
              // nom du répertoire qui contient les images
              $nomRepertoire = "./images/positions";
              if (is_dir($nomRepertoire))
              {
                  $dossier = opendir($nomRepertoire);
                  while ($Fichier = readdir($dossier))
                  {
                      if ($Fichier != "." AND $Fichier != ".." AND (stristr($Fichier,'.gif') OR stristr($Fichier,'.jpg') OR stristr($Fichier,'.png') OR stristr($Fichier,'.bmp')))
                      {
                          // Hauteur de toutes les images
                          $h_vign = "120";
                          $taille = getimagesize($nomRepertoire."/".$Fichier);
                          $reduc  = floor(($h_vign*100)/($taille[1]));
                          $l_vign = floor(($taille[0]*$reduc)/60);
                          echo '<img src="'. $nomRepertoire .'/'. $Fichier .'" onclick="ajout(\''. $Fichier .'\',\''.$_GET['bouton'].'\');" />';
                      }
                  } 
                  closedir($dossier);
                  echo '<form action="fichierclient.php" method="post" name="formImg">';
                  echo '<input id="choix" name="choix" type="hidden" value="void" />';
 
              }
              else
              {
                  echo' Le répertoire spécifié n\'existe pas';
              }

ensuite tu modifies ta fonction js comme ça :

Code :

1
2
3
4
5
6
 function ajout(nomImg, numImg)
   {
		alert('Votre Position a bien été prise en compte !');
        document.location.href="fichierclient.php?inHide="+nomImg+"&numImg="+numImg;
 
 }

et enfin :

Code :

1
2
3
4
5
if(isset($_GET['inHide']) && isset($_GET['numImg']))//la tu as en plus le numero du bouton qui contiendrat l'image, pour le traitement à toi de finir
{
	$nomImgs = $_GET['inHide']; 
	$photo = explode(";", $nomImgs);
}

[danydan01]

En cherchant un peux j'ai réussi à peut près au même résultat que toi,
mais le seul soucie c'est que je n'arrive pas à récupérer les valeurs dans l'url quand je suis sur mon fichierclient.php

voici l'url que j'obtiens :

Code :

1
2
 
http://localhost/Appli/fichierclient.php?inHide=plage.png&numImg=1

et quand je fais :

Code :

1
2
3
4
5
6
7
8
 
if(isset($_GET['inHide']) && isset($_GET['numImg']))
{
 
	$nomImgs = $_GET['inHide']; 
	$photo = explode(";", $nomImgs);
 
}

je n'arrive même pas a récupérer la valeur de la variable 'inHide"...

[vorace]

à mon avis c'est le point du .png qui pose problème, fais un urlencode() sur tes variables avant de les envoyer...

[Ceddoc]

Je vais peut être dire une sottise mais pourquoi pas une url du type :

Code :

http://localhost/Appli/fichierclient.php?inHide=plage.png&numImg=1

et une récupération avec $_GET['numImg'] et $_GET['inHide']

[danydan01]

dans mon fichier choix d'image j'ai ajouter ce que tu m'as dit, donc :
urlencode($Fichier) qui est le nom de l'image que l'on va envoyer.

Mais cela ne fonctionne toujours pas...

[danydan01]

Oui effectivement Ceddoc, c'est ce que je veux réaliser, mettre dans mon URL les variables inHide qui contient le nom de mon image, et numImg qui contient le numéro.

et faire ensuite un simple $_GET['numImg'] et $_GET['inHide'] .

Mais pour le moment mon url est de la sorte :

Code :

1
2
 
http://localhost/Appli/sequence.php?inHide=ex02B.png&numImg=1

[vorace]

ce que veux dire ceddoc c'est de remplacer &amp; par & dans ton url...

[danydan01]

Merci pour vos réponse j'ai enfin résolu mon problème en mettant tout simplement :

Code :

1
2
 
document.location.href="sequence.php?inHide="+nomImg+"&numImg="+bouton;

Mais le soucie étant que le php sa me gonfle vous savez pourquoi ?
Parsque maintenant je me retrouve sur ma fiche client dans cette appel :

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
 
if(isset($_GET['inHide']) && isset($_GET['numImg']))
{
	$photo = $_GET['inHide'];
	$numbouton = $_GET['numImg'];
 
	if($numbouton == 1)
	{
		$photo[0] = $photo;
	}
	elseif($numbouton == 2)
	{
		$photo[1] = $photo;
	}
	elseif($numbouton == 3)
	{
		$photo[2] = $photo;
	}
	elseif($numbouton == 4)
	{
		$photo[3] = $photo;
	}
 
}

et je voudrais afficher l'image correspondant par exemple au nom de photo[0] dans mon formulaire plus bas dans la même page :

Code :

1
2
3
4
5
 
<img class="image" src="./images/positions/<?php echo $photo[0];?>"/>
<img class="image" src="./images/positions/<?php echo $photo[1];?>"/>
<img class="image" src="./images/positions/<?php echo $photo[2];?>"/>
<img class="image" src="./images/positions/<?php echo $photo[3];?>"/>

c'est la galère total pour moi c'est histoire de variable valable que dans certaine partie du code...