JavaScript / Tipps / Bausteine 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 / Archiv

Senden Sie uns Ihren JavaScript-Baustein zu  
SiteMap - Alle 229 JavaScript Bausteine anzeigen

 

• Buttons [IE|M|O]

Einige Buttons mit JavaScript-Funktionen. 
 <input type="button" value=" zurück " onclick="history.back();">

 <input type="button" value=" vorwärts " onclick="history.forward();">

 <input type="button" value=" 3 Seiten zurück " onclick="history.go(-3);">

 <input type="button" value=" 1 Seite vorwärts " onclick="history.go(1);">

 <input type="button" value=" Update " onclick="alert(document.lastModified);"> // [IE|M]

 <input type="button" value=" Diese Seite aktualisieren " onclick="location.reload();">

// Fenster schließen:
 <input type="button" value=" Dieses Fenster schließen " onclick="self.close();">

// Frame-Fenster schließen:
 <input type="button" value=" Dieses Fenster schließen " onclick="close();">




 

• Seite Ausdrucken [IE|M|O]

Mit einem Klick können Sie diese Seite ausdrucken. 
<Input type="button" value="Seite Drucken" onClick="javascript:self.print()">

 

• Seite Speichern [IE]

Mit zwei Klicks können Sie diese Seite speichern. 
<script type="text/javascript">
// Seite Speichern
function Speichern() {
 document.execCommand('SaveAs');
}
</script>

<Input type="button" value="Seite Speichern" onClick="javascript:Speichern()">

 

• Seite öffnen [IE]

Mit diesen Button können Sie eine Datei öffnen.
Bitte beachten Sie: Diese Funktion ist nur Lokal auf dem PC möglich. 
<script type="text/javascript">
// Seite öffnen
function Oeffnen() {
 document.execCommand('Open');
 }
</script>

<Input type="button" value="Seite Öffnen" onClick="javascript:Oeffnen()">

 

• Ein Button wird zum Linkbutton [IE|M|O]

Normaler Linkbutton 
<input type="button" value="Gehe zu Bausteine 1" onclick="location.href='bausteine1.htm';">

 

•Linkbutton in Frames [IE|M|O]

<input type="button" value="Gehe zu Bausteine 1"
 onclick="parent.fenstername.location='bausteine.htm'">

 

• Download & Play Button [IE|M|O]

<input type="button" value="Download: Zip-Datei" onclick="location.href='Dateiname.zip'">
<input type="button" value="Play Midi" onclick="location.href='Dateiname.mid'">
<input type="button" value="Play Video" onclick="location.href='Dateiname.avi'">

 

• E-Mail Button [IE|M|O]

<input type="button" value="E-Mail schreiben"
onclick="location.href='mailto:webmaster@homepage-total.de'">

 

• E-Mail Button mit Textvorbelegung [IE|M|O]

<input type="button" value="E-Mail an einen Freund schreiben"
onclick="parent.location='mailto:?Subject=Startseitenempfehlung&Body=Hallo,
ich habe eine tolle Seite mit vielen erstklassigen Javascripts und vielen nützlichen
Tipps, Tricks und Informationen gefunden. Die URL lautet http://www.homepage-total.de
Schau doch mal dort vorbei. Es lohnt sich! Mit freundlichen Grüßen'">

 

Linkbutton als Lokaler Verweis [IE|M|O]

<a name="oben">
...
...
<input type="button" value="Gehe nach Oben" onclick="location='#oben'">

 

• Fenstergröße ändern [IE|M|O]

Die Fenstergröße lässt sich mit einem Klick auf den Button ändern.
Funktioniert nicht bei Frames!
Ab „I.Explorer 7“ funktioniert die Anweisung <body onLoad="window.resizeTo(640,480)">
im Web nicht mehr — Was für viele Besucher häufig ein Ärgernis darstellte. 
 <input type=button value="Fenster 640x480" onclick="window.resizeTo(640,480)">
 <input type=button value="Fenster 800x600" onclick="window.resizeTo(800,600)">
 <input type=button value="Fenster 1024x768" onclick="window.resizeTo(1024,768)">

 

• Rahmen entfernen [IE|M]

Die gestrichelten Rahmen lassen sich ganz leicht entfernen.
Anwendbar auf Textlinks, Bilder mit Links und Image Maps. 
<input type="button" value="klick" onClick="this.blur()">

mit Rahmen
ohne Rahmen

 

• Confirm [IE|M|O]

<script type="text/javascript">
function Geschenk() {
// Confirm
 if (confirm("Schenkst du mir 1 Euro ?")==true) {
  alert("Vielen, vielen Dank.");
  }
  else {
   alert("Geizhals.");
  }
}
</script>

  <input type=button value="Ein Geschenk" onClick='Geschenk();'>


Testen Sie mal diesen Button.

 

• Text markieren [IE|M|O]

<form name="formel">
 <textarea rows=3 cols=50 name="eins">
  Mit einem Klick auf dem Button "Markieren", können Sie diesen Text markieren.
 </textarea>

 <input type=button value="Markieren" onClick="this.form.eins.select();this.form.eins.focus();">
</form>

 

• Text markieren und in die Zwischenablage kopieren [IE|G]

<form name="eins">
 <textarea rows=4 cols=50 name="eins">
  Mit einem Klick auf dem Button "Markieren", können Sie diesen Text markieren
  und in die Zwischenablage kopieren.
 </textarea>

 <input type=button value="Markieren & Kopieren" 
onClick="this.form.eins.select();this.form.eins.focus(); document.execCommand('Copy')">
</form>

 

• Zwischenablage auslesen [IE]

Text aus der Zwischenablage einfügen. 
<form name="eins">
 <textarea rows=4 cols=50 name="eins"></textarea>

 <input type=button value="Zwischenablage&#10;Auslesen" 
onClick="this.form.eins.focus();document.execCommand('Paste')">
</form>

 

• Button mit wechselnder Beschriftung [IE|M|O]

<script type="text/javascript">
// Button mit wechselnder Beschriftung
var a=1;
function Klick() {
 if (a==1) {
  document.Beschriftung.Name.value="D A N K E";
  a=0;
  return;
 }

 if (a==0) {
  document.Beschriftung.Name.value="Klick Mich";
  a=1;
  return;
 }
}
</script>

<form name="Beschriftung">
 <input type=button value="Klick Mich" name="Name" onClick="Klick();">
</form>

 

• Eingabe überprüfen [IE|M|O]

<script type="text/javascript">
// Eingabe überprüfen
function check() {
 if (document.formel2.eingabefeld.value=='Eingabe:....') {
  alert('Bitte geben Sie Etwas ein!');
 }
 else {
  alert('ok ' + document.formel2.eingabefeld.value + "!");
 }
}
</script>

<form name="formel2">
   <input type=text size=30 name="eingabefeld" value="Eingabe:....">
   <input type=button value="fertig" onClick="check()">
</form>

 

• Sendebutton mit Sicherheitsabfrage [IE|M|O]

<input type="submit" onClick="return confirm('Sind Sie sicher?')">

 

JavaScript Bausteine 1   [2]   JavaScript Bausteine 3

 

© 2000-2012 Homepage-Total.de Kontakt - Impressum - Banner