Searchbar renvoi /#

Version imprimable

11/10/2022, 20h13
Youpsy

Searchbar renvoi /#

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.. :aie:
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 !!
11/10/2022, 22h44
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
12/10/2022, 19h11
Youpsy

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

Euhh :oops: je comprend pas tout...

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

Code:

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:

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:

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

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

Code:

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>

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

Code:

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 ?

12/10/2022, 22h40
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
16/10/2022, 13h18
Youpsy

Bonjour !!

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

Code:

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

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

Code:

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

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

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

Code:

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:

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:

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>