Word Counter Widget

Vorige onderwerp Volgende onderwerp Ga naar beneden

Tutorial Word Counter Widget

Bericht van CCDragon op za 11 jan 2014 - 14:21

Word Counter Widget


Deze widget is vooral handig voor RPG forums en andere forums waar op geschreven word. Aan het eind van deze tutorial heb je een simpele word counter in een widget staan.

.x. STAP 1 .x.

Beheerderspaneel Modules Forum widgets beheer Create a widget

Widget name : Word Counter
Use a table type : Kan beide
Widget title : Eigen invulling

Plak de volgende code in je widget:
Code:
<textarea id="textArea"></textarea><div>Word Length: <span id="textLength">0</span></div>
<script type="text/javascript">
jQuery('#textArea').keyup(function () {
document.getElementById('textLength').innerHTML = document.getElementById('textArea').value.split(/\s+/).length;
});
</script>

.x. STAP 2 .x.

Beheerderspaneel Display Kleuren Cascading Style Sheet

Plak hier (op een willekeurig plek) de volgende code:

Code:
#textArea {
background-color: COLORHERE;
}

Vervang het 'COLORHERE' door een kleurencode, zoals bijvoorbeeld #ffffff.

.x. FINISHED! .x.

Zo makkelijk is het (:




       Veel Voorkomende Problemen | Forum Gereedschap | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM |  TIP! Vul je browser, forumversie, forum url en of je gebruikt maakt van templates  en/of CSS in op je profiel! Zo kunnen wij je nog beter helpen!
avatar

CCDragon
Medaille Forumlid

Vrouw Aantal berichten : 380
Geboortedatum : 05-01-93
Leeftijd : 25
Locatie : Drenthe/Groningen
Registratiedatum : 24-12-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://kanto-experience.actieforum.com
CCDragon is bedankt door de starter van dit topic.

Tutorial Re: Word Counter Widget

Bericht van Nathy op za 11 jan 2014 - 15:06

Tutorial Goedgekeurd!
avatar

Nathy
Medaille Forumlid

Man Aantal berichten : 618
Geboortedatum : 18-09-98
Leeftijd : 19
Locatie : België
Registratiedatum : 05-01-12
Oprichter van het forum : Nee
Templates gewijzigd : Nee
CSS : Nee

Profiel bekijken http://testforumbe-nl.actieforum.com/
Nathy is bedankt door de starter van dit topic.

Vorige onderwerp Volgende onderwerp Terug naar boven


Permissies van dit forum:
Je mag geen reacties plaatsen in dit subforum