jCounter nutzen?

Hallo,

das ganze muss in einen <script>-Tag, der Selektor sollte entsprechend natürlich auf dein Plugin abgestimmt sein.

Hallo,

um den jCounter in einem Plugin nutzen zu können, musst du eigenes JavaScript einbinden, dies geht zum Beispiel über einen Template-Listener wie den folgenden:

<?xml version="1.0" encoding="UTF-8"?>
<data xmlns="http://www.woltlab.com" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.woltlab.com http://www.woltlab.com/XSD/templateListener.xsd">
	<import>
		<templatelistener name="meinJavaScriptInclude">
			<environment>user</environment>
			<templatename>MEIN_GEWÜNSCHTES_TEMPLATE</templatename>
			<eventname>MEIN_GEWÜNSCHTES_EVENT</eventname>
			<templatecode><![CDATA[<script data-relocate="true" src="{@$__wcf->getPath()}js/mein.paketbezeichner.bla{if !ENABLE_DEBUG_MODE}.min{/if}.js"></script>]]></templatecode>
		</templatelistener>
	</import>
</data>

Hier müssen dann der Name des Listeners, der Name des Templates in dem dieser greifen soll (z.B. headInclude (wäre dann auf jeder Seite)), der Name eines in diesem Template vorhandenen Events; welches am besten geeignet ist, muss je nach Situation entschieden werden (im headInclude würde sich javascriptInclude anbieten), und der Name der JavaScript-Datei angepasst werden.

In der im Template-Listener angegeben Datei mein.paketbezeichner.bla.js und mein.paketbezeichner.bla.min.js (letztere ist minimiert und wird genutzt, wenn das WCF nicht im Debug-Modus ist), reicht es aus, einen Code wie diesen zu nutzen:

$('.meineKlasse').jCounter();

Wenn die Elemente mit der Klasse .meineKlasse nun unterstütze Elemente sind, wird dort der jCounter eingebaut.
Natürlich lassen sich hier auch komplexere Selektoren nutzen, z.B. $('#content > div > .meineKlasse.mitNebenklasse + .foo'); hier sollte man sich dann vielleicht einmal die CSS-Selektore ansehen, dann lassen sich diese auch leicht mit Tools wie Firebug finden (wobei der mitlerweile afaik auch CSS-Selektoren für Elemente findet, sind aber sicher nicht immer optimal ).

==============================

Im CKEditor kann der jCounter allerdings nicht genutzt werden.

Zum jCounter in der PostAddForm im Titel-Eingabefeld:
Dort könnte ein Template-Listener auf das Template postAdd mit dem Event informationFields funktionieren (wenn Tim eben das passende Event rausgesucht hat ).
Im JavaScript müsste dann einfach $('#subject').jCounter(); genutzt werden.

Achja, falls nicht schon bekannt, der jCounter hat auch noch ein paar Optionen:

$('.bla').jCounter($('#blubb')); // Nutze das Element mit der ID #blubb als Container für den jCounter
	$('.bla').jCounter(null, {colors: ['red', 'orange', 'yellow']}) // übergebe keinen zu nutzenden Container, aber ein Objekt mit dem Schlüssel "color", der die möglichen Zustandsfarben für die Badges enthält; möglich ist theoretisch jede Klasse, nur sollte man sich bei zu veröffentlichenden Plugins auf die Standardklassen der Badges begrenzen
	$('.bla').jCounter(null, {countUp: true}); // aktiviert das Hoch- statt Runterzählen
	$('.bla').jCounter(null, {max: 100}); // legt die Höchstgrenze für Zeichen auf 100 fest, hat das Element jedoch das Attribut "maxlength" gesetzt (<input maxlength="40" />), so wird dieses präferiert

	$('.bla').jCounter($('#blubb'), {colors: ['red', 'orange', 'yellow'], countUp: true, max: 100}); // alles kombiniert ;)

	// oder in etwas lesbarer:
	var container = $('#blubb');
	$('.bla').jCounter(container, {
		colors: ['red', 'orange', 'yellow'],
		countUp: true,
		max: 100
	});

Hallo,

Zitat von Max

Im CKEditor kann der jCounter allerdings nicht genutzt werden.

Hallo,

der jCounter funktioniert nur bei normalen Eingabefeldern und nicht im WYSIWYG-Modus des Editors.

Hallo,

Zitat von Shorty

Ok danke kann man in einer der nächsten Version mit einer änderung dazu rechnen?

Prinzipiell ist es geplant, aber versprechen können wir natürlich nichts. Der Editor ist sehr komplex.

Zitat von Mirco83

Edit; Also ich meine die Kommentarfunktion

Hi,

da könnte Folgender Selektor funktionieren: $('.commentList input').jCounter().

Hi,

da ich weder Blog noch Galerie besitze, kann ich dir leider nicht sagen, welche Templates und Events sich dort im Speziellen anbieten würden; vielleicht kann @Tim ja mal einen Blick drauf werfen

Heyho,

ich habe, auf Tims Anstupser hin, noch einmal nachgeschaut:
Die Kommentarboxen werden per JavaScript eingebunden.

Dein JavaScript müsste dann in etwa so aussehen:

// Kurzform von jQuery.ready; wird erst ausgeführt, wenn das Dokument vollständig geladen ist
$(function() {
    WCF.DOMNodeInsertedHandler.addCallback('WCF.Comment.Handler.jCounter', function() {
        $('.jsCommentResponseAdd input, .jsCommentAdd input').jCounter();
    });
});