• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Javascript Textarea ändern

Status
Für weitere Antworten geschlossen.

coolerj

Neues Mitglied
Hallo,

Ich bin ein totaler nichts Könner in Sachen JavaScript aber ich suche ein Script wo er den Inhalt einer bestimmten textarea ändert und an der Mauszeiger(Schreibstelle) ein Code hinzufügt z.B. [blau] oder so.

ERLEDIGT!
 
Zuletzt bearbeitet:
Ja an sich schon bis außer das es nicht funktioniert
HTML:
<html>
    <head>
        <title>Pokemon Neue Karte eingeben</title>
        <script type="text/javascript">
            <!--
            function insert(aTag, eTag) {
              var input = document.forms['formular'].elements['text'];
              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);
              }
            }
            //-->
            </script>

    </head>
    <body>
        <?php
            $table = "Karten";
            $sent = $_POST['sent'];
            if($sent==1)
            {
                $text = $_POST['text'];
                $text = str_replace("[blatt]", "<img src='Bilder/blatt.png'>", $text);
                $text = str_replace("[feuer]", "<img src='Bilder/feuer.png'>", $text);
                $text = str_replace("[wasser]", "<img src='Bilder/wasser.png'>", $text);
                $text = str_replace("[elektro]", "<img src='Bilder/elektro.png'>", $text);
                $text = str_replace("[auge]", "<img src='Bilder/auge.png'>", $text);
                $text = str_replace("[kampf]", "<img src='Bilder/kampf.png'>", $text);
                $text = str_replace("[sternchen]", "<img src='Bilder/stern.png'>", $text);
                $text = str_replace("[schatten]", "<img src='Bilder/schatten.png'>", $text);
                $text = str_replace("[metall]", "<img src='Bilder/matall.png'>", $text);
                echo "$text <br>";
            }
        ?>
        <form method="POST">
            Karten-Name<em style="color: black; font-size: 1.2em;" title="Pflichtfeld">*</em>: <input type="input" name="Karten-Name" style="width: 300px;"><br>
            KP<em style="color: black; font-size: 1.2em;" title="Pflichtfeld">*</em>:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="input" name="KP" style="width: 300px;"><br>
            Energie-Karte<em style="color: black; font-size: 1.2em;" title="Pflichtfeld">*</em>:
            <select name="EK" style="width: 300px;">
                <option>Blatt</option>
                <option>Feuer</option>
                <option>Wasser</option>
                <option>Elektro</option>
                <option>Auge</option>
                <option>Stein/Kampf</option>
                <option>Sternchen</option>
                <option>Schatten</option>
                <option>Metal</option>
            </select><br>
            Text<em style="color: black; font-size: 1.2em;" title="Pflichtfeld">*</em>:<br>
            <form name="formular" action="">
                <a name="einfügen" href="#" onClick="insert('[link]', '[/link]')"><img src="Bilder/blatt.png"></a><br>
                <textarea name="text" style="width: 400px; height: 150px;"></textarea>
            </form>
            <input type="hidden" name="sent" value="1">
            <br><input type="submit" value="Hinzufügen">
        </form>
        <hr>
        <table>
            <tr>
                <td>Blatt</td>
                <td><img src="Bilder/blatt.png"></td>
                <td>[blatt]</td>
            </tr>
            <tr>
                <td>Feuer</td>
                <td><img src="Bilder/feuer.png"></td>
                <td>[feuer]</td>
            </tr>
            <tr>
                <td>Wasser</td>
                <td><img src="Bilder/wasser.png"></td>
                <td>[wasser]</td>
            </tr>
            <tr>
                <td>Elektro</td>
                <td><img src="Bilder/elektro.png"></td>
                <td>[elektro]</td>
            </tr>
            <tr>
                <td>Auge</td>
                <td><img src="Bilder/auge.png"></td>
                <td>[auge]</td>
            </tr>
            <tr>
                <td>Kampf</td>
                <td><img src="Bilder/kampf.png"></td>
                <td>[kampf]</td>
            </tr>
            <tr>
                <td>Sternchen</td>
                <td><img src="Bilder/stern.png"></td>
                <td>[sternchen]</td>
            </tr>
            <tr>
                <td>Schatten</td>
                <td><img src="Bilder/schatten.png"></td>
                <td>[schatten]</td>
            </tr>
            <tr>
                <td>Metall</td>
                <td><img src="Bilder/matall.png"></td>
                <td>[metall]</td>
            </tr>
        </table>
    </body>
</html>
 
Zuletzt bearbeitet:
Ich denke du hast eine Javascript Frage? Warum zeugst du uns PHP Code?
 
Ich habe es ja auch nur den ganzen Code gezeicht weil ihr dann den Fehler ehr gefunden hättet habe ich aber schon selber :-)
 
Ich habe es ja auch nur den ganzen Code gezeicht weil ihr dann den Fehler ehr gefunden hättet habe ich aber schon selber :-)
Nein, das ist Quatsch. Der ganze Code wäre der, der imn Browser ankommt, das ist nur ein Bruchstück mit dem keiner was anfangen kann.

Und die JS Fehler stehen in der Fehlerkonsole
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben