fenêtre "rechercher" qui se déplace

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

Résolu fenêtre "rechercher" qui se déplace

Message par @stra le Ven 31 Mar 2017 - 15:32

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://quadra-motards.forum-pro.fr/

Description du problème

bonjour

J'ai mis en place le script (ci-dessous) sur mon forum en modernBB. Il permet d'améliorer l'outil de recherche et me convient très bien.
Par contre, à l'usage, il se comporte bizarrement: si je suis en haut de ma page, il s'affiche en haut, si je scroll un peu vers le bas , il s'affiche plus bas, si je scroll encore, il s'affiche encore plus bas, jusqu'à disparaitre de l'écran.

J'ai fais des tests en désactivant mes autres script, sans résultat.
si quelqu'un à une solution, je suis preneur Laughing

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 des sujets contenant "{KEYWORDS}"...',
              no_results : 'aucun résultat pour "{KEYWORDS}"',
              view_all : 'lister les résultats sur une page',
              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);
          });
        
        }());
avatar

@stra
****

Masculin
Messages : 360
Inscrit(e) le : 29/01/2011

http://quadra-motards.forum-pro.fr/
@stra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fenêtre "rechercher" qui se déplace

Message par @stra le Dim 2 Avr 2017 - 9:48

salutations dominicales Very Happy

personne n'a une petite idée ?
avatar

@stra
****

Masculin
Messages : 360
Inscrit(e) le : 29/01/2011

http://quadra-motards.forum-pro.fr/
@stra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fenêtre "rechercher" qui se déplace

Message par Chacha le Sam 8 Avr 2017 - 9:29

Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 55120
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fenêtre "rechercher" qui se déplace

Message par @stra le Sam 8 Avr 2017 - 19:05

up
avatar

@stra
****

Masculin
Messages : 360
Inscrit(e) le : 29/01/2011

http://quadra-motards.forum-pro.fr/
@stra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fenêtre "rechercher" qui se déplace

Message par Walt le Sam 8 Avr 2017 - 19:11

Bonsoir,

D'où tenez-vous ce script ?

Cordialement,
Walt
avatar

Walt
Modéractif
Modéractif

Masculin
Messages : 3623
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fenêtre "rechercher" qui se déplace

Message par @stra le Dim 9 Avr 2017 - 8:42

bonjour, c'est noté dans le script :

Code:
ORIGIN : http://fmdesign.forumotion.com/t1118-live-search#26404';

en fait je viens de voir la réponse de ange tuteur (que je vous livre)

"The 2nd problem is a bug with ModernBB's sticky header ; I'd report this to the topic on the FdF :
http://forum.forumactif.com/t390846-modernbb-une-nouvelle-version-de-forums-forumactif-pour-une-meilleure-experience-utilisateur"
--------
avatar

@stra
****

Masculin
Messages : 360
Inscrit(e) le : 29/01/2011

http://quadra-motards.forum-pro.fr/
@stra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: fenêtre "rechercher" qui se déplace

Message par Walt le Dim 9 Avr 2017 - 11:44

Effectivement, je vous invite à poster ce souci dans ce sujet :
http://forum.forumactif.com/t391126-modernbb-problemes-detectes#3282419

Avec un screen du problème et une explication rapide, afin qu'il soit pris en compte par l'équipe technique.

Par conséquent, je ferme ce sujet.

Cordialement,
Walt
avatar

Walt
Modéractif
Modéractif

Masculin
Messages : 3623
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

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


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