HP-4-Fun :: Forum: placeholder=" ... Nachricht" farbe vom user ausgeben

HP Points

Pos.	Name	Punkte
	Harlekin	20043
	Tommy	5050
	Partybremen	4230
4.	Parzival	4039
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

Login

Thema ansehen

HP-4-Fun » ET-Chat » ET-Chat allgemein

Themen Autor: Tommy
Thema ID: 44

Themen Information

Beiträge: 11 » Gelesen: 1452 mal.

Seite 2 von 3: 123

placeholder=" ... Nachricht" farbe vom user ausgeben
Harlekin	#6 Geschrieben am 22.01.2023 - 10:14
Seiten Administrator Beiträge: 168 Registriert am: 11.04.2021 - 10:12	Geb ich bei dem Codeschnipsel einen festen Farbwert ein, funktioniert das auch im Chrome. Denke mal wir suchen an der falschen Stelle. Wenn ich die Schrift auf bold einstelle, wird es von der Eingabezeile übernommen. Vielleicht sollten wir die Stelle suchen, wo das bold übernommen wird und da weitermachen. Codepfuscher bei der Arbeit. Das Grauen hat halt viele Gesichter!
	Web

Tommy	#7 Geschrieben am 22.01.2023 - 13:37
Mitglied Beiträge: 116 Registriert am: 02.01.2022 - 12:27	hey harlekin ... richtig bold und kursiv übernimta ja das wundert mich ja ^^ grüße tommy
	Web

Fizzy Lemon	#8 Geschrieben am 22.01.2023 - 16:38
Jung Mitglied Beiträge: 47 Registriert am: 15.12.2021 - 18:01	Wirf die Style-Angaben aus dem placeholder-Element raus und setze in die CSS folgenden Code: ::placeholder { color: red; font-weight: bold; } Browsercache leeren nicht vergessen.
	Web

Tommy	#9 Geschrieben am 22.01.2023 - 19:11
Mitglied Beiträge: 116 Registriert am: 02.01.2022 - 12:27	hey fizzy ... dann isse ja rot ... soll aber die userfarbe haben ^^ grüße tommy
	Web

Fizzy Lemon	#10 Geschrieben am 23.01.2023 - 08:25
Jung Mitglied Beiträge: 47 Registriert am: 15.12.2021 - 18:01	Oh, sorry... mein Fehler. Ich dachte, generell die Farbe fest ändern. Vorneweg: Die Pseudo-Klasse ::placeholder ist kein Standard und von daher schwierig für alle Browser umzusetzen und mit JS kann man nicht einmal direkt darauf zugreifen. Man kann einen Trick mit der Vererbung anwenden, aber wie eben gesagt, ist es nicht standardisiert und deswegen eben ohne Gewähr, dass es in ALLEN Browsern funktioniert. Als erstes wirf das Styling aus dem HTML und setzte stattdessen in die style.css folgendes: Code `::placeholder { color: var (--c, white); }` Nun suche in der chat.js die Slider zum Farbmischen und trage unter jedem Code `$('message').style.color=$('color').value=$('farbenvorschau').style.backgroundColor="#"+r+g+b;` jeweils ein: Code `var phcolor = "#"+r+g+b; document.querySelector('input[type=text]').style.setProperty("--c", phcolor);` Dann sollte das zumindest in Firefox und Chrome klappen. Eventuell musst Du noch im CSS Webkit-Angaben für den placeholder berücksichtigen. LG Fizzy
	Web