Astuces Forumactif

EDGE/ PHPBB2 / PHPBB3/ PUNBB / INVISION/ MODERNBB/ AWESOMEBB

Connexion

Récupérer mon mot de passe

Derniers sujets
» histoire du Jour sans fin
[EDGE] Auto suggestion de la recherche Clock-10Hier à 20:12 par bildil62

» Afficher la date de la dernière visite au survol du Pseudo seulement pour les admins
[EDGE] Auto suggestion de la recherche Clock-10Hier à 20:07 par photoclic

» [PHPBB2] Afficher une couleur de fond pour chaque catégorie
[EDGE] Auto suggestion de la recherche Clock-10Hier à 1:15 par ThunderTB

» [AwesomeBB] Mettre un bouton résolu et déplacé à la corbeille
[EDGE] Auto suggestion de la recherche Clock-10Mer 22 Mai 2019 - 9:19 par Morane

» [AwesomeBB] Histoire de widgets sur AwesomeBB
[EDGE] Auto suggestion de la recherche Clock-10Mer 22 Mai 2019 - 3:51 par Milouze14

» [PHPBB3] Supprimer la ligne Cacher sa présence en ligne
[EDGE] Auto suggestion de la recherche Clock-10Mar 21 Mai 2019 - 17:39 par Milouze14

» Les réseaux sociaux
[EDGE] Auto suggestion de la recherche Clock-10Mar 21 Mai 2019 - 10:17 par Splash

» *RESOLU*[Invision] Changement de couleur pour un dernier groupe installé.
[EDGE] Auto suggestion de la recherche Clock-10Dim 19 Mai 2019 - 19:32 par Milouze14

» Règlement de l'entraide Forumactif
[EDGE] Auto suggestion de la recherche Clock-10Dim 19 Mai 2019 - 10:39 par Romain

» [PhpBB2] Zoom sur catégories comme sur les messages
[EDGE] Auto suggestion de la recherche Clock-10Ven 17 Mai 2019 - 15:52 par Milouze14

» [TUTORIEL PHOTOSHOP] Effacer un objet très facilement avec l'Outil correcteur localisé
[EDGE] Auto suggestion de la recherche Clock-10Mer 15 Mai 2019 - 8:55 par soleda

» Histoire de Blondes Sans Fin
[EDGE] Auto suggestion de la recherche Clock-10Mar 14 Mai 2019 - 7:34 par Quad Daniel

» La dictée qui rend fou "humour"
[EDGE] Auto suggestion de la recherche Clock-10Mar 14 Mai 2019 - 7:23 par Quad Daniel

» [AwesomeBB] Afficher les stats du footer sans afficher le QEEL
[EDGE] Auto suggestion de la recherche Clock-10Lun 13 Mai 2019 - 4:16 par Milouze14

» [PhpBB2]Mettre une couleur de fond dans le profil des messages
[EDGE] Auto suggestion de la recherche Clock-10Ven 10 Mai 2019 - 17:04 par Morane

» [TOUTES VERSIONS] Trouver l'identifiant d'un membre spécifique
[EDGE] Auto suggestion de la recherche Clock-10Mer 8 Mai 2019 - 10:08 par Quad Daniel

» [AwesomeBB]Créer un widget Dernières publications
[EDGE] Auto suggestion de la recherche Clock-10Mar 7 Mai 2019 - 16:44 par Milouze14

» *RESOLU*[PhpBB2] Fenêtre de connexion
[EDGE] Auto suggestion de la recherche Clock-10Lun 6 Mai 2019 - 18:46 par Milouze14

» *RESOLU*[PhpBB2] Messenger forumactif sur votre forum
[EDGE] Auto suggestion de la recherche Clock-10Lun 6 Mai 2019 - 17:14 par Milouze14

» [PhpBB2]Afficher le lien du sujet dans les messages
[EDGE] Auto suggestion de la recherche Clock-10Dim 5 Mai 2019 - 19:38 par Milouze14

[EDGE] Auto suggestion de la recherche

 :: Astuces Forumactif :: Les astuces EDGE

Voir le sujet précédent Voir le sujet suivant Aller en bas

Icône par defaut [EDGE] Auto suggestion de la recherche

#582198
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 23 Avr 2017 - 19:32

Hello les ami(e)s,

l'astuce est présente aussi sur ce forum, il suffit de cliquer sur le menu de recherche pour visualiser le résultat.

L'aperçu imagé:
[EDGE] Auto suggestion de la recherche Ajaxse10


Comme la plupart des scripts viennent du support EDGE, cette dernière restera visible mais un merci sera
toujours apprécié car la traduction a été effectuée par mes soins:


Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mettez un titre explicite.
Cochez sur toutes les pages


Déposez ceci:
Code:

(function() {
          'DEVELOPED BY ANGE TUTEUR';
          'NO DISTRIBUTION WITHOUT CONSENT OF THE AUTHOR';
          'ORIGIN : http://fmdesign.forumotion.com/t1118-live-search#26404';
          window.fa_ajax_search = {
            input_fields : 'input[name="search_keywords"]', // input elements you want to enable ajax searching on
            delay : 100, // delay before sending search
            // language settings
            lang : {
              title : 'Résultats de la recherche',
              searching : 'Recherche de sujets pour "{KEYWORDS}"...',
              no_results : 'Aucun résultat n\'a été trouvé pour "{KEYWORDS}"',
              view_all : 'Afficher dans la page de recherche',
              close : 'Fermer'
            },
            // wait before sending the search
            queue : function (caller) {
              fa_ajax_search.clear(); // clear ongoing searches
              fa_ajax_search.wait = window.setTimeout(function() {
                fa_ajax_search.query(caller);
              }, fa_ajax_search.delay);
            },
            // create the search result popup
            createPopup : function (caller) {
              if (!fa_ajax_search.popup) {
                var popup = document.createElement('DIV');
                popup.className = 'fa_ajax_search-results';
                popup.innerHTML =
                  '<a href="javascript:fa_ajax_search.clear();" class="fa_ajax_search-close" title="' + fa_ajax_search.lang.close + '">X</a>'+
                  '<div class="fa_ajax_search-title">' + fa_ajax_search.lang.title + '</div>'+
                  '<ul class="fa_ajax_search-topics"></ul>'+
                  '<p style="text-align:center;">'+
                    '<a href="#" class="button1">' + fa_ajax_search.lang.view_all + '</a>'+
                  '</p>';
                fa_ajax_search.popup = popup;
              }
              fa_ajax_search.popup.getElementsByTagName('UL')[0].innerHTML = '<li>' + fa_ajax_search.lang.searching.replace('{KEYWORDS}', caller.value) + '</li>';
              fa_ajax_search.popup.lastChild.getElementsByTagName('A')[0].href = fa_ajax_search.url(caller);
              caller.parentNode.appendChild(fa_ajax_search.popup);
            },
            // submit a search
            query : function (caller) {
              fa_ajax_search.createPopup(caller);
              fa_ajax_search.request = $.get(fa_ajax_search.url(caller), function(d) {
                fa_ajax_search.showResults(caller, $('.topictitle', d));
              });
            },
            // create and return the search URL
            url : function (caller) {
              var form = $(caller).closest('form')[0],
                  where = form ? form.search_where : null;
              return '/search?search_keywords=' + encodeURIComponent(caller.value) + '*' + ( where ? '&search_where=' + where.value : '' );
            },
            // show the results in the popup
            showResults : function (caller, results) {
              var i = 0,
                  j = results.length,
                  list = fa_ajax_search.popup.getElementsByTagName('UL')[0],
                  frag = document.createDocumentFragment(),
                  li;
              if (j) {
                for (; i < j; i++) {
                  li = document.createElement('LI');
                  results[i].href = results[i].href.replace(/%2A$/, '');
                  li.appendChild(results[i]);
                  frag.appendChild(li);
                }
                list.innerHTML = '';
                list.appendChild(frag);
              } else {
                list.innerHTML = '<li>' + fa_ajax_search.lang.no_results.replace('{KEYWORDS}', caller.value) + '</li>';
              }
            },
            // initialize the selected input(s)
            init : function (node) {
              $(node).keyup(function() {
                if (this.value.length >= 3) {
                  fa_ajax_search.queue(this);
                } else {
                  fa_ajax_search.clear();
                }
              }).attr('autocomplete', 'off');
            },
            // clear and abort ongoing searches
            clear : function () {
              if (fa_ajax_search.wait) {
                window.clearTimeout(fa_ajax_search.wait);
                delete fa_ajax_search.wait;
              }
              if (fa_ajax_search.request) {
                fa_ajax_search.request.abort();
                delete fa_ajax_search.request;
              }
              if (fa_ajax_search.popup && fa_ajax_search.popup.parentNode) {
                fa_ajax_search.popup.parentNode.removeChild(fa_ajax_search.popup);
              }
            }
          };
          // search result styles
          $('head').append(
            '<style type="text/css">'+
              '.fa_ajax_search-results {'+
                'font-family:arial, verdana, sans-serif;'+
                'font-size:12px;'+
                'text-align:left;'+
                'white-space:normal;'+
                'background:#FFF;'+
                'border:1px solid #CCC;'+
                'box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);'+
                'margin-top:3px;'+
                'position:absolute;'+
                'z-index:1;'+
              '}'+
              '.fa_ajax_search-title {'+
                'color:#FFF;'+
                'background:#69C;'+
                'font-size:16px;'+
                'height:25px;'+
                'line-height:25px;'+
                'margin:-1px -1px 0 -1px;'+
                'padding:0 40px 0 6px;'+
              '}'+
              '.fa_ajax_search-results a.fa_ajax_search-close {'+
                'color:#FFF !important;'+
                'background:none;'+
                'display:block;'+
                'position:absolute;'+
                'top:-1px;'+
                'right:-1px;'+
                'text-align:center;'+
                'text-decoration:none !important;'+
                'font-size:18px;'+
                'line-height:25px;'+
                'height:25px;'+
                'width:35px;'+
                'margin:0 !important;'+
                'padding:0 !important;'+
              '}'+
              '.fa_ajax_search-results a.fa_ajax_search-close:hover { background:#F33 !important; }'+
              '.fa_ajax_search-results > p { padding:3px; }'+
              '.fa_ajax_search-topics {'+
                'width:100%;'+
                'max-height:300px;'+
                'overflow-y:auto;'+
                'overflow-x:hidden;'+
              '}'+
              '.fa_ajax_search-topics {'+
                'color:#333;'+
                'border-top:1px solid #CCC;'+
                'border-bottom:1px solid #CCC;'+
                'padding:0 !important;'+
              '}'+
              '.fa_ajax_search-topics li {'+
                'padding:3px;'+
                'display:block !important;'+
                'line-height:14px !important;'+
              '}'+
              '.fa_ajax_search-topics li:nth-child(even) { background:rgba(0, 0, 0, 0.05); }'+
              '.fa_ajax_search-topics li:nth-child(odd) { background:rgba(0, 0, 0, 0.1); }'+
              '.fa_ajax_search-topics a.topictitle, #ipbwrapper .fa_ajax_search-results > p > a {'+
                'font-size:12px;'+
                'font-weight:normal !important;'+
                'padding:0 !important;'+
                'background:none !important;'+
              '}'+
            '</style>'
          );
          // wait for the document to be ready before initializing
          $(function() {
            fa_ajax_search.init(fa_ajax_search.input_fields);
          });
        }());


Pensez a cliquer sur le bouton Valider


Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide clin oeil
https://www.milouze14.com/f108-entraide-tous-supports


Dernière édition par Milouze14 le Sam 13 Avr 2019 - 19:31, édité 2 fois

Icône par defaut Re: [EDGE] Auto suggestion de la recherche

#594790
chrisnvidia
chrisnvidia
Milouzien

Messagechrisnvidia le Sam 10 Mar 2018 - 21:56

Merci Philippe pour cette astuce clin oeil

Icône par defaut Re: [EDGE] Auto suggestion de la recherche

#603750
Splash
Splash
Milouzien

MessageSplash le Mar 30 Oct 2018 - 17:10

Icône par defaut Re: [EDGE] Auto suggestion de la recherche

#603751
Splash
Splash
Milouzien

MessageSplash le Mar 30 Oct 2018 - 17:10

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Sujets similaires
» Invision - Recherche Code CSS pour centrage auto des photos
» [RESOLU] Edge 605/705 - Sur quel site Internet aller pour créer puis exporter un parcours exploitable par mon GPS
» [Fermé] recherche malveillant qui empeche l'ouverture de certaines pages web
» recherche proprio de hd 7850 sur le forum
» Mon site n'apparait pas bien quand on fait une recherche sur google

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

Astuces Forumactif :: Astuces Forumactif :: Les astuces EDGE

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
© phpBB | Signaler un abus