Derniers sujets
» [PHPBB2]Widget Afficher les derniers message(sujets) d'un forum spécifique
par Milouze14 Dim 17 Mar 2019 - 6:05

» [PHPBB2]Supprimer les champs de contacts dans le profil
par Marley Smith Jeu 14 Mar 2019 - 10:18

» [TOUTES VERSIONS]Afficher au dessus de l'éditeur l'information si mode Wysiwyg ou texte
par FaGu Jeu 14 Mar 2019 - 1:39

» Copyright sur les images contenues dans les sujets
par Chéryl Mar 12 Mar 2019 - 8:52

» [PHPBB3] Supprimer les champs de contacts dans le profil
par Milouze14 Lun 11 Mar 2019 - 19:49

» [TOUTES VERSIONS] Mettre Youtube en plein écran sans logiciel extérieur tous forum
par Kaeyla Lun 11 Mar 2019 - 10:06

» Fenêtre d'édition en mode plein écran
par HeroxAquariophile Sam 9 Mar 2019 - 11:09

» Rajout d'un bouton pour la citation partielle
par HeroxAquariophile Sam 9 Mar 2019 - 11:02

» [TOUTES VERSIONS] Edition rapide
par fred9545 Sam 9 Mar 2019 - 10:40

» [TOUTES VERSIONS] Mettre en place des hashtags comme sur Twitter
par HeroxAquariophile Sam 9 Mar 2019 - 10:36

» [TOUTES VERSIONS]Fond différent en fonction du mode d'édition
par photoclic Ven 8 Mar 2019 - 22:15

» [TOUTES VERSIONS]Feuille de style saturée!! Si vos widgets sont activés alors....
par Milouze14 Mer 6 Mar 2019 - 20:08

» [MODERNBB]N'autoriser que les votes positifs
par Splash Mar 5 Mar 2019 - 16:52

» [MODERNBB] Ajouter les boutons "En Ligne" et "Hors-Ligne"
par chrisnvidia Dim 3 Mar 2019 - 17:22

» [AWESOMEBB]Ajouter les boutons "En Ligne" et "Hors-Ligne"
par Splash Dim 3 Mar 2019 - 12:19

» [INVISION] Afficher l'id/ami et brouillon dans le Welcome de la toolbar
par hamesashek Sam 2 Mar 2019 - 13:46

» [TOUTES VERSIONS] Passer des paramètres à un script via une requête GET
par no_way Jeu 28 Fév 2019 - 22:01

» [TOUTES VERSIONS]Afficher un message aux membres ayant moins de X messages
par no_way Jeu 28 Fév 2019 - 20:25

» [TOUTES VERSIONS] Installer Filepicker - Un gestionnaire d'upload de fichiers multi-sources gratuit
par HeroxAquariophile Mer 27 Fév 2019 - 18:22

» [TOUTES VERSIONS] Afficher le rang dans la toolbar
par HeroxAquariophile Mer 27 Fév 2019 - 17:41

[EDGE] Auto suggestion de la recherche

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

[EDGE] Auto suggestion de la recherche

Astuce le Dim 23 Avr 2017 - 19:32
Milouze14
Milouze14
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
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é:



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 Dim 7 Oct 2018 - 19:18, édité 1 fois



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: [EDGE] Auto suggestion de la recherche

Astuce le Sam 10 Mar 2018 - 21:56
chrisnvidia
chrisnvidia
Milouzien

Messagechrisnvidia

  • 16px
  • 24px
  • Zoom
Merci Philippe pour cette astuce clin oeil

Re: [EDGE] Auto suggestion de la recherche

Astuce le Mar 30 Oct 2018 - 17:10
Splash
Splash
Modérateur

MessageSplash

  • 16px
  • 24px
  • Zoom



Il vaut mieux avoir moins d'amis que plus

Modérateur des forums



Re: [EDGE] Auto suggestion de la recherche

Astuce le Mar 30 Oct 2018 - 17:10
Splash
Splash
Modérateur

MessageSplash

  • 16px
  • 24px
  • Zoom



Il vaut mieux avoir moins d'amis que plus

Modérateur des forums



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

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

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum