HP-4-Fun :: HP Tutorial Box: ET-Chat: Schriftfarbe, Kursiv und Bold mit Cookies speichern

HP Points

Pos.	Name	Punkte
	Harlekin	20042
	Tommy	5050
	Partybremen	4204
4.	Parzival	4019
5.	Fizzy Lemon	2394

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.4.12

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: Schriftfarbe, Kursiv und Bold mit Cookies speichern

Tutorial Übersicht >>

ET-Chat

Schriftfarbe, Kursiv und Bold mit Cookies speichern

Von: Harlekin am: 30.05.2025 - 07:55 1436 x gelesen

Werbung:

Für den ET-Chat ab PHP 7.3

UPDATE
Grund: Schriftfarbe war pro Browser und nicht pro Person

Viele hat es geärgert, dass man jedesmal im Chat die Schriftfarbe, Kursiv und Bold neu einstellen musste.
Harlekin und ich haben das Problem mal in Angriff genommen und sind zu der folgenden Lösung gekommen:

1. öffnet die js/chat.js
sucht:

Code

function ET_Chat(){

und ersetzt den Code mit:

Code

function setCookie(key, value, sameSite) {

  var expires = new Date();

  expires.setTime(expires.getTime() + 31536000000); // 1 Jahr

  var cookieString = key + '=' + value + ';expires=' + expires.toUTCString();

  if (sameSite) {

    cookieString += ';SameSite=' + sameSite;

  }

  document.cookie = cookieString;

}



function getCookie(key) {

var keyValue = document.cookie.match('(^|;) ?' + key + '=([^;]*)(;|$)');

return keyValue ? keyValue[2] : null;}



function deleteCookie(key) {

  document.cookie = key + '=; expires=Thu, 01 Jan 1970 00:00:01 GMT;';

}



function ET_Chat(){

sucht:

Code

$('message').style.color = "#"+self.textcolor;

und ersetzt den Code mit:

Code

$('message').style.color = "#"+self.textcolor;

   

   if (getCookie('saved_color_'+self.username)) {

      self.textcolor=getCookie('saved_color_'+self.username);

      $('message').style.color="#"+getCookie('saved_color_'+self.username);

      $('message').style.Backgroundcolor="#"+getCookie('saved_color_'+self.username);

      $('color').value="#"+getCookie('saved_color_'+self.username);

   }

   if (getCookie('saved_bold_'+self.username)) {

      $('bold').value=getCookie('saved_bold_'+self.username);

      $('message').style.fontWeight=getCookie('saved_bold_'+self.username);

   }

   if (getCookie('saved_italic_'+self.username)) {

      $('italic').value=getCookie('saved_italic_'+self.username);

      $('message').style.fontStyle=getCookie('saved_italic_'+self.username);

   }

sucht:

Code

$("italic").value = ($("kursiv").checked) ? "italic" : "normal";

und ersetzt den Code mit:

Code

$("italic").value = ($("kursiv").checked) ? setCookie('saved_italic_'+self.username,'italic','lax') : deleteCookie('saved_italic_'+self.username) ;

            $("italic").value = ($("kursiv").checked) ? "italic" : "normal";

sucht:

Code

$("bold").value = ($("fett").checked) ? "bold" : "normal";

und ersetzt den Code mit:

Code

$("bold").value = ($("fett").checked) ? setCookie('saved_bold_'+self.username,'bold','lax') : deleteCookie('saved_bold_'+self.username);

            $("bold").value = ($("fett").checked) ? "bold" : "normal";

sucht:

Code

// Startfarbe des Textes

und ersetzt den Code mit:

Code

// Startfarbe des Textes

         if (getCookie('saved_color_'+self.username)) {

            self.textcolor=getCookie('saved_color_'+self.username);

            $('color').value=getCookie('saved_color_'+self.username);

         }

sucht:

Code

r = dec2hex(v*255);

               $('message').style.color=$('color').value=$('farbenvorschau').style.backgroundColor="#"+r+g+b;

und ersetzt den Code mit:

Code

r = dec2hex(v*255);

               $('message').style.color=$('color').value=$('farbenvorschau').style.backgroundColor="#"+r+g+b;

               setCookie('saved_color_'+self.username,r+g+b,'lax');

sucht:

Code

g = dec2hex(v*255);

               $('message').style.color=$('color').value=$('farbenvorschau').style.backgroundColor="#"+r+g+b;

und ersetzt den Code mit:

Code

g = dec2hex(v*255);

               $('message').style.color=$('color').value=$('farbenvorschau').style.backgroundColor="#"+r+g+b;

               setCookie('saved_color_'+self.username,r+g+b,'lax');

sucht:

Code

b = dec2hex(v*255);

               $('message').style.color=$('color').value=$('farbenvorschau').style.backgroundColor="#"+r+g+b;

und ersetzt den Code mit:

Code

b = dec2hex(v*255);

               $('message').style.color=$('color').value=$('farbenvorschau').style.backgroundColor="#"+r+g+b;

               setCookie('saved_color_'+self.username,r+g+b,'lax');

1. öffnet die styles/colorizer.tpl.html
sucht:

Code

<input type="Checkbox" id="kursiv"> <i><?=$this->lang->kursiv[0]->tagData?></i>

<br />

<input type="Checkbox" id="fett"> <b><?=$this->lang->bold[0]->tagData?></b>

<br /><br />

und ersetzt den Code mit:

Code

<?php

if (isset($_COOKIE['saved_italic_'.$_SESSION['etchat_'.$this->_prefix.'username'].''])) {

?>

<input type="Checkbox" id="kursiv" checked="checked"> <i><?=$this->lang->kursiv[0]->tagData?></i>

<br />

<?php

} else {

?>

<input type="Checkbox" id="kursiv"> <i><?=$this->lang->kursiv[0]->tagData?></i>

<br />

<?php

}

?>

<?php

if (isset($_COOKIE['saved_bold_'.$_SESSION['etchat_'.$this->_prefix.'username'].''])) {

?>

<input type="Checkbox" id="fett" checked="checked"> <b><?=$this->lang->bold[0]->tagData?></b>

<br /><br />

<?php

} else {

?>

<input type="Checkbox" id="fett"> <b><?=$this->lang->bold[0]->tagData?></b>

<br /><br />

<?php

}

?>