✔ innerHTML funktioniert nur, wenn in der Textarea nichts verändert wurde.

[Nord-Süd-Richtung]

Guten Abend Community,

ich schreibe gerade ein Adminmenü für eien Homepage, mit einer kleinen HTML Hilfe für den User. Er kann auf einen Text (<span>) klicken, und der entsprechende Code wird in die Textarea gesetzt. Das funktioniert auch ganz gut, besser solange, bis ich irgendetwas in der Textarea lösche, hineinschreibe oder ähnliches:

function inline(id)
	{
         obj = document.getElementById("Text");
         alert(id);
         switch(id)
         	{
                 case 1:
                 	obj.innerHTML += "<b></b>";
                         break;
                 case 2:
                 	obj.innerHTML += "<i></i>";
                         break;
                 case 3:
                 	obj.innerHTML += "<u></u>";
                         break;
                 case 4:
                 	obj.innerHTML += "<sup></sup>";
                         break;
                 case 5:
                 	obj.innerHTML += "<sub></sub>";
                         break;
                 case 6:
                 	obj.innerHTML += "<strike></strike>";
                         break;
                 case 7:
                 	obj.innerHTML += "<blink></blink>";
                         break;
                 }
         return 1;
         }

<tr>
                                 <td>Text</td>
                                 <td><textarea name="text" cols="30" rows="15" id="Text"></textarea></td>
                         </tr>
                 </table>
         </form>
         <span onClick="inline(1);" onMouseOver="show(1);" onMouseOut="hide();"><b>Text</b></span>
         <span onClick="inline(2);" onMouseOver="show(2);" onMouseOut="hide();"><i>Text</i></span>
         <span onClick="inline(3);" onMouseOver="show(3);" onMouseOut="hide();"><u>Text</u></span>
         <span onClick="inline(4);" onMouseOver="show(4);" onMouseOut="hide();"><sup>Text</sup></span>
         <span onClick="inline(5);" onMouseOver="show(5);" onMouseOut="hide();"><sub>Text</sub></span>
         <span onClick="inline(6);" onMouseOver="show(6);" onMouseOut="hide();"><strike>Text</strike></span>
         <span onClick="inline(7);" onMouseOver="show(7);" onMouseOut="hide();"><blink>Text</blink></span>
         <div id="Show"></div>

 

[Sven Mintel]

Moin,

wenn du den Inhalt eines Textarea per JS ändern willst, manipuliere statt innerHTML seine value-Eigenschaft.

 

[Nord-Süd-Richtung]

Hi,

Ich bin davon ausgegangen, das eine Textarea kein Value-Attribut hat
Danke, jetzt klappt es

 

[Sven Mintel]

Es hat auch kein value-Attribut......in HTML.
In Javascript schon