Problem bei javascript :) (BB Code einfügen)

**Demonking** · 26.03.2006 22:21

moin ^^
Also da ich ne absolute niete in Javascripten bin habe ich mir erstmal nen vorgefertigtes script geholt òo
http://aktuell.de.selfhtml.org/tipps...script/bbcode/

Bei mir ist das Problem das ich auf die bilder klicken kann aber nix in das Textfeld eingefügt wird x.x

das hatte ich ihn eine js datei geteilt sieht jetzt so aus:

HTML-Code:

function insert(aTag, eTag) {
  var input = document.forms['formular'].elements['eingabe'];
  input.focus();
  /* für Internet Explorer */
  if(typeof document.selection != 'undefined') {
    /* Einfügen des Formatierungscodes */
    var range = document.selection.createRange();
    var insText = range.text;
    range.text = aTag + insText + eTag;
    /* Anpassen der Cursorposition */
    range = document.selection.createRange();
    if (insText.length == 0) {
      range.move('character', -eTag.length);
    } else {
      range.moveStart('character', aTag.length + insText.length + eTag.length);      
    }
    range.select();
  }
  /* für neuere auf Gecko basierende Browser */
  else if(typeof input.selectionStart != 'undefined')
  {
    /* Einfügen des Formatierungscodes */
    var start = input.selectionStart;
    var end = input.selectionEnd;
    var insText = input.value.substring(start, end);
    input.value = input.value.substr(0, start) + aTag + insText + eTag + input.value.substr(end);
    /* Anpassen der Cursorposition */
    var pos;
    if (insText.length == 0) {
      pos = start + aTag.length;
    } else {
      pos = start + aTag.length + insText.length + eTag.length;
    }
    input.selectionStart = pos;
    input.selectionEnd = pos;
  }
  /* für die übrigen Browser */
  else
  {
    /* Abfrage der Einfügeposition */
    var pos;
    var re = new RegExp('^[0-9]{0,3}$');
    while(!re.test(pos)) {
      pos = prompt("Einfügen an Position (0.." + input.value.length + "):", "0");
    }
    if(pos > input.value.length) {
      pos = input.value.length;
    }
    /* Einfügen des Formatierungscodes */
    var insText = prompt("Bitte geben Sie den zu formatierenden Text ein:");
    input.value = input.value.substr(0, pos) + aTag + insText + eTag + input.value.substr(pos);
  }
}
//-->

und die form datei:

HTML-Code:

<html>
<head>
<title>News</title>
<script src="part_bb.js" type="text/javascript"></script>
</head>
<body bgcolor="A2A2A2">
<table border="1" cellspacing="0" cellspadding="0">
<form name="formular" action=""></form>
<tr>
<td>Titel:</td>
<td><input type="text" size="20" maxlength="50"></td>
</tr>
<tr>
<td>Name:</td>
<td><input type="text"  maxlength="100" size="30"></td>
</tr>
<tr>
<td>BB-Code:</td>
<td><img src="bb/BB-bild.jpg" onClick="insert('[img]', '[/img]')"><img src="bb/BB-email.jpg" onClick="insert('[email]', '[/email]')"><img src="bb/BB-farbauswahl.jpg" onClick="insert('[farbe]', '[/farbe]')"><img src="bb/BB-fett.jpg" onClick="insert('[b]', '[/b]')"><img src="bb/BB-kursiv.jpg" onClick="insert('[i]', '[/i]')"><img src="bb/BB-unterstrichen.jpg" onClick="insert('[u]', '[/u]')"><img src="bb/BB-hyperlink.jpg" onClick="insert('[url]', '[/url]')"><img src="bb/BB-linksbündig.jpg" onClick="insert('[left]', '[/left]')"><img src="bb/BB-zentriert.jpg" onClick="insert('[center]', '[/center')"><img src="bb/BB-rechtsb&uuml;ndig.jpg" onClick="insert('[right]', '[/right]')"><img src="bb/BB-spoiler.jpg" onClick="insert('[spoiler]', '[/spoiler]')"><img src="bb/BB-zitat.jpg" onClick="insert('[quote]', '[/quote]')"></td></tr>
<tr>
<td>Inhalt:</td>
<td>
<textarea name="eingabe" cols="50" rows="7" warp="PHYSICAL"></textarea>
</td>
</body>
</html>

Also weiss net was ich noch tun soll òo habe vieles versucht und ist wohl nur ein kleiner fehler drine oder so ...

**Lucleonhart** · 27.03.2006 07:38

Script funzt einwandfrei.. Deine HTML Coderei ist fehlerbehaftet.. *g*

Zuerst zum eigentlichen Fehler der Seite:
Du schreibst:
<form name="formular" action=""></form>
... ? Das Formular muss alle Eingabefelder umschließen! So wie alle Eingabefelder auch "innerhalb" eines Papierformulares sind.
Also nimmst du das "</form>" und verschiebst es einfach direkt ans Ende vor "</body>"!

Weiterer Fehler:
Zwischen dem neuen "</form>" und dem "</body>" fehlt ein "</table>"... Du machst die Tabelle garnicht zu..

**Demonking** · 27.03.2006 16:51

öhm.. danke werde gleich mal testen^^

€dit: so klappt jetzt alles wunderbar ;/ doofer editor übersehen das er denn tag schon früher geschlossen hatte ^^"
unverzeihlich >_< naja wenigstens klappt jetzt wunderbar

lag am </form> tag der </table> war egal weil es da unten noch weiter gehen sollte ^^

**Lucleonhart** · 27.03.2006 20:49

Zitat von Demonking

...der </table> war egal weil es da unten noch weiter gehen sollte ^^

War ja auch nur vollständigkeitshalber.. wie gesagt. *g*

Thema: Problem bei javascript :) (BB Code einfügen)

Themen-Optionen

Anzeige

Problem bei javascript :) (BB Code einfügen)

Berechtigungen