Mario & Luigis wunderbare Welt

Diese Website wird vorübergehend in einer einfachen Ansicht angezeigt.

Seite bearbeiten (m) - Mario & Luigis wunderbare Welt
















Mario & Luigis wunderbare Welt
Startseite |
Charaktere |
Spiele |
Konsolen |
Nintendo |
Javascripts |
Webdesign |
Links |
Pagerank |
Awards |
Newsarchiv |
Gästebuch |
Impressum
Desktop-Version | Mobile Version
 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

Klicke hier, um das Javascript in einem neuen Fenster zu öffnen
 
Javascript einbinden
HTML-Code
<form name="TestInnerHTML10" action="" style="display: none">&nbsp;</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">&nbsp;</td>
  </tr>
  <tr>
    <td width="600">
<script type="text/javascript">
<!--
/*
© Valentin Hammer
Originalversion auf http://www.supermario.homepage.eu
*/

var uInnerHTML = document.TestInnerHTML10.innerHTML ? 1:0;

if(uInnerHTML==0)
document.write(unescape('%3Cfont face="Arial" size="2" color="#FF0000">'+'Der Browser kann dieses Javascript nicht ausführen'.bold()+'%3C/font>'));

function editieren10()
{
if(uInnerHTML==1)
{
var HTML10 = document.Editor_Form10.HTML_der_Seite10.value;

document.editierbare_Seite10.innerHTML = HTML10 ? HTML10:"&nbsp;";
}
}
function auf_zu10(Button10)
{
var Buttontext10 = Button10.value;

with(Buttontext10)
{
Button10.value = indexOf("*")>-1 ? substring(0,lastIndexOf(" ")):Buttontext10+" *";

return indexOf("*")>-1 ? 0:1;
}
}
function hinzufuegen10(Tag10,Attribute10,Werte10,Extras10)
{
if(Attribute10)
{
for(var i=0;i<Werte10.length;i++)
{
if(Extras10==1&&i==1)
{
Werte10[i] = confirm(unescape(Werte10[i]));
Werte10[i] = Werte10[i] ? "blank_":"";
}
else
Werte10[i] = prompt(unescape(Werte10[i]),"");

if(Extras10==2)
Werte10[i] = "mailto:"+Werte10[i];

with(Tag10)
//Tag10 = Werte10[i]!=""&&Werte10[i]!=null ? substring(0,indexOf('*'))+' '+Attribute10[i]+'="'+Werte10[i]+'"'+substring(indexOf("*")+1):substring(0,indexOf("*"))+substring(indexOf("*")+1);
Tag10 += Werte10[i]!=""&&Werte10[i]!=null ? ' '+Attribute10[i]+'="'+Werte10[i]+'"':'';
}
}

document.Editor_Form10.HTML_der_Seite10.value += unescape("%3C"+Tag10+">");
}
function Zeile10(Button10)
{
if(auf_zu10(Button10)>0)
{
hinzufuegen10("p",new Array("align"),new Array("Textausrichtung links: left, mitte: center, rechts: right%0AKeine Eingabe = normale Textposition"));
}
else
hinzufuegen10("/p");
}
function Text_fett10(Button10)
{
if(auf_zu10(Button10)>0)
{
hinzufuegen10("b");
}
else
hinzufuegen10("/b");
}
function Text_kursiv10(Button10)
{
if(auf_zu10(Button10)>0)
{
hinzufuegen10("i");
}
else
hinzufuegen10("/i");
}
function Text_unterstrichen10(Button10)
{
if(auf_zu10(Button10)>0)
{
hinzufuegen10("u");
}
else
hinzufuegen10("/u");
}
function Schrift10(Button10)
{
if(auf_zu10(Button10)>0)
{
hinzufuegen10("font",new Array("face","size","color"),new Array("Schriftart (z.B.: Arial, Times new Roman, Comic Sans MS)%0AKeine Eingabe = keine Schriftart","Schriftgröße%0AKeine Eingabe = Standardgröße","Schriftfarbe (z.B.: red, orange, yellow, green, blue, black)%0AKeine Eingabe = Standardschriftfarbe"));
}
else
hinzufuegen10("/font");
}
function Hyperlink10(Button10)
{
if(auf_zu10(Button10)>0)
{
hinzufuegen10("a",new Array("href","target"),new Array("Gib die Adresse ein (mit http:// davor)","Soll die Seite in einem neuen Fenster geöffnet werden?"),1);
}
else
hinzufuegen10("/a");
}
function Email10(Button10)
{
if(auf_zu10(Button10)>0)
{
hinzufuegen10("a",new Array("href"),new Array("Gib die E-Mail Adresse ein"),2);
}
else
hinzufuegen10("/a");
}
function Laufschrift10(Button10)
{
if(auf_zu10(Button10)>0)
{
hinzufuegen10("marquee",new Array("width","height","behavior","direction","scrolldelay","scrollamount","loop","bgcolor"),new Array("Breite der Laufschrift%0AKeine Eingabe = Standardbreite","Höhe der Laufschrift%0AKeine Eingabe = Standardhöhe","Verhalten der Laufschrift: oszilieren: alternate, einschieben: slide%0AKeine Eingabe = Umlaufen","Richtung der Laufschrift nach links: left, nach rechts: right%0AKeine Eingabe = normale Richtung","Geschwindigkeit der Laufschrift%0AKeine Eingabe = Standardgeschwindigkeit (6)","Verzögerung der Laufschrift%0AKeine Eingabe = Standardverzögerung (80)","Wiederholungsdurchgänge der Laufschrift (-1 = kontinuierlich)%0AKeine Eingabe = kontinuierlich wiederholen","Hintergrundfarbe der Laufschrift (z.B.: red, orange, yellow, green, blue, black)%0AKeine Eingabe = keine Hintergrundfarbe"));
}
else
hinzufuegen10("/marquee");
}
//-->
</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="">&nbsp;</form></td>
  </tr>
</table>
 
Statistik
Zum Anzeigen der Besucherzahlen muss Javascript im Browser aktiviert sein.
Valid HTML 4.01 Transitional
CSS ist valide!
Copyright Valentin HammerZuletzt geändert am 6. Januar 2020