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 ?