Changement d'image

**moonia** · 21/06/2006, 15h17

j'ai le code suivant :

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<?php
if($_POST['submit'] == '?')
{
$image = $_POST['one'];
echo "$image";
 
}
?>
<html>
<head>
<title>Menu fixe image... par Graphys</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
 
// Alternative graphique à l'horrible menu déroulant que le CSS n'a jamais su embellir...
//Une création de Graphys - http://graphys.online.fr
// @+
 
function Graphys(nom) {
  var imgVide="Vide.gif";
  var imgA="A.gif";
  var imgB="bleu.gif";
  var imgC="realise.gif";
  var imgD="retard.gif";
  var imgH="H.gif";
 
  var src=document.images[nom].src;
  src=src.substring(src.lastIndexOf("/")+1);
  if (src==imgVide) {
  document.images[nom].src=imgA;
  document.choice[nom].value="a faire";
  }else if(src==imgA){
  document.images[nom].src=imgB;
  document.choice[nom].value="en cours";
  }else if(src==imgB){
  document.images[nom].src=imgC;
  document.choice[nom].value="réalise";
  }else if(src==imgC){
  document.images[nom].src=imgD;
  document.choice[nom].value="en retard";
  }else if(src==imgH){
  document.images[nom].src=imgVide;
  document.choice[nom].value="Vide";
  } 
}
function Resultat() {
  var Z="Le Choix 1 est : ";
  Z+=document.choice.one.value;
 
  alert(Z);
}
//-->
</script>
</head>
 
<body bgcolor="#FFFFFF" text="#000000">
<p><font face="Arial, Helvetica, sans-serif" size="3" color="#000066"><b><i>Remplace 
  un menu d&eacute;roulant par une image</i></b></font><br>
 
 
<form name="choice" method="post" action="">
  <font face="Arial, Helvetica, sans-serif" size="2" color="#003399"><b>Choix 
  1 :</b></font> <a href="javascript:Graphys('one')"><img id="one" src="Vide.gif" width="29" height="19" border=0 align="absmiddle"></a> 
  <input type="hidden" name="one" value="Vide">
  <b><font face="Arial, Helvetica, sans-serif" size="2" color="#000066"> </font></b> 
  <input type="submit" value="?" onClick="Resultat()" name="submit">
</form>
 
</body>
</html>

qd je choisis l'image par exemple A et que je clique sur résultat, je constate que l'image que j'ai selectionnée c bien l'image A jusqu'à là tt va bien, mais le pb que j'ai c'est que je retourne apres à l'etat initial c-a-d : sur ma page web je retourne sur l'image par defaut pas sur l'image que j'ai choisi

(:
Comment je fais pour corriger ça SVPPPPPPP

**Cpas2latarte** · 21/06/2006, 18h49

moi pas compris

tu change une image, puis tu recharge la page et ce n'est pas la bonne c'est ça ?

**FremyCompany** · 21/06/2006, 20h04

Code :

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

1
2
3
4
5
6
7
8
9
10
<a href="javascript:Graphys('one')"><img id="one" src="<?php
if($_POST['submit'] == '?')
{
   $image = $_POST['one'];
   echo "$image";
}
else {
   echo ("Vide.gif")
}
?>" width="29" height="19" border=0 align="absmiddle"></a>

C'est ca que tu veux ???

**Auteur** · 21/06/2006, 20h12

bonjour,

tu peux par exemple utiliser les cookies : tu y stockes le nom de l'image.
1-Lorsque tu charges ta page la première fois, le cookie est absent, tu utilises l'image par défaut (A.gif).
2-L'utilisateur change l'image (B.gif par exemple) > à ce moment là tu stockes dans le cookie le nom de l'image (B.gif).
3-lorsque la page est rechargée, le cookie est présent, tu vas lire les informations qu'il contient. Si tu lis B.gif tu remplaces l'image par défaut par B.gif sinon tu laisses l'image par défaut.

**FremyCompany** · 21/06/2006, 20h17

Envoyé par Auteur

bonjour,

tu peux par exemple utiliser les cookies : tu y stockes le nom de l'image.
1-Lorsque tu charges ta page la première fois, le cookie est absent, tu utilises l'image par défaut (A.gif).
2-L'utilisateur change l'image (B.gif par exemple) > à ce moment là tu stockes dans le cookie le nom de l'image (B.gif).
3-lorsque la page est rechargée, le cookie est présent, tu vas lire les informations qu'il contient. Si tu lis B.gif tu remplaces l'image par défaut par B.gif sinon tu laisses l'image par défaut.

..Et lorsque l'utilisateur refuse les cookies... rien ne marche !
Mieux vaut utiliser un input de type hidden qui contient le nom de l'image comme value (vu qu'il peut le genere en PHP, autant le faire !)

**moonia** · 22/06/2006, 11h16

Envoyé par FremyCompany

Code :

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

1
2
3
4
5
6
7
8
9
10
<a href="javascript:Graphys('one')"><img id="one" src="<?php
if($_POST['submit'] == '?')
{
   $image = $_POST['one'];
   echo "$image";
}
else {
   echo ("Vide.gif")
}
?>" width="29" height="19" border=0 align="absmiddle"></a>

C'est ca que tu veux ???

j'ai essaye ça mais ca ne marche, moi mon but c'est qd je selectionne une image et je clique sur resulatat je recupere le nom de l'image dans

Code :

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

1
2
$image = $_POST['one'];
echo "$image";

et je garde aussi l'image selectionnee sur ma page, malheureusement je recupere le nom de l'image mais l'mage qui s'affiche c l'image initiale !!!

**FremyCompany** · 22/06/2006, 14h01

Envoyé par moonia

j'ai essaye ça mais ca ne marche, moi mon but c'est qd je selectionne une image et je clique sur resulatat je recupere le nom de l'image dans

Code :

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

1
2
$image = $_POST['one'];
echo "$image";

et je garde aussi l'image selectionnee sur ma page, malheureusement je recupere le nom de l'image mais l'mage qui s'affiche c l'image initiale !!!

Je me demande si... essaie d'ajouter dans ton form un champ hidden de nom "one" et de value l'image actuelement selectionée... que tu changerais bien évidemment dans ton script en même temps que l'image... (Tout en utilisant le code que je proposait)

**moonia** · 22/06/2006, 14h20

j'ai arrange le code comme suit :

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<?php
if($_POST['submit'] == '?')
{
$image = $_POST['one'];
echo "$image";

}
?>
<html>
<head>
<title>Menu fixe image... par Graphys</title>
<script language="javascript">
<!--

// Alternative graphique à l'horrible menu déroulant que le CSS n'a jamais su embellir...
//Une création de Graphys - http://graphys.online.fr
// @+

function Graphys(nom) {
  var imgVide="Vide.gif";
  var imgA="A.gif";
  var imgB="bleu.gif";
  var imgC="realise.gif";
  var imgD="retard.gif";
  var imgH="H.gif";
  
  var src=document.images[nom].src;
  src=src.substring(src.lastIndexOf("/")+1);
  if (src==imgVide) {
  document.images[nom].src=imgA;
  document.choice[nom].value="a faire";
  src=document.images[nom].src;
  }else if(src==imgA){
  document.images[nom].src=imgB;
  document.choice[nom].value="en cours";
  src=document.images[nom].src;
  }else if(src==imgB){
  document.images[nom].src=imgC;
  document.choice[nom].value="réalise";
  src=document.images[nom].src;
  }else if(src==imgC){
  document.images[nom].src=imgD;
  document.choice[nom].value="en retard";
  src=document.images[nom].src;
  }else if(src==imgH){
  document.images[nom].src=imgVide;
  document.choice[nom].value="Vide";
  src=document.images[nom].src;
  } 
}
function Resultat() {
  var Z="Le Choix 1 est : ";
  Z+=document.choice.one.value;
  Z+="\nLe Choix 2 est : ";
  Z+=document.choice.two.value;
  alert(Z);
}
//-->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">

<form name="choice" method="post" action="">
  <font face="Arial, Helvetica, sans-serif" size="2" color="#003399"><b>Choix 
  1 :</b></font> <a href="javascript:Graphys('one')"><img id="one" src="Vide.gif" width="29" height="19" border=0 align="absmiddle"></a> 
  <input type="hidden" name="one" value="Vide">
  </form>
  <input type="submit" value="?" onClick="Resultat()" name="submit">

</body>
</html>

mnt qd je selectionne l'image , et je clique sur le bouton : ? elle reste. Mais le pb mnt c que je ne peux plus recupere plus le nom de l'image ce qui est normal vus que le bouton est en dehors de form !!!
que doit je faire pour sauvegrader l'image selectionnee et recuperer son nom car mon but moi à la fin c'est de savegarder le nom de l'image ds une BD et en meme ton l'image selectionnée reste affichée apres sélection

**moonia** · 22/06/2006, 14h25

Envoyé par FremyCompany

Je me demande si... essaie d'ajouter dans ton form un champ hidden de nom "one" et de value l'image actuelement selectionée... que tu changerais bien évidemment dans ton script en même temps que l'image... (Tout en utilisant le code que je proposait)

je n'ai pa pas bien saisi ( je suis pas top en javascript )

y a un boutton hidden dans la form

Code :

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

  <input type="hidden" name="one" value="Vide">

**FremyCompany** · 22/06/2006, 14h31

non non, c'est pas grave, je regardais un truc mais c'est n'importe quoi...
En fait je crois qu'il y a un serieux pb qui risque d'être la cause de tous tes problèmes... tu utilises des structures pour le moins... étranges...
Je te conseille vivement de mettre un ID à chacun des tes élements et de les invoker avec document.getElementById.
1/ Ca marchera mieux
2/ On y verra plus clair

**moonia** · 22/06/2006, 14h34

Envoyé par FremyCompany

Je te conseille vivement de mettre un ID à chacun des tes élements et de les invoker avec document.getElementById.
1/ Ca marchera mieux
2/ On y verra plus clair

Comment je pourrai le faire ??????!! je suis vraiment debutante en Javascript

**FremyCompany** · 22/06/2006, 15h12

Ex :

Code :

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

<!--HTML--><balise id="MyInput" />

Code :

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

1
2
3
// JavaScript
var MyInput = document.getElementById("MyInput")
MyInput.value="Texte"

**moonia** · 22/06/2006, 15h52

juste une qst le input de type texte , il sert a koi !!!!!!!!!!!!

**FremyCompany** · 22/06/2006, 16h12

A rien. C'est juste un exemple...
En gros tu met un ID sur ton image, sur tes champs input, ...
et tu l'utilise pour récuperer les objets dans la fonction graphy

Changement d'image

JavaScript

Discussions similaires

Partager

Partager