HP-4-Fun :: HP Tutorial Box: ET-Chat: User kann selbst Schriftgröße ändern

HP Points

Pos.	Name	Punkte
	Harlekin	21696
	Partybremen	8530
	Tommy	5091
4.	Fizzy Lemon	2353
5.	Rolly8-HL	1981

Zeige mehr

V-Shop

Artikel kaufen

Version Info

Aud dieser Seite läuft:
HP-4-Fun 2.0
und der
ET-Chat-v3.0.7-r3-PHP-8-b
auf
PHP 8.5.5

Du hast in deinem Browser kein Javascript aktiviert.
Um diese Seite korrekt anzuzeigen ist Javascript jedoch zwingend nötig.
Bitte aktiviere Javascript in den Einstellungen deines Browser beziehungsweise besorge dir einen Browser, der diesen unterstützt.
Mozilla Firefox | Safari | Opera | Google Chrome | Internet Explorer höher Version 6

Tutorial: User kann selbst Schriftgröße ändern

Tutorial Übersicht >>

ET-Chat

User kann selbst Schriftgröße ändern NEU

Von: Harlekin am: 11.05.2026 - 06:32 14 x gelesen

Werbung:

Damit ein User selbst die Schriftgröße im Chatfenster ändern kann muss die chat.js erweitert werden. Das Auswahlfeld befindet sich dann bei der Farbauswahl.

Suche:

Code

function ET_Chat(){

ersetze die Zeile mit:

Code

// =============================================

// Schriftgröße für Chatinhalt

// =============================================

function applyFontSize(size) {

    if ($('chatinhalt')) {

        $('chatinhalt').style.fontSize = size + 'px';

    }

}



function ET_Chat(){

suche:

Code

$('message').focus();

ersetze die Zeile mit:

Code

$('message').focus();

   // ====================== Gespeicherte Schriftgröße beim Start anwenden ======================

   var savedFontSize = getCookie('chat_font_size');

   if (savedFontSize) {

       applyFontSize(savedFontSize);

   }

   // ===========================================================================================

suche:

Code

if (Event.element(event).id=="sound_privat") {self.sound_status='privat'; $('sound_icon').src="img/sound_privat.png"; self.win_prop.close(); $('message').focus(); }

                }

         });

ersetze die Zeile mit:

Code

if (Event.element(event).id=="sound_privat") {self.sound_status='privat'; $('sound_icon').src="img/sound_privat.png"; self.win_prop.close(); $('message').focus(); }

                }

         });

         // ====================== Schriftgröße ======================

         var savedSize = getCookie('chat_font_size') || '14';

         if ($('font_size_select')) {

             $('font_size_select').value = savedSize;

             applyFontSize(savedSize);

         }



         Event.observe('font_size_select', 'change', function(){

             var size = $('font_size_select').value;

             setCookie('chat_font_size', size);

             applyFontSize(size);

         });

         // ============================================================

suche:

Code

new Ajax.Request("./?Colorizer",{onSuccess:function(result){self.win_color_content=result.responseText;}});

ersetze die Zeile mit:

Code

new Ajax.Request("./?Colorizer",{

    onSuccess:function(result){

        self.win_color_content = result.responseText;

        

        // Schriftgröße direkt in Color-Inhalt integrieren

        self.win_color_content += 

            '<div style="padding:10px; border:1px solid #ccc; border-radius:4px;">' +

               '<strong>Schriftgröße: </strong>' +

               '<select id="colorwin_font_size" style="width:130px; font-size:13px;">' +

                  '<option value="12">12 px – klein</option>' +

                  '<option value="14" selected>14 px – normal</option>' +

                  '<option value="16">16 px – groß</option>' +

                  '<option value="18">18 px – sehr groß</option>' +

                  '<option value="20">20 px – riesig</option>' +

               '</select>' +

            '</div>';

    }

   });

suche:

Code

self.win_color.setHTMLContent(self.win_color_content);

ersetze die Zeile mit:

Code

self.win_color.setHTMLContent(self.win_color_content);

         // ====================== Schriftgröße ins Farbfenster ======================

         var savedSize = getCookie('chat_font_size') || '14';

         if ($('colorwin_font_size')) {

            $('colorwin_font_size').value = savedSize;

            applyFontSize(savedSize);

         }



         Event.observe('colorwin_font_size', 'change', function(){

            var size = $('colorwin_font_size').value;

            setCookie('chat_font_size', size);

            applyFontSize(size);

         });

         // ============================================================================