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 Word Counter Widget Arrow10 Modules Word Counter Widget Arrow10 Forum widgets beheer Word Counter Widget Arrow10 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 Word Counter Widget Arrow10 Display Word Counter Widget Arrow10 Kleuren Word Counter Widget Arrow10 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 (:



Word Counter Widget Userba10
       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!
CCDragon

CCDragon
Medaille Forumlid
Medaille Forumlid

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

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!
Nathy

Nathy
Medaille Forumlid
Medaille Forumlid

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

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