Das Forum der Foren
Willkommen im offiziellen Supportforum von Forumieren!

Um alle Vorteile unseres Forums zu nutzen, melden Sie sich bitte an. Wenn Sie bereits Mitglied sind loggen Sie sich ein.


Erstellen Sie ein kostenloses Forum wie dieses hier.
Regeln und nützliche Hinweise
Slideshow-Generator
Der Forumieren Slide Show - Diashow-GeneratorDer Forumieren Slide Show - Diashow-GeneratorDer Forumieren Slide Show - Diashow-GeneratorDer Forumieren Slide Show - Diashow-GeneratorDer Forumieren Slide Show - Diashow-Generator
Lexi Help
Die neuesten Themen
» Wrestling Around the World!
von Emily Stein Gestern um 11:46

» Wrestling Forum
von Emily Stein Gestern um 11:45

» Spacemaniac-das Modellraketen Forum für alle ;)
von Emily Stein Gestern um 11:43

» Signatur (468*60) für http://rpg-drachenkrieg.forumieren.eu
von Zocker96 Do 22 Jun 2017 - 21:45

» Guthaben kaufen / einsetzen - Was kostet wie viel?
von Forumbot Do 22 Jun 2017 - 19:43

» [Update] jQuery-Update: von Version 1.7 zu 3.2
von Forumbot Do 22 Jun 2017 - 18:23

» C&C Renegade Forum
von inde Do 22 Jun 2017 - 17:32

» Tutorial-Forum für forumieren Administratoren.
von inde Do 22 Jun 2017 - 17:31

» Youtube Fanforum
von Emily Stein Do 22 Jun 2017 - 17:07

» Youtuber Fanforum
von Emily Stein Do 22 Jun 2017 - 17:07

» Prime-Kingz.de - We Love to Prime-Kingz
von Emily Stein Do 22 Jun 2017 - 17:06

» [phpBB3] Inter-NET - Das Forum zum allgemeinen Internet
von Emily Stein Do 22 Jun 2017 - 17:05

» CodeLabs
von Emily Stein Do 22 Jun 2017 - 17:04

» Animal Crossing Villagers Forum
von Emily Stein Do 22 Jun 2017 - 17:03

» Htmlfreak-Forum für Webdesign, Events und Frageforum
von Emily Stein Do 22 Jun 2017 - 17:02

» Test-Forum (Foruml)
von Emily Stein Do 22 Jun 2017 - 16:57

www.forumieren.de

[phpBB2] Separate Farbe für Zeichen- und Wörterzähler

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt [phpBB2] Separate Farbe für Zeichen- und Wörterzähler

Beitrag von Marks little Tribe am Mo 7 Sep 2015 - 23:27

Huhuuu ihr Liiiieben Smile

Ich habe bei mir im Forum auch einen Zeichen- und Wörterzähler, dennoch kann ich nicht die Zahlen
mit einer anderen Farbe, so wie hier, hervorheben. Wie mach ich das?


Mein CSS zum Zeichen- und Wörterzähler ist folgender.

Code:
#Forumieren_editorAmount {
  color: #93ADA4
  font-size: 12px;
  margin-top: 5px;
  text-align: center;

Das wäre so toll, wenn jemand mir da weiterhelfen könnte. Smile

Viele Grüße,
Mark
avatar
Marks little Tribe
Neuling
Neuling

Männlich Beiträge : 13
Anmeldedatum : 06.09.15
keine
phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Separate Farbe für Zeichen- und Wörterzähler

Beitrag von Asciugamano am Di 8 Sep 2015 - 12:05

Guten Tag,

bevor du diese Farben im CSS definieren gehst, musst du ihnen noch jeweils eine ID geben, damit sie angesprochen werden können. Bislang ist nur der gesamte Satz durch eine ID definiert, weswegen du bitte deinen Javascriptcode durch diesen hier ersetzt:
Code:
$(window).load(function() {
        $(".sceditor-container").after("<div id='Forumieren_editorAmount'>Du hast <span id='ZaehlerZ'>0</span> Zeichen und <span id='ZaehlerZ'>0</span> Wörter geschrieben</div>");
        $(".sceditor-container > textarea").keyup(function() {
        var Forumieren_characterAmount = $(".sceditor-container > textarea").val().replace(/\[img[^\]]*\]((?!\[[[\/]*img).)*\[\/img\]/g,"").replace(/\[[^\]]*\]/g,"").length;

        var Forumieren_wordAmount = $(".sceditor-container > textarea").val().replace(/\s/g, " ").split(" ").length;
        $("#Forumieren_editorAmount").html("Du hast <span id='ZaehlerZ'>" + Forumieren_characterAmount + "</span> Zeichen und <span id='ZaehlerZ'>" + Forumieren_wordAmount + "</span> Wörter geschrieben");
        });
        $(".sceditor-container > iframe").contents().find("body").keyup(function() {
        var Forumieren_wysiwygBody = $(".sceditor-container > iframe").contents().find("body");
        var Forumieren_txt = Forumieren_wysiwygBody.text().replace(/\[[^\]]*\]/g,"");
        var Forumieren_html = Forumieren_wysiwygBody.html();
        var Forumieren_htmlClean = Forumieren_html.replace(/<br><\/p>/g,"</p>").replace(/<br><\/div>/g,"</div>").replace(/ align=\"left\"/g,"").replace(/ align=\"center\"/g,"").replace(/ align=\"right\"/g,"").replace(/<br type=\"_moz\">/g,"");
        var Forumieren_whiteSpace = 0;
        if ( Forumieren_htmlClean.indexOf("<\/p><p>") >= 0 ) {
          var Forumieren_numP = Forumieren_htmlClean.match(/<\/p><p>/g).length;
          Forumieren_whiteSpace = Forumieren_whiteSpace + Forumieren_numP;
        };
        if ( Forumieren_htmlClean.indexOf("<\/div><div>") >= 0 ) {
          var Forumieren_numDiv = Forumieren_htmlClean.match(/<\/div><div>/g).length;
          Forumieren_whiteSpace = Forumieren_whiteSpace + Forumieren_numDiv;
        };
        if ( Forumieren_htmlClean.indexOf("<br>") >= 0 ) {
          var Forumieren_numBr = Forumieren_htmlClean.match(/<br>/g).length;
          Forumieren_whiteSpace = Forumieren_whiteSpace + Forumieren_numBr;
        };
        if ( $(".sceditor-container > iframe").contents().find("body div").length > 0 ) {
          Forumieren_whiteSpace = Forumieren_whiteSpace -1;
        };
        if ( $(".sceditor-container > iframe").contents().find("body").parent().html().indexOf("<br></body>") >= 0 ) {
          Forumieren_whiteSpace = Forumieren_whiteSpace -1;
    };
    var Forumieren_characterAmount = Forumieren_txt.length + Forumieren_whiteSpace;
    var Forumieren_wordAmount = Forumieren_txt.replace(/\s/g, " ").split(" ").length + Forumieren_whiteSpace;
    $("#Forumieren_editorAmount").html("Du hast <span id='ZaehlerZ'>" + Forumieren_characterAmount + "</span> Zeichen und <span id='ZaehlerZ'>" + Forumieren_wordAmount + "</span> Wörter geschrieben");
    });
    });

Nun kannst du im CSS die Farbe folgendermassen bestimmen:
Code:
#ZaehlerZ {
    color: #FARBE;
}

Ich hoffe, das hilft dir weiter, ansonsten gib einfach Bescheid.


Zuletzt von Asciugamano am Di 8 Sep 2015 - 13:17 bearbeitet; insgesamt 1-mal bearbeitet
avatar
Asciugamano
Lehrling
Lehrling

Beiträge : 149
Anmeldedatum : 13.12.14
keine
phpBB3

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Separate Farbe für Zeichen- und Wörterzähler

Beitrag von Marks little Tribe am Di 8 Sep 2015 - 12:23

Hallo Asciugamano,

vielen Dank für deine Hilfe. ich probiere das heute Abend mal aus, muss jetzt erst mal zur Arbeit. Ich gib dann bescheid. Smile

Viele Grüße,
Mark
avatar
Marks little Tribe
Neuling
Neuling

Männlich Beiträge : 13
Anmeldedatum : 06.09.15
keine
phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Separate Farbe für Zeichen- und Wörterzähler

Beitrag von #Frank am Di 8 Sep 2015 - 12:25

Leider nicht ganz richtig. Das färbt nur die Zahlen ein, wenn die Werte 0 betragen. Aber der Weg ist schon nicht schlecht, wenn man auch noch darauf achtet in Span Zuweisungen nicht unbedingt Umlaute zu verwenden.
avatar
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34607
Hinweis : Admin a.D.
Anmeldedatum : 13.08.08
keine
Firefox phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Separate Farbe für Zeichen- und Wörterzähler

Beitrag von Asciugamano am Di 8 Sep 2015 - 13:17

Oh, vielen Dank für den Hinweis! Habe im Testforum nichts geschrieben und es dadurch nicht bemerkt Embarassed
Tut mir leid. Ich habe es nun oben editiert, jetzt sollte es stimmen.
avatar
Asciugamano
Lehrling
Lehrling

Beiträge : 149
Anmeldedatum : 13.12.14
keine
phpBB3

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Separate Farbe für Zeichen- und Wörterzähler

Beitrag von Marks little Tribe am Di 8 Sep 2015 - 23:21

Es hat geklappt. cheers Vielen Dank ihr beiden
avatar
Marks little Tribe
Neuling
Neuling

Männlich Beiträge : 13
Anmeldedatum : 06.09.15
keine
phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten