Discussion :

[Youpsy]

Bonjour tous le monde !

Pour vous donner une idée de mon niveau ça doit être la 3-4 ème fois que je m'essai au html et css..
J'ai copier le code html et css d'une searchbar, celle la précisement, https://www.codeply.com/p/t3Qr1wJnum#

Toutes les animations fonctionne comme je veux mais au moment de valider une recherche avec du texte ou à vide j'ai juste /# qui apparait après l'adresse ip de on raspberry. De quoi cela provient ? manque une liaison ?

Et est ce que c'est possible que lors que l'on recherche une valeur connu, par exemple Escape01 et que cela renvoi directement a escape01.html

Et ma dernier question pour le moment comment faire pour valider ma recherche avec le bouton Enter ? en plus d'appuyer sur l'icone search

Merci d'avance pour votre aide !!

[mathieu]

le code html et css sert juste à la présentation. si vous voulez utiliser la valeur saisie, il faut par exemple mettre la balise "input" à l'intérieur d'une balise "form" qui envoye le texte recherché à un script en php.

vous pouvez voir des exemples de fonctionnement là :
https://sylvie-vauthier.developpez.c...ge=formulaires

[Youpsy]

Merci mathieu pour ta réponse !
Je vais regarder ce soir pour voir si j'arrive a me débrouiller tous seul !

[Youpsy]

Euhh je comprend pas tout...

Alors si j'ai bien suivi je devrais intégré ça

Code :

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

1
2
3
4
5
6
7
   <?php
        if(isset($_POST['valider'])){
            $pseudo=$_POST['pseudo'];
            $ville=$_POST['ville'];
            echo 'Salut '. $pseudo.'de '. $ville.'<br/>Bienvenue sur mon site !';
        }
        ?>

à cette partie là??

Code :

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

1
2
3
4
5
6
7
8
 <div class="container h-100">
     <div class="d-flex justify-content-center h-100">
         <div class="searchbar">
             <input class="search_input" type="text" name="" placeholder="Rechercher n° escape...">
             <a href="#" class="search_icon"><i class="fa fa-search" aria-hidden="true"></i></a>
         </div>
     </div>
 </div>

la ou ca joue pas pour moi dans ma petite tête c'est que ce code est tiré d un formulaire .php et ça me perturbe un peu..

donc j'ai essayé d'ajouter ça sous cette forme mais rien ne change...

Code :

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

1
2
3
4
5
  <?php
        if(isset($_POST['search_input'])){
            $placeholder=$_POST['placeholder'];
        }
        ?>

Et je crois que je suis en train de totalement me mélanger les pinceaux..

[mathieu]

si le code php est dans un fichier recherche.php, vous devez indiquer une balise form comme cela par exemple :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<form action="recherche.php" method="POST">
 
	<div class="container h-100">
		<div class="d-flex justify-content-center h-100">
			<div class="searchbar">
				<input class="search_input" type="text" name="" placeholder="Rechercher n° escape...">
				<a href="#" class="search_icon"><i class="fa fa-search" aria-hidden="true"></i></a>
			</div>
		</div>
	</div>
 
</form>

[Youpsy]

j'étais parti dans quelque chose de presque similaire en suivant ce lien https://developer.mozilla.org/fr/doc...our_first_form

Code :

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

1
2
3
4
5
6
7
8
9
10
<form name="mySearchForm" action="MaRecherche.php" method="post">
 <div class="container h-100">
     <div class="d-flex justify-content-center h-100">
         <div class="searchbar">
             <input class="search_input" type="text" name="" placeholder="Rechercher une cache...">
             <a href="#" class="search_icon"><i class="fa fa-search" aria-hidden="true"></i></a>
         </div>
     </div>
 </div>
</form>

Mais ce fichier MaRecherche.php je dois le créer sur phpmyadmin ? ou il va ce créer à l'aide d'un script ?

[Youpsy]

En faite je me pose une autre question... est ce qu il y a vraiment besoin du php ?? car je veux juste que le texte du placeholder ce retrouve dans l'url précédé de .html et ainsi me rediriger vers une autre page.. c'est pas vraiment un bouton de recherche mais plutôt de redirection

[Youpsy]

Bonjour !!

Est ce que quelqu'un connais la syntaxe correcte pour que l'action sois la saisie de l'input search ??

Code :

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

<form name="mySearchForm" action="myrecherche.php" method="post">

En gros que le placeholder se retrouve dans l'action.. désolé pour mon vocabulaire..

Code :

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

<input class="search_input" type="text" name="" placeholder="Rechercher une cache...">

ce retrouve dans mon url...

J'ai essayé des manières suivantes mais sans succès...
<form name="mySearchForm" action="placeholder" method="post">,
<form name="mySearchForm" action=placeholder method="post">,
<form name="mySearchForm" action="search_input" method="post">

[Youpsy]

Bon j'ai lu que je devrai partir plutôt sur la méthode GET mais je n'arrive pas non plus à l'appliquer... je suis mauvais...

J'ai essayer ces différentes combinaison mais rien ne change...

Code :

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

1
2
3
4
5
6
7
8
9
10
<form name="mySearchForm" action="" method="get">
 <div class="container h-100">
     <div class="d-flex justify-content-center h-100">
         <div class="searchbar">
             <input class="search_input" type="text" name="" placeholder="Rechercher une cache...">
             <a href="#" class="search_icon"><i class="fa fa-search" aria-hidden="true"></i></a>
         </div>
     </div>
 </div>
</form>

Et comme ça aussi..

Code :

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

1
2
3
4
5
6
7
8
9
10
<form name="mySearchForm" method="get">
 <div class="container h-100">
     <div class="d-flex justify-content-center h-100">
         <div class="searchbar">
             <input class="search_input" type="text" name="" placeholder="Rechercher une cache...">
             <a href="#" class="search_icon"><i class="fa fa-search" aria-hidden="true"></i></a>
         </div>
     </div>
 </div>
</form>

Et encore comme ça.. je désespère...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<form name="mySearchForm" action="<?php echo $_GET['search_input']; ?>" method="get">
 <div class="container h-100">
     <div class="d-flex justify-content-center h-100">
         <div class="searchbar">
             <input class="search_input" type="text" name="" placeholder="Rechercher une cache..."   >
 
             <a href="#" class="search_icon"><i class="fa fa-search" aria-hidden="true"></i></a>
         </div>
     </div>
 </div>
</form>