[JS] Script für BBcode

[PHPbeginner]

Hi

ich hab ein js script gefunden mit dem man ganz einfach gewisse bbcode tags in ein textbereich einfügen kann. das funktioniert per button, link usw. ich möchte aber dass das auch mit einer dropdown liste geht.

z.b. die drop downliste:
- blue
- green
- red

wenn ich jetzt green auswähle, soll er folgendes tag in de textbereich einfügen: [color=green]markierter text[/color]


das script:

function format(v,form,field)
 {
 if (document.selection) // für IE
   {
    var str = document.selection.createRange().text;
    document.forms[form].elements[field].focus();
    var sel = document.selection.createRange();
    sel.text = "[color=" + v + "]" + str + "[/" + v + "]";
    return;
   }
  else if ((typeof document.forms[form].elements[field].selectionStart) != 'undefined') // für Mozilla
   {
    var txtarea = document.forms[form].elements[field];
    var selLength = txtarea.textLength;
    var selStart = txtarea.selectionStart;
    var selEnd = txtarea.selectionEnd;
    var oldScrollTop = txtarea.scrollTop;
    var s1 = (txtarea.value).substring(0,selStart);
    var s2 = (txtarea.value).substring(selStart, selEnd)
    var s3 = (txtarea.value).substring(selEnd, selLength);
    txtarea.value = s1 + '[color=' + v + ']' + s2 + '[/' + v + ']' + s3;
    txtarea.selectionStart = s1.length;
    txtarea.selectionEnd = s1.length + 5 + s2.length + v.length * 2;
    txtarea.scrollTop = oldScrollTop;
    txtarea.focus();
    return;
   }
  else insert('<' + v + '></' + v + '> ');
 }

danke und gruss

[wahsaga]

Re: [JS] Script für BBcode

Original geschrieben von PHPbeginner
ich möchte aber dass das auch mit einer dropdown liste geht.

und deshalb hast du dich natürlich erst mal in selfhtml informiert, wie man bei selectfeldern die gewählte option ermittelt, und auf änderungen des feldes reagiert, richtig?

gut, was ist denn dann jetzt noch unklar ...?

[PHPbeginner]

ich hab das so gemacht aber funktioniert nicht wirklich:

function format(fieldname,form,field)
v = document.getElementById(fieldname).value; 
{
 if (document.selection) // für IE
   {
    var str = document.selection.createRange().text;
    document.forms[form].elements[field].focus();
    var sel = document.selection.createRange();
    sel.text = "[color=" + v + "]" + str + "[/" + v + "]";
    return;
   }
  else if ((typeof document.forms[form].elements[field].selectionStart) != 'undefined') // für Mozilla
   {
    var txtarea = document.forms[form].elements[field];
    var selLength = txtarea.textLength;
    var selStart = txtarea.selectionStart;
    var selEnd = txtarea.selectionEnd;
    var oldScrollTop = txtarea.scrollTop;
    var s1 = (txtarea.value).substring(0,selStart);
    var s2 = (txtarea.value).substring(selStart, selEnd)
    var s3 = (txtarea.value).substring(selEnd, selLength);
    txtarea.value = s1 + '[color=' + v + ']' + s2 + '[/' + v + ']' + s3;
    txtarea.selectionStart = s1.length;
    txtarea.selectionEnd = s1.length + 5 + s2.length + v.length * 2;
    txtarea.scrollTop = oldScrollTop;
    txtarea.focus();
    return;
   }
  else insert('<' + v + '></' + v + '> ');
 }

[wahsaga]

Original geschrieben von PHPbeginner
ich hab das so gemacht aber funktioniert nicht wirklich:

hurra.
und wann lernst du endlich mal debuggen ...?

v = document.getElementById(fieldname).value;

bin mir nicht sicher, ob der IE value bei selectfeldern kennt.