Discussion :

[devillers]

Bonjour,

J'ai inséré une image qui s'affiche selon une condition PHP.

Code php :

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

1
2
3
4
5
6
7
8
9
10
<!-----------	bouton du formulaire 'Lancer votre recherche'   ---------!>	
			<input id="submit_recherche" name="submit_recherche" type="image" src="images/bouton_search.png" value="submit_recherche" />
 
                                         <!--///////////////////////////////////////Affichage Flèche/////////////////////////-->
	<?php
            if(isset($_GET['submit_recherche']))
             { 
                      echo'<div class="position"><value="submit_recherche" name="submit_recherche" type="image" src="images/fleche-slider.png" /></div>' ;
       }
?>

L'image s'affiche mais que sur mon teléphone portable mais pas sur le PC bureau (Firexfox, internetE Chrome). J'ai pourtant vidé le cache de chaque navigateur.
L'image est une flèche à coté du bloc photos pour faire défiler ce-dernier. Elle s'affiche lorsque l'on utilise le formulaire de recherche exemple recherche par Toutes régions -> 'Alsace' puis valider avec Lancer votre recherche la flèche s'affiche sur le smartphone voici le lien du SITE.
Si vous avez des idées elles sont les bienvenues.

Merci.

Code css :

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
.flecheslider{
      position: absolute;
      float: left;
     margin-left: 960px;
     margin-top: 90px; 
     width: 40px;
	height: 40px;
	background: url("http://www.testdrupal.fr/annonce/images/fleche-slider.png") no-repeat;
	font-size : 11px;
        color: #F62B71;
 
 
}
 
.position{
      position: absolute;
      float: left;
     margin-left: 180px;
     margin-top: -450px; 
     width: 40px;
	height: 40px;
 
	font-size : 11px;
        color: #F62B71;
}

[Invité]

Bonjour,

Code :

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

<value="submit_recherche" name="submit_recherche" type="image" src="images/fleche-slider.png" />

Regarde bien. Tu es sûr qu'il ne manque rien ?



"Le dormeur doit se réveiller..."

[devillers]

C'est pas

Code :

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

id="submit_recherche"

car un id doit être unique, tu me l'as dit hier sur le forum général PHP.
Alors c'est forcément autre chose.

[Invité]

Le mot "input", peut-être ?

[devillers]

Je suis désolé d'insister mais j'ai remplacé echo par

Code :

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

echo'<div class="position"><input id="submit_recherche" value="submit_recherche" name="submit_recherche" type="image" src="../images/fleche-slider.png" /></div>' ;

Et ça ne marche pas je doit être stupide.

[Invité]

Je t'en laisse seul juge...

Code php :

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

                      echo '<div class="position"><input value="submit_recherche" name="submit_recherche" type="image" src="images/fleche-slider.png" /></div>' ;

[devillers]

Merci pour ton aide je dois être casse-pieds en fait c'est toujours pareil.
Si je copie/colle

Code :

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

  echo '<div class="position"><input value="submit_recherche" name="submit_recherche" type="image" src="images/fleche-slider.png" /></div>' ;

[Jacques Beauregard]

Bonjour,

Personnellement la flèche s'affiche après avoir lancé la recherche, sur Chrome et Firefox.
Avez-vous résolu votre problème ?

[Invité]

Code :

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

<form action="ann_search.php" method="get">

Donc le formulaire envoie TOUT en $_GET....

1/ Dans l'URL, on a :

ann_search.php?keywords=.............................&submit_recherche.x=21&submit_recherche.y=20

Pour moi, $_GET['submit_recherche'] n'existe pas* !
C'est pourquoi la flèche ne s'affiche pas.

* Il semble qu'un input type="image" renvoie 2 valeurs (x et y : position où on clique sur l'image !)

[EDIT] Voilà qui devrait régler le problème :

Code php :

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

1
2
3
4
5
6
7
8
	<input type="hidden" name="search" value="go" />
	<input id="submit_recherche" type="image" src="images/bouton_search.png" />
<?php
    if(isset($_GET['search']) && $_GET['search']=='go')
    { 
		echo'<div class="position"><input type="image" src="images/fleche-slider.png" /></div>' ;
    }
?>

N.B. On peut utiliser cette même condition pour récupérer les paramètres transmis.

[devillers]

Merci pour cette si bonne et longue attention CA MARCHE.
Alors la bravo tout est parfait cela restera un bon souvenir.
cool mec

Jean Charles

[Invité]

Une dernière chose avant que tu ne partes vers le soleil couchant en sifflotant "I'm a poor lonesome cowder..."

Un élément en position:absolute; n'est positionner que PAR RAPPORT à son parent le plus proche, qui est lui-même POSITIONNE.

Je te propose donc de modifier ton CSS :

Code css :

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

1
2
3
4
5
6
.position {
    position: absolute;
    right: 5px;
    top: 180px;
   /* (rien de plus) */
}

et ajouter :

Code css :

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

1
2
3
4
#fond_site_2 {
    position: relative;
   /* à ajouter au CSS existant */
}

[devillers]

Bonsoir,
Message bien reçu jreaux62.
Cordialement.