Fonction recherche sur un site

[Dan229]

Bonjour,
j'ai un (vieux) site comportant des centaines de pages en html et php.
Je suis peu doué en programmation.
Un ami (disparu depuis) m'a aidé à le faire (disons qu'il a presque tout fait).
Sur chaque page, il avait inclus la fonction "recherche" que je trouvais très intéressante.
Par je ne sais quelle manipulation de ma part, elle a disparu.
Pouvez-vous m'aider à en retrouver une simple ?
PS : il y a longtemps que je ne pratique plus, soyez donc patient avec moi.
Une occasion pour moi de faire des révisions.
Je peux vous donner l'adresse de mon site, si vous voulez.
-----

[Flyingbike]

si vous n'avez pas empêché l'indexation du site par un moteur de recherche, on peut faire une recherche sur un site spécifique avec google par exemple

pour rechercher Dan229 sur futura-sciences, la recherche à lancer est

"Dan229" site:forums.futura-sciences.com

[Dan229]

Merci pour votre réponse rapide.
Je crois que je me suis mal exprimé.
Par exemple, je cherche un mot sur mon site.
Il va me montrer toutes les occurrences d'apparition sur ce site.
(utile pour un dictionnaire qui pourra donner toutes les traductions d'un mot)
(Mon site est un dictionnaire-langues exotiques)
https://beninfongbe.com

[Flyingbike]

J'avais bien compris.

Le problème est que pour avoir une fonction de recherche intégrée il faut pouvoir modifier le site. En avez vous la possibilité ? A quoi ressemblait la précédente ?


En attendant, ma solution fonctionne même s'il faut sortir momentanément du site.

EDIT : je ne pensais pas cela si facile.

Avec google toujours, vous pouvez faire un moteur personnalisé. Un exemple avec votre site :

https://cse.google.com/cse?cx=98db7dc9d94791336

La recherche donnera la liste des résultats présents sur votre site.

Il est aisé d'inclure le champ de recherche sur votre site avec le code généré :

<script async src="https://cse.google.com/cse.js?cx=98db7dc9d94791336"></script><div class="gcse-search"></div>

tout est là : https://cse.google.com/cse/create/new

[A voir en vidéo sur Futura]

[umfred]

J'avais bien compris.

Le problème est que pour avoir une fonction de recherche intégrée il faut pouvoir modifier le site. En avez vous la possibilité ? A quoi ressemblait la précédente ?


En attendant, ma solution fonctionne même s'il faut sortir momentanément du site.

EDIT : je ne pensais pas cela si facile.

Avec google toujours, vous pouvez faire un moteur personnalisé. Un exemple avec votre site :

https://cse.google.com/cse?cx=98db7dc9d94791336

La recherche donnera la liste des résultats présents sur votre site.

le lien ne fonctionne pas chez moi, il doit être lié à ton compte google je pense (ou tu l'as supprimé entre temps).
j'ai également fait le test, voici l'adresse générée https://cse.google.com/cse?cx=7d7c9888d0348bc60 pour tester

[Flyingbike]

le lien ne fonctionne pas chez moi, il doit être lié à ton compte google je pense (ou tu l'as supprimé entre temps).
j'ai également fait le test, voici l'adresse générée https://cse.google.com/cse?cx=7d7c9888d0348bc60 pour tester

non, c'est que je l'ai supprimé comme une triple buse.

Ton lien fonctionne bien

[Dan229]

J'ai lu vos réponses.
Je testerai demain car je dois sortir.
Je suis capable de modifier mon site : notepad++ et filezilla.
Merci en attendant.
Je vous tiens au courant.

[Flyingbike]

Ok, super. Dans ce cas, vous pouvez tester le lien de umfred, et si cela répond à vos attentes, il ne vous restera plus qu'a créer à votre tour cette fonction et à intégrer le code correspondant sur votre page.

[Dan229]

Oups !
Quand j'ai voulu entrer le code <script async src="https://cse.google.com/cse.js?cx=daf9dac8b58904296"></script>
<div class="gcse-search"></div>
ma page d'accueil présentait un énorme "blanc" entre l'image d'accueil en haut de la page et "Actualités béninoises en 2016'. En outre, les images du folklore béninois étaient devenues très épaisses (border = 5 au lieu de 2). Pourquoi = mystère. J'ai réparé une par une dans notepad.
Au bout d'une heure à transpirer car j'avais oublié de programmer (finalement, ce n'est pas du temps perdu, car j'ai fait des révisions).
J'ai dû donc enlever cette ligne de code pour revenir à la normale.
Pas grave.
J'espère qu'il n'y a pas d'autres dégâts sur le site. Je suis en train de vérifier.
Bonne journée.

[Dan229]

Peut-être ai-je mal placé cette ligne de code.

[Dan229]

Têtu, j'ai cette fois-ci placé la ligne de code en bas de la page.
Même résultat et impossible de revenir à la page correcte.
Je me rappelle qu'il y a des années, ce pouvait être des problèmes de rafraichissement au niveau du serveur.
Je crois qu'il faut attendre.

[Flyingbike]

l'avez vous bien placé dans <body></body> ?


EDIT : chez moi ça marche bien
Vous avez du l'intercaler au mauvais endroit

[Dan229]

Je viens encore de transpirer pendant plus de deux heures.
Réparé.
Je vous avais dit que j'avais un énorme blanc en haut de la page.
La première fois, la ligne de code avait mis tous les borders en taille "5" au lieu de "2" comme primitivement.
Réparé.
Au deuxième essai, elle a mis tous les jpg (minuscules) en JPG (majuscules) si bien que les images n'apparaissaient plus.
Réparé.
Je mets bien la ligne de code dans <body></body>
Je l'ai mise une fois en haut de la page et une fois en bas.
Où la mettez vous ? Vous avez mon code source.
Mystère.

[umfred]

Google indique:

Copiez le code ci-dessous et collez-le dans un élément <div> de la section <body> de votre site, à l'endroit où vous souhaitez que s'affichent le champ de recherche et les résultats de recherche.

J'ai fait un test, j'ai copié le code minimum dans un fichier html sur mon bureau

<!DOCTYPE html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<head><script async src="https://cse.google.com/cse.js?cx=7d7c9888d0348bc60"></script></head>
<body><div class="gcse-search"></div></body>

et en inspectant la page sous chrome, j'ai le code suivant:

<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, initial-scale=1">
<script async="" src="//cse.google.com/adsense/search/async-ads.js"></script><script async="" src="https://cse.google.com/cse.js?cx=7d7c9888d0348bc60"></script><script src="https://www.google.com/cse/static/element/26b8d00a7c7a0812/cse_element__fr.js?usqp=CAM%3D" type="text/javascript"></script><link type="text/css" rel="stylesheet" href="https://www.google.com/cse/static/element/26b8d00a7c7a0812/default+fr.css"><link type="text/css" rel="stylesheet" href="https://www.google.com/cse/static/style/look/v4/default.css"><style type="text/css">.gsc-control-cse{font-family:arial, sans-serif}.gsc-control-cse .gsc-table-result{font-family:arial, sans-serif}.gsc-refinementsGradient{background:linear-gradient(to left,rgba(255,255,255,1),rgba(255,255,255,0))}</style><style type="text/css">.gscb_a{display:inline-block;font:27px/13px arial,sans-serif}.gsst_a .gscb_a{color:#a1b9ed;cursor:pointer}.gsst_a:hover .gscb_a,.gsst_a:focus .gscb_a{color:#36c}.gsst_a{display:inline-block}.gsst_a{cursor:pointer;padding:0 4px}.gsst_a:hover{text-decoration:none!important}.gsst_b{font-size:16px;padding:0 2px;position:relative;user-select:none;-webkit-user-select:none;white-space:nowrap}.gsst_e{vertical-align:middle;opacity:0.55;}.gsst_a:hover .gsst_e,.gsst_a:focus .gsst_e{opacity:0.72;}.gsst_a:active .gsst_e{opacity:1;}.gsst_f{background:white;text-align:left}.gsst_g{background-color:white;border:1px solid #ccc;border-top-color:#d9d9d9;box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:-1px -3px;padding:0 6px}.gsst_h{background-color:white;height:1px;margin-bottom:-1px;position:relative;top:-1px}.gsib_a{width:100%;padding:4px 6px 0}.gsib_a,.gsib_b{vertical-align:top}.gssb_c{border:0;position:absolute;z-index:989}.gssb_e{border:1px solid #ccc;border-top-color:#d9d9d9;box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);cursor:default}.gssb_f{visibility:hidden;white-space:nowrap}.gssb_k{border:0;display:block;position:absolute;top:0;z-index:988}.gsdd_a{border:none!important}.gsq_a{padding:0}.gssb_a{padding:0 7px}.gssb_a,.gssb_a td{white-space:nowrap;overflow:hidden;line-height:22px}#gssb_b{font-size:11px;color:#36c;text-decoration:none}#gssb_b:hover{font-size:11px;color:#36c;text-decoration:underline}.gssb_g{text-align:center;padding:8px 0 7px;position:relative}.gssb_h{font-size:15px;height:28px;margin:0.2em;-webkit-appearance:button}.gssb_i{background:#eee}.gss_ifl{visibility:hidden;padding-left:5px}.gssb_i .gss_ifl{visibility:visible}a.gssb_j{font-size:13px;color:#36c;text-decoration:none;line-height:100%}a.gssb_j:hover{text-decoration:underline}.gssb_l{height:1px;background-color:#e5e5e5}.gssb_m{color:#000;background:#fff}.gssb_a{padding:0 9px}.gsib_a{padding:5px 9px 4px 9px}.gscb_a{line-height:27px}.gssb_e{border:0}.gssb_l{margin:5px 0}input.gsc-input::-webkit-input-placeholder{font-size:14px}input.gsc-input:-moz-placeholder{font-size:14px}input.gsc-input::-moz-placeholder{font-size:14px}input.gsc-input:-ms-input-placeholder{font-size:14px}input.gsc-input:focus::-webkit-input-placeholder{color:transparent}input.gsc-input:focus:-moz-placeholder{color:transparent}input.gsc-input:focus::-moz-placeholder{color:transparent}input.gsc-input:focus:-ms-input-placeholder{color:transparent}.gssb_c .gsc-completion-container{position:static}.gssb_c{z-index:5000}.gsc-completion-container table{background:transparent;font-size:inherit;font-family:inherit}.gssb_c > tbody > tr,.gssb_c > tbody > tr > td,.gssb_d,.gssb_d > tbody > tr,.gssb_d > tbody > tr > td,.gssb_e,.gssb_e > tbody > tr,.gssb_e > tbody > tr > td{padding:0;margin:0;border:0}.gssb_a table,.gssb_a table tr,.gssb_a table tr td{padding:0;margin:0;border:0}</style></head>
<body><div id="___gcse_0"><div class="gsc-control-cse gsc-control-cse-fr"><div class="gsc-control-wrapper-cse" dir="ltr"><form class="gsc-search-box gsc-search-box-tools" accept-charset="utf-8"><table cellspacing="0" cellpadding="0" class="gsc-search-box"><tbody><tr><td class="gsc-input"><div class="gsc-input-box" id="gsc-iw-id1"><table cellspacing="0" cellpadding="0" id="gs_id50" class="gstl_50 gsc-input" style="width: 100%; padding: 0px;"><tbody><tr><td id="gs_tti50" class="gsib_a"><input autocomplete="off" type="text" size="10" class="gsc-input" name="search" title="rechercher" id="gsc-i-id1" dir="ltr" spellcheck="false" style="width: 100%; padding: 0px; border: none; margin: 0px; height: auto; background: url(&quot;https://www.google.com/cse/static/images/1x/fr/branding.png&quot;) left center no-repeat rgb(255, 255, 255); outline: none;"></td><td class="gsib_b"><div class="gsst_b" id="gs_st50" dir="ltr"><a class="gsst_a" href="javascript:void(0)" title="Effacer le contenu du champ de recherche" role="button" style="display: none;"><span class="gscb_a" id="gs_cb50" aria-hidden="true">×</span></a></div></td></tr></tbody></table></div></td><td class="gsc-search-button"><button class="gsc-search-button gsc-search-button-v2"><svg width="13" height="13" viewBox="0 0 13 13"><title>rechercher</title><path d="m4.8495 7.8226c0.82666 0 1.5262-0.29146 2.0985-0.87438 0.57232-0.58292 0.86378-1.2877 0.87438-2.1144 0.010599-0.82666-0.28086-1.5262-0.87438-2.0985-0.59352-0.57232-1.293-0.86378-2.0985-0.87438-0.8055-0.010599-1.5103 0.28086-2.1144 0.87438-0.60414 0.59352-0.8956 1.293-0.87438 2.0985 0.021197 0.8055 0.31266 1.5103 0.87438 2.1144 0.56172 0.60414 1.2665 0.8956 2.1144 0.87438zm4.4695 0.2115 3.681 3.6819-1.259 1.284-3.6817-3.7 0.0019784-0.69479-0.090043-0.098846c-0.87973 0.76087-1.92 1.1413-3.1207 1.1413-1.3553 0-2.5025-0.46363-3.4417-1.3909s-1.4088-2.0686-1.4088-3.4239c0-1.3553 0.4696-2.4966 1.4088-3.4239 0.9392-0.92727 2.0864-1.3969 3.4417-1.4088 1.3553-0.011889 2.4906 0.45771 3.406 1.4088 0.9154 0.95107 1.379 2.0924 1.3909 3.4239 0 1.2126-0.38043 2.2588-1.1413 3.1385l0.098834 0.090049z"></path></svg></button></td><td class="gsc-clear-button"><div class="gsc-clear-button" title="effacer les résultats">&nbsp;</div></td></tr></tbody></table></form><div class="gsc-results-wrapper-overlay"><div class="gsc-results-close-btn" tabindex="0"></div><div class="gsc-positioningWrapper"><div class="gsc-tabsAreaInvisible"><div aria-label="refinement" role="tab" class="gsc-tabHeader gsc-inline-block gsc-tabhActive">Recherche personnalisée</div><span class="gs-spacer"> </span></div></div><div class="gsc-positioningWrapper"><div class="gsc-tabsAreaInvisible"></div></div><div class="gsc-above-wrapper-area-invisible"><table cellspacing="0" cellpadding="0" class="gsc-above-wrapper-area-container"><tbody><tr><td class="gsc-result-info-container"><div class="gsc-result-info-invisible"></div></td><td class="gsc-orderby-container"><div class="gsc-orderby-invisible"><div class="gsc-orderby-label gsc-inline-block">Trier par&nbsp;:</div><div class="gsc-option-menu-container gsc-inline-block"><div class="gsc-selected-option-container gsc-inline-block"><div class="gsc-selected-option">Relevance</div><div class="gsc-option-selector"></div></div><div class="gsc-option-menu-invisible"><div class="gsc-option-menu-item gsc-option-menu-item-highlighted"><div class="gsc-option">Relevance</div></div><div class="gsc-option-menu-item"><div class="gsc-option">Date</div></div></div></div></div></td></tr></tbody></table></div><div class="gsc-adBlockInvisible"></div><div class="gsc-wrapper"><div class="gsc-adBlockInvisible"></div><div class="gsc-resultsbox-invisible"><div class="gsc-resultsRoot gsc-tabData gsc-tabdActive"><div><div class="gsc-expansionArea"></div></div></div></div></div></div><div class="gsc-modal-background-image" tabindex="0"></div></div></div></div><table cellspacing="0" cellpadding="0" class="gstl_50 gssb_c" style="width: 169px; display: none; top: 39px; left: 8px; position: absolute;"><tbody><tr><td class="gssb_f"></td><td class="gssb_e" style="width: 100%;"></td></tr></tbody></table></body></html>

Et quand je mets le code minimun sur ta page, rien ne se passe, en revanche en collant le long code, j'ai bien la barre de recherche qui apparait. Il y a peut-être un problème quelque part dans l'import du javascript.

PS:Pour revenir en arrière, il suffit juste de supprimer les lignes rajoutées.
PS: j'ai utilisé le code généré sur mon compte, il faudrait remplacer mon code "7d7c9888d0348bc60" par le votre "daf9dac8b58904296"

[Dan229]

C'est bien ce que j'ai fait.
La première fois, j'ai bien eu ma barre de recherche mais avec d'autres modifications importantes inattendues sur ma page (grand blanc, borders, suppression d'images, ...)
Je préfère laisser ma page en l'état car je crains une autre catastrophe.

[umfred]

OK tu as donc bien la barre de recherche. je pense qu'il faut que tu copies le code juste après <section> (section correspond à la partie principale de la page)

[Dan229]

C'est une bonne idée.
Tu peux me redonner le code exact à la virgule près car je me perds.
Merci

[Dan229]

Yes ! Ca marche.
Ouf !
Que d'émotions !
Merci beaucoup.

[jacknicklaus]

J'ai réparé une par une dans notepad.
Au bout d'une heure à transpirer car j'avais oublié de programmer [...].

Bonjour,

vous venez donc de découvrir la loi n°1 du parfait programmeur : "avant de changer quoique ce soit, une sauvegarde tu feras"

[Dan229]

Ah là, je t'arrête.
C'est ce que je fais toujours, étant très prudent.
Je l'avais même sauvé dans deux endroits différents.
Mais ici, pour une raison inconnue et mystérieuse, le site présentait un énorme blanc que ce soit dans mon site travaillé, que ce soit dans mes sauvegardes.
Je n'ai toujours pas compris pourquoi.
La fonction recherche avait modifié mes trois sauvegardes en même temps.

[Dan229]

Je crois comprendre un peu pourquoi.
En tout cas, félicitation pour vos aides : depuis mon inscription, plusieurs problèmes rapidement résolus.
Merci bcp.