Seite 1 von 1

Blueimp Ajax-Chat - Scrollingproblem

Verfasst: 23.07.2014 13:01
von Jobsti
Servus allerseits,

ich habe jetzt Jahrelang das uralte Opera 12 genutzt,
nachdem ich endlich mal umgestiegen bin, ist mir aufgefallen, dass der Chat leider nicht mehr korrekt nach unten scrollt.
Vor allem wenn Bilder (somit auch Smileys) in einer Zeile sind, fehlt immer die letzte oder gar 2 letzten Zeilen vom Chat
und man muss jedes mal manuell runter-scrollen.

Der Chat läuft separat und ist nicht direkt in's Forum eingebunden (Nur mit den Logins gekoppelt).
An was genau kann das liegen und wo muss ich nachforschen?
Ich gehe mal davon aus, das es irgendwo an einer alten JS.scroll-Funktion liegt?


Foren-URL:
http://www.lautsprecherforum.eu
Chat:
http://www.lautsprecherforum.eu/chat


Vielen Dank schonmal.

Re: Blueimp Ajax-Chat - Scrollingproblem

Verfasst: 23.07.2014 13:28
von Kirk
Hallo
Hast du mal überprüft ob dieser Ajax-Chat auf den neuesten Stand ist?

Re: Blueimp Ajax-Chat - Scrollingproblem

Verfasst: 23.07.2014 16:14
von Lehrling
Hallo,
ich war gerade in deinem Chat, aber irgendwie konnte ich das Problem nicht erkennen. Das sah alles sehr normal aus.

LG Beate

Re: Blueimp Ajax-Chat - Scrollingproblem

Verfasst: 23.07.2014 18:22
von Jobsti
Einfach mal ein paar Zeilen mit Smileys oder Bildern posten, dann tritt das Problem auf.

Der Chat ist nicht auf dem aller neusten Stand,
habe aber schon einige Dateien (ich meine sogar mal alle?!) der neusten Version drüber gefeffert,
Problem blieb bestehen.

Re: Blueimp Ajax-Chat - Scrollingproblem

Verfasst: 24.07.2014 09:59
von Helmut
Hallo Jobsti,

also bei mir wird dein Chat auch richtig angezeigt, konnte deine Beobachtung nicht bestätigen, habe bestimmt gefühlte 50 Smilies gepostet.

Ich habe es gerade unter Windows7 64bit mit dem IE11 und den FF31 getestet.

Kannst du uns mal genau sagen was du für ein Betriebssystem hast und bei welchen Browser genau der Fehler auftritt?

Ideal wäre es wenn du uns Bilder vom Fehler hier zeigen könntest.

Gruß Helmut

Re: Blueimp Ajax-Chat - Scrollingproblem

Verfasst: 24.07.2014 13:07
von Jobsti
Habe deine Smileys gerade gesehen :D

Ich habe mich gestern nochmal durch die Googlegruppe vom Ajax gequält,
da gab es ebenfalls das Problem, allerdings nur beim Chrome.

Habe hier komplett alles durch probiert, war aber erfolglos.
Dann aus Langeweile etwas am Design rumgewerkelt und nur ein Fix eingebaut (der für 404 Fehlerbilder)
und auch Lightbox. (und noch zum Test in der config.js " maxMessages: 100," was default auf 0 stand, jedoch gab's bei Tests hier keine Unterschiede.

Wie ich sehe, scheint es heute jetzt zu funktionieren.
Das einzige was noch ist: postet man ein Bild, scrollt der Chat nicht ganz runter, dafür aber glücklicherweise sobald man wieder etwas schreibt.


Edit:
Problem behoben, habe in den "original"-mod für Lightview jetzt noch manuell onload="ajaxChat.updateChatlistView();" eingebaut,
scheint zu funktionieren. TipTop [ externes Bild ]


Der Code für Lightbox schaut abgeändert so aus (passt nun auch Bildgröße an):

Code: Alles auswählen

 replaceBBCodeImage: function(content, attribute) {
    return '<div align="center"><a href="'
      + this.replaceBBCode(content)
      + '" data-lightbox="random-image"><img style="max-width:70%; max-height:40%;" src="'      
      + this.replaceBBCode(content)
      + '" onload="ajaxChat.updateChatlistView();"/></a><h5>Klicke zum Vergrößern<br/>'
      + '<a href="'
      + this.replaceBBCode(content)
      + '" target="blank" style="font-size:8px"><i>Link zum Original</i></a></h5></div>';
  },
Auskommentieren, oder löschen vom Original in der chat.js:

Code: Alles auswählen

  replaceBBCodeImage: function(url) {
      if(this.settings['bbCodeImages']) {
          if (!arguments.callee.regExpUrl) {
              arguments.callee.regExpUrl = new RegExp(
                  this.regExpMediaUrl,
                  ''
              );
          }
          if(!url || !url.match(arguments.callee.regExpUrl))
              return url;
          url = url.replace(/\s/gm, this.encodeText(' '));
          var maxWidth = this.dom['chatList'].offsetWidth-50;
          var maxHeight = this.dom['chatList'].offsetHeight-50;
          return    '<a href="'
                  +url
                  +'" onclick="window.open(this.href); return false;">'
                  +'<img class="bbCodeImage" style="max-width:'
                  +maxWidth
                  +'px; max-height:'
                  +maxHeight
                  +'px;" src="'
                  +url
                  +'" alt="" onload="ajaxChat.updateChatlistView();"/></a>';
      }
      return url;
  },
 
(und eben original Lightbox.zip in's root entpacken)


Update:
Bei einem 404 Fehler, bzw. falschem Bildlink, setzt Autoscrol schonwieder aus.
Lösung: (Wichtig: ein gültiges Fehlerbild muss sich im Ordner /img befinden!)

Code: Alles auswählen

onerror="this.src=\'img/picerror.png\'"
vor

Code: Alles auswählen

onload="ajaxChat.updateChatlistView();"
setzen