Connexion

Récupérer mon mot de passe

Derniers sujets
» [TOUTES VERSIONS] Afficher le nombre de script(s) disponible dans le welcome(Toolbar]
par Milouze14 Aujourd'hui à 19:39

» [TOUTES VERSIONS] Une page html connexion/deconnexion...
par photoclic Mar 22 Sep 2020 - 21:31

» [MODERNBB] Caché contenu important par nombre de message
par Milouze14 Mar 22 Sep 2020 - 19:08

» [TOUTES VERSIONS]Ajouter un contenu visible que par les membres ayant répondu.
par ThunderTB Dim 20 Sep 2020 - 17:01

» [TOUTES VERSIONS] Menu sur 2 colonnes
par fred9545 Sam 19 Sep 2020 - 18:43

» [PHPBB2] Cacher du contenu aux membres n'ayant pas assez de messages avec les balise hide
par Milouze14 Dim 13 Sep 2020 - 10:55

» [PHPBB2]Retirer les crochets des groupes dans le Qeel
par fred9545 Dim 9 Aoû 2020 - 18:53

» [TOUTES VERSIONS] Modifier les textes des MPs nons lus
par Morane Sam 1 Aoû 2020 - 17:30

» [TOUTES VERSIONS] Installer MESSENGER Forumactif sur votre forum (Version Française)
par clost Lun 13 Juil 2020 - 18:57

» [TOUTES VERSIONS] Afficher un bouton pour remonter en haut de page
par gigi60 Ven 3 Juil 2020 - 14:19

» [TOUTES VERSIONS] Afficher les likes seulement sur les messages des autres membres et plus encore
par photoclic Lun 29 Juin 2020 - 10:59

» [TOUTES VERSIONS] Connexion automatique après inscription
par tritri Sam 27 Juin 2020 - 17:55

» [PHPBB2] Mettre en résolu via la réponse rapide
par Kaiji Mer 17 Juin 2020 - 13:45

» [PHPBB2] Supprimer directement un message sans retour
par Milouze14 Dim 7 Juin 2020 - 4:44

» [TOUTES VERSIONS] Changer les boutons Nouveau MP et Répondre au MP par du texte
par croklivre Lun 25 Mai 2020 - 18:25

» [TOUTES VERSIONS] Faire clignoter les images des nouveaux messages
par croklivre Lun 25 Mai 2020 - 18:17

» [BESTOF] [AWESOMEBB] Modifier le en ligne hors ligne
par Milouze14 Dim 24 Mai 2020 - 5:38

» [AWESOMEBB] Modifier l'icône du bouton d'accueil
par YOUGATAGA Mer 20 Mai 2020 - 13:56

» [AWESOMEBB] Mettre en résolu via la réponse rapide
par Milouze14 Ven 15 Mai 2020 - 8:38

» [INVISION] Mettre en résolu via la réponse rapide
par Milouze14 Ven 15 Mai 2020 - 8:30

[EDGE] Auto suggestion de la recherche

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

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 Ven 21 Fév 2020 - 16:46, édité 3 fois
chrisnvidia
chrisnvidia
Milouzien

Messagechrisnvidia le Sam 10 Mar 2018 - 21:56

Merci Philippe pour cette astuce clin oeil
christ77000
christ77000
Milouzien

Messagechrist77000 le Mer 4 Mar 2020 - 13:57

Merci merci super

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

Sujets similaires internes ( 0 )
Aucun sujet

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