Aljoscha: Funktionsparameter und Anführungszeichen

Beitrag lesen

Hallo,
ich bin PHP-Programmierer und muss jetzt eine JavaScript-Funktion nutzen, um mit einem Button in ein Textfeld einen bestimmten Text einzufügen (a la PHPBB usw.).
Die Funktion funktioniert mit normalen Texten auch wunderbar.
Jetzt soll aber folgender Text eingefügt werden:
<img src=" ... " alt= " ... ">
und JavaScript kommt mit den Anführungszeichen nicht klar.
Die Parameter der Funktion werden in Hochkommata übergeben ('). Damit scheint er dann auch seine Probleme zu haben.
Hier die JavaScript-Funktion:
  <script type="text/javascript">
  <!--
  function insert(aTag, eTag) {
     var input = document.forms['formular'].elements['story'];
     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('[1]{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);
      }
  }
  //-->
 </script>
Und hier der HTML-Tag dazu:
<input type="button" value="img" onClick="insert('<img src="bla.jpg"','>')">
Nach dem Button im Formular spuckt er mir dann diesen Text noch aus:
')">
Zeigt ja, dass da was nicht stimmt.
Komme echt nicht weiter. Wäre echt gut, wenn ihr mir helfen könntet.
Mit bestem Dank im Voraus
Aljoscha


  1. 0-9 ↩︎