Shoutbox - Ajax Features und Designanpassung

Ich habe einen Blog Artikel verfasst - Wie benutze ich die Suche richtig - Bitte diesen beachten und auch umsetzen bevor Ihr ein Neues Thema eröffnet!

  • mhh ist bei mir zwar nicht so, aber füge mal bitte in der index.php über

    PHP
    1. header ("location: ".$CONFIG['PATH'].glink().$RUNTIME['PATH'][0]);


    folgendes

    PHP
    1. session_destroy();


    ein


    Noch kurze Rückmeldung zu meinem Logout Problem.
    Mit "session_destroy" konnte es behoben werden. Danke Patchstar!


    Cache löschen etc. war bei mir ohne Erfolg (Browser FF & IE und Problem trat dementsprechend auch bei anderen Usern auf)
    und wenn ich das "session_start" aus der index.php rausgenommen habe. Waren einige Shoutbox Einträge ohne Username.

  • Zu früh gefreut. Das Logout Problem ist wieder da... Aktuell hilft nur das "session_start" wieder auszukommentieren.. sonst keiner das Problem?


    Und dann habe ich noch ein Problem betrifft die Shoutbox auf der Linken Seite.


    Die Shoutbox Höhe wird nicht angepasst je nach Länge der einzelnen Beiträge, so wird der letzte Beitrag nicht komplett dargestellt und abgeschnitten.
    Problem tritt nur im Firefox auf nicht im Internet Explorer. Bei der alten nicht Shoutbox ohne ajax gab es das Problem nicht.


    Code
    1. #chat-wrap { overflow: hidden; height: 540px; position:relative;}


    Nehme ich die Zeile raus oder setze einen "background" anstatt "height" ändert dies nichts. Kann ja auch nicht ständig "height" korrigieren weiß ja nicht wie lang die letzten 6 Beiträge so werden ;)


    Btw. habe die alten Smilies beibehalten. Den Submit Button und die Smilies zentiert, sonst keine Änderungen vorgenommen..


    Edit/Anmerkung: Der Unterscheid in den verschd. Browsern erklärt sich durch anderen Zeilenumbruch(andere Schriften)

  • Problem 2 das mit der Höhe hat sich erledigt!


    Habe einfach beide Zeilen auskommentiert :pardon:

    Code
    1. /*
    2. #chat-wrap { overflow: hidden; height: 540px; position:relative;}
    3. #chat-area { position: absolute;left: 0;top: 0;right: -30px;bottom: 0; padding-right: 15px;overflow-y: scroll; }
    4. */
  • Ich hatte das Problem mit dem abgeschnittenen Text bisher nicht. Allerdings sieht es bei mir rechts unten unschön aus. Hab's mal im roten Kästchen markiert. Da überlappen irgendwie zwei Buttons.

  • Das kommt bei mir noch nicht zu tragen da ich noch nicht mehr als 9 Seiten in der Shout habe..


    Aber schau dir mal die Zeilen 170-186 in der shout.php an dort werden vier Spalten angelegt.
    Könntest jetzt einfach die Schriftgröße kleiner machen dann sollte es wieder passen.


    Teste und ersetze in allen 4 Zeilen aus dem Block


    Code
    1. ...style="font-size:'.$fontsize.'">


    durch

    Code
    1. ... style="font-size:8px">
  • füge mal in der shout.php unter

    Code
    1. #shoutsites table { float:right; }


    folgendes

    Code
    1. #shoutsites table td { white-space:nowrap;}


    ein


    Funzt 1a. :thumbsup:
    Danke dir vielmals! 8o

    The definition of open: mkdir android ; cd android ; repo init -u git://android.git.kernel.org/platform/ manifest.git ; repo sync ; make

  • Ich hab' gerade festgestellt, dass in meiner Shoutbox der horizontale Scrollbalken fehlt, dafür hab' ich 'nen vertikalen. :S
    Die Settings hab' ich so gelassen, also 6 Einträge pro Seite...

  • Ich hab' gerade festgestellt, dass in meiner Shoutbox der horizontale Scrollbalken fehlt, dafür hab' ich 'nen vertikalen. :S
    Die Settings hab' ich so gelassen, also 6 Einträge pro Seite...


    Ich wollte bei mir gar keine Scrollbalken, weil ich das nicht besonders hübsch fand und in einigen Browsern der Scrollbalken extrem dick dargestellt werden.


    Du kannst es aber im CSS Bereich in der shout.php anpassen

    Code
    1. #chat-wrap { overflow: hidden; height: 540px; position:relative;}#chat-area { position: absolute;left: 0;top: 0;right: -30px;bottom: 0; padding-right: 15px;overflow-y: scroll; }


    durch z.B.

    Code
    1. #chat-wrap { height: 540px; overflow:scroll; overflow-x: hidden;}
    2. #chat-area {}
  • Danke dir! :)


    Ich muss auch nicht unbedingt einen haben. Ich habe allerdings jetzt 2 User gehabt, die lange Texte geschrieben haben. Die passten dann nicht mehr in die Shoutbox, waren also abgeschnitten. Ich muss auch nicht unbedingt einen Scrollbalken haben. Hast du eine andere Idee dafür? Eine dynamische Anpassung wäre cool, falls das möglich ist...

    The definition of open: mkdir android ; cd android ; repo init -u git://android.git.kernel.org/platform/ manifest.git ; repo sync ; make

  • anbei mal mit dynamischer Anpassung.


    ich wollte dies so jedoch nicht, da du dann beim klicken auf die Button zur nächsten Seite auf einmal mit der Maus nicht mehr auf dem Button zur nächsten Seite bist (Es sein denn Textmenge ist auf allen Seiten nahezu identisch)

  • patchstar:


    danke für deine Erweiterung wie von viruz gewünscht, nur habe ich jetzt seit dem Update einen Smilie "Drink" der nicht angezeigt wird (habe deine alternativen Smilies installiert) und der hätte die Nummer 11 aber bei dir im Paket sind nur 10 oder habe ich etwas übersehen?

  • Littlesteve:
    Einfach Zeile 219: $string = str_replace(":drink", "<img src=\"".$picpf."/11.gif\" alt=\"Smilie\" border=\"0\" />", $string);


    und Zeile 409: <a href="#" onclick="javascript:smilie(' :drink ');return false;"><img src="<?php echo $picpf; ?>/11.gif" alt="Smilie" border="0" /></a>


    entfernen. :)

    The definition of open: mkdir android ; cd android ; repo init -u git://android.git.kernel.org/platform/ manifest.git ; repo sync ; make