Problem bei javascript :) (BB Code einfügen)
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ü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 ...
