JavaScripts

JavaScripts

Hier habe ich eine Sammlung einiger interessanten JavaScripts zusammengestellt.

Diese JavaScripts sind natürlich kostenlos auf deiner Seite anwendbar.
Das Copyright unterliegt jedoch der jeweils angegebenen Quellen.

Hilfe: Was sind JavaScripts?
JavaScripts (oder auch kurz JS) sind Codes, die du auf deine Homepage einbinden kannst.
Sie dienen meist dazu, deine Homepage zu verschönern.

Hilfe: Wie binde ich JavaScripts auf meine Homepage ein?
Das geht ganzeinfach. Befolge dazu einfach die folgenden Schritte:

  1. Kopiere den gewünschten Code komplett
  2. Öffne die Seite, die du bearbeiten möchtest und klicke auf das  im Editor oben links.
  3. Jetzt siehst du die Seite im "Quellcode-Modus". Das bedeutet, dass du jetzt die Seite so siehst, wie dein Computer (bzw. dein Browser) die Seite aus dem Internet bekommt. In diesem Modus Programmieren meistens auch Programmierer eine Homepage.
  4. Füge den Code jetzt genau an der Stelle ein, wo du ihn haben möchtest.
    Hinweis: Wenn du ein JavaScript hast, das z.B. ein Fenster öffnet oder es vom Besucher nicht direkt gesehen wird, dann füge es am besten ganz unten ein.
    Solltest du das JS an einer bestimmten Stelle im Text plazieren wollen, dann überfliege den Quellcode am besten und schaue, ob du die ungefähre Stelle im Text erkennen kannst.
  5. Klicke jetzt wieder auf  und schaue dir das Ergebnis an.
    Sollte es nicht passen, dann klicke noch einmal auf den Button und versuche noch einmal, die richtige Stelle zu finden. - Learning by doing 

"Jage den Button" - Fun

Füge den folgenden Code auf deiner Homepage ein.

Alle gelben Stellen kannst du verändern.

 

<form name="G">

<h3>Hier einen Text oder eine Frage eingeben</h3>

<input type="button" value="Nein!" style="visibility:hidden" onmouseover="document.G.elements[0].style.visibility='hidden';document.G.elements[3].style.visibility='visible'" />

<input value="Nein!" type="button" style="visibility:hidden" onmouseover="document.G.elements[1].style.visibility='hidden';document.G.elements[2].style.visibility='visible'" />

<br />

<input type="button" value="Nein!" style="visibility:hidden" onmouseover="document.G.elements[2].style.visibility='hidden';document.G.elements[5].style.visibility='visible'" />

<input type="button" value="Nein!" style="visibility:hidden" onmouseover="document.G.elements[3].style.visibility='hidden';document.G.elements[1].style.visibility='visible'" />

<br />

<input type="button" value="Ja!" onclick="alert('[Gieb Hier den Text ein, der beim klicken auf  Ja erscheinen soll]')" />

<input type="button" value="Nein!" onmouseover="document.G.elements[5].style.visibility='hidden';document.G.elements[0].style.visibility='visible'" />

</form><br />