kostenloser Webspace werbefrei: lima-city

Zeichen zählen - Textarea

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   warriorcatz

   warriorcatz hat kostenlosen Webspace.

   13:48, 7.11.2010

   <textarea onkeyup="this.form.getElementsByTagName('span')[1].innerHTML = this.value.length;" id="message" name="message" rows="20" cols="79" tabindex="2" ></textarea>
   <!-- start: codebuttons -->
   <script type="text/javascript" src="jscripts/editor.js?ver=1600"></script>
   <script type="text/javascript">
   <!--
   	var editor_language = {
   	title_bold: "Fettgedruckten Text eingeben",
   	title_italic: "Kursiven Text eingeben",
   	title_underline: "Unterstrichenen Text eingeben",
   	title_left: "Linksbündiger Text",
   	title_center: "Zentrierter Text",
   	title_right: "Rechtsbündiger Text",
   	title_justify: "Text im Blocksatz",
   	title_numlist: "Nummerierte Liste einfügen",
   	title_bulletlist: "Ungeordnete Liste einfügen",
   	title_image: "Bild einfügen",
   	title_hyperlink: "Hyperlink einfügen",
   	title_email: "E-Mail-Adresse einfügen",
   	title_quote: "Zitierten Text einfügen",
   	title_code: "Formatierten Code einfügen",
   	title_php: "Formatierten PHP-Code einfügen",
   	title_close_tags: "Alle offenen MyCode-Tags schließen",
   	enter_list_item: "Geben Sie einen Listeneintrag ein. Klicken Sie auf Abbrechen oder lassen Sie das Feld leer, um die Liste zu beenden.",
   	enter_url: "Geben Sie die URL der Webseite ein.",
   	enter_url_title: "Optional können Sie auch einen Namen für die Webseite eingeben.",
   	enter_email: "Geben Sie die einzufügende E-Mail-Adresse ein.",
   	enter_email_title: "Optional können Sie auch einen Namen zur Adresse eingeben.",
   	enter_image: "Geben Sie die URL zum einzufügenden Bild ein.",
   	enter_video_url: "Geben Sie die URL des Videos ein.",
   	video_dailymotion: "Dailymotion",
   	video_googlevideo: "Google Video",
   	video_metacafe: "MetaCafe",
   	video_myspacetv: "MySpace TV",
   	video_vimeo: "Vimeo",
   	video_yahoo: "Yahoo Video",
   	video_youtube: "YouTube",
   	size_xx_small: "Kleinste",
   	size_x_small: "Kleiner",
   	size_small: "Klein",
   	size_medium: "Mittel",
   	size_large: "Groß",
   	size_x_large: "Größer",
   	size_xx_large: "Größte",
   	font: "Schrift",
   	size: "Schriftgröße",
   	color: "Schriftfarbe"
   };
   	var clickableEditor = new messageEditor("message", {lang: editor_language, rtl: 0, theme: "Office_2007"});
   	if(clickableEditor)
   	{
   		clickableEditor.bindSmilieInserter("clickable_smilies");
   	}
   // -->
   </script>
   <!-- end: codebuttons --><br />Zeichen: <span id="zaehler">0</span>

   
   
   Hey, Ich wollte in meinem Forum die Zeichenanzahl dynamisch ausgeben lassen, die im Textfeld stehen.
   Außerhalb des Templates funktioniert das auch super. Allerdings funkt da, wie ich denke, die Code-Bar zwischen.
   
   Als Anmerkung, bitte keine Änderungen an der Codebar vorschlagen - sondern nur an dem hinzugefügten JS.
   
   Liebe Grüße
   Ich danke im voraus für jede Antwort.
   
   Beitrag zuletzt geändert: 7.11.2010 13:49:36 von warriorcatz

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. dustboy

   

   dustboy hat kostenlosen Webspace.

   0:06, 9.11.2010

   Bei getElementsByTagName musst du mit zählen bei 0 anfangen.
   Allgemein würde ich das <span> aber soweiso über die ID ansprechen, weil es dann egal ist, was du noch alles dazwischen setzt. Dazu ersetzt du einfach das this.form.getElementsByTagName('span')[1] durch document.getElementById('zaehler')
   Im übrigen sehe ich (zumindest in dem schnipsel, den du gepostet hast) keinen sinn in dem this.FORM ...
4. Autor dieses Themas

   warriorcatz

   warriorcatz hat kostenlosen Webspace.

   18:35, 24.11.2010

   Tut mir Leid, dustboy.
   Das ist nur ein Ausschnitt des Templates... Somit ist die Zählung schon richtig....
   Und auch das mit this.form...
   "Außerhalb des Templates funktioniert das auch super. Allerdings funkt da, wie ich denke, die Code-Bar zwischen.".

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?