Demande aide pour zone de texte et bouton recherche

Demande aide pour zone de texte et bouton recherche - HTML/CSS - Programmation

Marsh Posté le 22-10-2015 à 20:12:41    

Bonjour,  
 
Je voudrai crée un site, je connais un peu le html.  
 
Voici mon probleme:  
 
J'utilise une zone de texte et un bouton rechercher, quand on clique sur le bouton une fenetre s'ouvre pour aller par exemple sur https://www.google.fr/#q=test.  
Et je voudrai que le texte rentré s'ajoute à l'adresse pour la recherche.  
par exemple si l'utilisateur tape voiture Peugeot le résultat sera:  
https://www.google.fr/#q=test voiture Peugeot  
 
Cela est il possible en html?  
Merci!!  
 
J'utilise le code suivant:  
 
 
 <table cellpadding="0" cellspacing="0">  
 <tr valign="top">  
 <td width="25%"> </td>  
 <td align="center" nowrap="nowrap">  
 <input maxlength="2048" name="q" size="55" title="Nouveau Moteur de recherche" value=""><br>  
 
 
 
<b>Search Engine:</b>  
 
<select name="m"><option value='http://www.google.com/search'>Google</option>  
 
<b>Site To Search:</b>  
 
<select name="s"><option value="exemple invariable"></option>  
 
 <form>  
 <input type="button" value="RECHERCHER" onclick="window.open('http://www.yahoo.fr', 'exemple', 'height=600, width=800, top=90, left=350, toolbar=no, menubar=no, location=yes, resizable=yes, scrollbars=yes, status=no');">  
</form>

Reply

Marsh Posté le 22-10-2015 à 20:12:41   

Reply

Marsh Posté le 22-10-2015 à 20:19:32    

Code :
  1. <html>
  2. <body>
  3. <form method="get" action="http://www.google.fr/search">
  4. <input type="text" name="q" value="">
  5. <input type="submit" value="envoyer">
  6. </form>
  7. </body>
  8. </html>
 

Ah eu avec un select pour choisir le moteur de recherche et sans JS je ne vois pas...


Message édité par rat de combat le 22-10-2015 à 20:20:31
Reply

Marsh Posté le 22-10-2015 à 20:47:08    

Excellent!! simple et efficace.
Merci beaucoup ratounet de combat :bounce:
 
et pour le selecteur je pense pas en avoir besoin, au pire je ferai une page par moteur de recherche


Message édité par legolas25 le 22-10-2015 à 20:48:29
Reply

Marsh Posté le 22-10-2015 à 20:57:51    

il y a un truc qui ne marche pas, si je redirige vers: https://www.google.fr/#q=test
Google retourne automatiquement sur la page d'accueil,
Google ne me garde pas la recherche "test"
 
Pour te dire en détail ce que je veux faire c'est ajouter des balises avec chaque recherche, par exemple: "parent directory" -xxx -html -htm -php -shtml -opendivx -md5 -md5sums

Reply

Marsh Posté le 22-10-2015 à 21:18:08    

legolas25 a écrit :

il y a un truc qui ne marche pas, si je redirige vers: https://www.google.fr/#q=test
Google retourne automatiquement sur la page d'accueil,
Google ne me garde pas la recherche "test"


à priori c'est http(s)://www.google.fr/search?q= qu'il faut utiliser.

 

Pour les histoires de choix de moteur de recherche j'ai bricolé un truc, c'est pas tout à fait au point (affichage des formulaires pas au même endroit) et certainement épouvantable au niveau qualité du codage, mais ça marche (du moins chez moi). :o C'est pour l'idée.

 
Code :
  1. <html>
  2. <body>
  3. <script language="Javascript">
  4. function process()
  5. {
  6. choix=document.getElementById('id_select').value;
  7. if(choix==='google.fr')
  8. {
  9.  document.getElementById('id_google').style='visibility: visible;';
  10.  document.getElementById('id_yahoo').style='visibility: hidden;';
  11. }
  12. else if(choix==='yahoo.fr')
  13. {
  14.  document.getElementById('id_google').style='visibility: hidden;';
  15.  document.getElementById('id_yahoo').style='visibility:visible;';
  16. }
  17. }
  18. </script>
  19. <form>
  20. <select id="id_select" onchange="process();">
  21. <option value="google.fr" selected>google.fr</option>
  22. <option value="yahoo.fr">yahoo.fr</option>
  23. </select>
  24. </form>
  25. <div id="id_google" style="visibility:visible;">
  26. <p>google.fr: </p>
  27. <form method="get" action="http://www.google.fr/search">
  28. <input type="text" name="q" value="">
  29. <input type="submit" value="envoyer">
  30. </form>
  31. </div>
  32. <br><br>
  33. <div id="id_yahoo" style="visibility:hidden;">
  34. <p>yahoo.fr</p>
  35. <form  method="get" action="http://fr.search.yahoo.com/search">
  36. <input type="text" name="p" value="">
  37. <input type="submit" value="envoyer">
  38. </form>
  39. </div>
  40. </body>
  41. </html>


Message édité par rat de combat le 22-10-2015 à 21:18:41
Reply

Marsh Posté le 22-10-2015 à 21:36:16    

Merci
 
Ne t'embete pas avec un selecteur de moteur de recherche, je crois pas que je vais en utiliser.
 
Par contre peut on ajouter des balises dans la zone de texte sans que ce soit visible? ou en tout cas que les balises fassent parti de la recherche.
 
quand j'utilise http(s)://www.google.fr/search?q= Google retourne toujours sur sa page d'accueil et ne garde pas la recherche
 
Et une derniere chose, je pense utiliser une iframe pour que la recherche apparaisse sur la meme page, l'idéal serait de voir les sites apparaitre sans que l'on voit ce qu'il a été recherché, imbriqué une recherche Google en commençant a un certain nombre de pixel sous la barre de recherche


Message édité par legolas25 le 22-10-2015 à 21:36:37
Reply

Marsh Posté le 22-10-2015 à 21:42:48    

legolas25 a écrit :

Par contre peut on ajouter des balises dans la zone de texte sans que ce soit visible? ou en tout cas que les balises fassent parti de la recherche.


Tu veux dire rajouter d'autres paramètres que le q= ou ajouter des trucs au texte de recherche? Pour le premier cas essaye avec du <input type="hidden" name="parametre" value="value"> (de mémoire), pour le deuxième cas faudra voir avec du JS.

 

Pour le reste je ne vois pas.


Message édité par rat de combat le 22-10-2015 à 21:42:57
Reply

Marsh Posté le 22-10-2015 à 21:51:40    

je vois pas à quoi sert q=, je voudrai que d'autres texte soit ajouté à la recherche.
 
Je suis assez mauvais en html en faite

Reply

Marsh Posté le 22-10-2015 à 21:59:24    

je voudrai que ceci: "parent directory" -xxx -html -htm -php -shtml -opendivx -md5 -md5sums
 
fasse parti de la recherche, en tapant ceci dans Google on recherche que sur des serveur, c'est la toute l'idée

Reply

Marsh Posté le 22-10-2015 à 22:12:51    

j'ai trouvé!
avec: <input name="q" type="hidden" id="q" value=' '/>

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed