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

**danydan01** · 27/04/2011, 13h04

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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** · 27/04/2011, 13h22

j'ai du mal à te suivre...

**Ceddoc** · 27/04/2011, 13h24

Pourquoi $_GET si tu travaille avec des formulaires ?

**danydan01** · 27/04/2011, 14h41

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** · 27/04/2011, 16h01

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** · 27/04/2011, 16h19

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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** · 27/04/2011, 17h21

J'imagine que à la place de

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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** · 27/04/2011, 17h39

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** · 27/04/2011, 18h23

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 :

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

Sélectionner tout - Visualiser dans une fenêtre à part

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** · 27/04/2011, 18h36

Je ne comprend pas pourquoi vous ne faites pas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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** · 27/04/2011, 22h32

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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** · 28/04/2011, 10h27

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

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

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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** · 28/04/2011, 12h01

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

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

Sélectionner tout - Visualiser dans une fenêtre à part

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+"&amp;numImg="+numImg;
 
 }

et enfin :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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** · 28/04/2011, 12h16

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et quand je fais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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** · 28/04/2011, 12h22

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

**Ceddoc** · 28/04/2011, 12h28

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

**danydan01** · 28/04/2011, 12h35

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** · 28/04/2011, 12h38

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**vorace** · 28/04/2011, 12h40

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

**danydan01** · 28/04/2011, 15h00

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

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

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Langage PHP

Discussions similaires

Partager

Partager