Seite bearbeiten

Beschreibung

Mit Hilfe dieses Javascripts kann man einen Teil der Webseite bearbeiten. Der Editor funktioniert wie ein normaler BB-Code Editor aus Foren, nur dass dieser hier mit HTML-Tags arbeitet. Wenn man z.B.: auf b drückt, ändert sich der Button so um, dass er bei einem erneutem Klick den Schließ-Tag ausgibt. Dieser Editor funktioniert nur in Browsern, die die Javascript-Eigenschaft innerHTML kennen.

Hinweis: Javascripts können mit dem Editor nicht eingebaut werden.

Technische Details

Mindestvoraussetzungen

CSS:
1.0
Javascript:
MS
Netscape:
-
Internet Explorer:
4.0
Firefox:
1.0
Opera:
7.0
Chrome:
1.0
Safari:
1.3
Konqueror:
3.3

Verwendete intrinsische Funktionen

Methoden

Array()
bold()
confirm()
for()
if()
indexOf()
prompt()
substring()
unescape()
write()

Eigenschaften

innerHTML
length
value

Vorschau

Javascript-Frame

Ihr Browser unterstützt keine iframes

Klicke hier, um das Javascript in einem neuen Fenster zu öffnen

Javascript einbinden

HTML-Code

<form name="TestInnerHTML10" action="" style="display: none"> </form> <table border="0" width="600" style="border: 1px solid #000000"> <tr> <td width="600" align="center"><font face="Arial" size="3"><b>Seite bearbeiten</b></font></td> </tr> <tr> <td width="600"> </td> </tr> <tr> <td width="600"> <script type="text/javascript">  </script></td> </tr> <tr> <td width="600"> <form name="Editor_Form10" action=""> <input type="button" value="Zeile ..." onclick="Zeile10(this)"> <input type="button" value="b" onclick="Text_fett10(this)" style="font-weight: bold"> <input type="button" value="k" onclick="Text_kursiv10(this)" style="font-style: italic"> <input type="button" value="u" onclick="Text_unterstrichen10(this)" style="text-decoration: underline"> <input type="button" value="Schrift ..." onclick="Schrift10(this)"> <input type="button" value="Zeilenumbruch" onclick="document.Editor_Form10.HTML_der_Seite10.value += unescape('%3Cbr>');"> <input type="button" value="Hyperlink ..." onclick="Hyperlink10(this)"> <input type="button" value="Bild" onclick="hinzufuegen10('img%20border=%220%22',new Array('src','alt','width','height'),new Array('Gib den URL des Bildes ein','Bildtext%0AKeine Eingabe = kein Bildtext','Breite des Bildes%0AKeine Eingabe = Breite aus URL holen','Höhe des Bildes%0AKeine Eingabe = Höhe aus URL holen'));"> <input type="button" value="E-Mail ..." onclick="Email10(this)"> <input type="button" value="horizontale Linie" onclick="hinzufuegen10('hr',new Array('color'),new Array('Farbe der horizontalen Linie (z.B.: red, orange, yellow, green, blue, black)%0AKeine Eingabe = Standardfarbe'));"> <input type="button" value="Laufschrift ..." onclick="Laufschrift10(this)"><br><br> <textarea name="HTML_der_Seite10" rows="10" cols="65"></textarea></form> <p><input type="button" value="Änderungen übernehmen" onclick="editieren10()"> <input type="button" value="alles löschen" onclick="document.Editor_Form10.HTML_der_Seite10.value = '';"></p> <p><font face="Arial" size="2">Editierte Seite:</font></p> </td> </tr> <tr> <td width="600" style="border: solid 1px #000000"><form name="editierbare_Seite10" action=""> </form></td> </tr> </table>