Javascript Keycodes

Mit Hilfe der Keycodes können Tastatureingaben eines Benutzers erkannt und verarbeitet werden. So kann zum Beispiel durch den Keycode “13″ das drücken der “Enter” Taste abgefangen werden und eine spezielle Funktion gestartet werden.

Artikel weiterlesen

HTML5 Elemente für den Internet Explorer

Folgender Javascript Code erstellt HTML5 Elemente für den Internet Explorer.

Javascript Datei “ie-html5.js”:

(function(){
  var html5elements = "address|article|aside|audio|canvas|command|datalist|details|dialog|figure|figcaption|footer|header|hgroup|keygen|mark|meter|menu|nav|progress|ruby|section|time|video".split('|');
  for(var i = 0; i < html5elements.length; i++)
    {
      document.createElement(html5elements[i]);
    }
})();

In den Kopfbereich Ihres HTML Dokumentes:

<!--[if IE]>
  <script type="text/javascript" src="ie-html5.js"></script>
<![endif]-->

Stylesheet (CSS):

header , hgroup , nav , section , article , aside , footer { display:block; }

Javascript Redirect

Weiterleitung mit Javascript:

<script type="text/javascript">
  <!--
    window.location = "http://www.zielurl.tld"
  //-->
</script>

Javascript: Zufallszahl generieren

Eine Funktion um sich Pseudo-Zufallszahlen aus einem bestimmten Bereich generieren zu lassen:

function GetRandom( min, max ) {
	if( min > max ) {
		return( -1 );
	}
	if( min == max ) {
		return( min );
	}
        return( min + parseInt( Math.random() * ( max-min+1 ) ) );
}

Aufruf der Funktion:

GetRandom(1, 100)

Es wird eine Zufallszahl zwischen 1 und 100 wiedergegeben.

Wert eines Input-Feldes bei Klick ausblenden und wiederherstellen

Beim aktivieren (klick) des Input-Feldes wird der Standartwert “Suchbegriff eingeben” entfernt. Sollte keine Eingabe erfolgen erscheint bei einem Klick ausserhalb des Input-Feldes wieder der Standartwert.

<input type="text" name="suche" value="Suchbegriff eingeben" onfocus="if(this.value == this.defaultValue) this.value = '';" onblur = "if(!this.value) this.value = this.defaultValue;" />