JavaScript Snippets

jQuery

Den selektierten Eintrag eines Pulldown Menüs ermitteln

Das gewählte Option Element einer Select Box kann über den Pseudo-Selektor :selected ausgewählt werden.

var selectedOption = $("#selectId :selected").val();

Sonstiges

Module Pattern

Das JavaScript Modul Pattern ermöglicht eine Kapselung von Methoden. Es gibt mehrere Varianten, siehe JavaScript Module Pattern: In-Depth, hier ein Beispiel Template:

var MyModule;
(function (MyModule) {
  
  function myPrivateFunction() { }

  function myPublicFunction() { }
  MyModule.myPublicFunction = myPublicFunction;

})(MyModule || (MyModule = {}));    

// MyModule.myPublicFunction();

Größe des Viewport ermitteln

Der zu Verfügung stehende Bereich (Browserfenster abzüglich aller Steuerelemente) steht je nach Browser an unterschiedlicher Stelle. Folgende Funktionen ermitteln die Größe des ViewPorts in den gängigen Browsern:

function getScreenWidth() {
    var width = 0;
    if (window.screen != null) {
      width = window.screen.availWidth;
    }
    if (window.innerWidth != null) {
      width = window.innerWidth;
    }
    if (document.body != null) {
      width = document.body.clientWidth;
    }
    return width;
  }
  function getScreenHeight() {
    var height = 0;
    if (window.screen != null) {
      height = window.screen.availHeight;
    }
    if (window.innerHeight != null) {
      height = window.innerHeight;
    }
    if (document.body != null) {
      height = document.body.clientHeight;
    }
    return height;
  }

Prüfen ob eine Variable eine Zahl enthält

Um alle möglichen Fälle zu prüfen hat sich folgende Funktion bewährt:

function isNumber(n) {
  return !isNaN(parseFloat(n)) && isFinite(n);
}

Einbindung in IFrame verhindern

<body onLoad="if (self != top) top.location = self.location">