AeroWindow für Websites

Mit AeroWindow erzeugen Sie kinderleicht Popup-Fenster im Aero Stil für Ihre Website.

AeroWindow für Websites

Vorschau zu diesem Artikel

Keine Online Demo zu diesem Artikel verfügbar

Reguläre
Lizenz

10,00 €

Für eine Website
(Kommerziell und persönlich)

Sicher bezahlen mit PayPal

PayPal ist der Online-Zahlungsservice, mit dem Sie in Online-Shops sicher, einfach und schnell bezahlen – und das kostenlos.

Beschreibung

AeroWindow - Plugin für jQuery - Windows Aero Style für Websites

AeroWindow erstellt Popup-Fenster im Aero Stil, angelehnt an den Style von Window7. Die Popup-Fenster bieten die gewohnten Möglichkeiten und volle Funktionalität analog zu Windows Fenstern.

Features

  • Besonderheit: Live animierter Glossy Aero Look (siehe Header beim Verschieben)
  • Gewohnte Fenster Buttons: Minimieren, Verkleinern, Maximieren und Schließen
  • Doppelklick Unterstützung wie in Windows (Maximieren, Verkleinern)
  • Aktives Fenster wird visuell hervorgehoben, wie in Windows
  • Vom Anwender stufenlos skalierbare Fenstergröße
  • Verschiebbare Fenster durch Maus dragging
  • Gewohntes Z-Order-Management wie in Windows
  • + Animierte Veränderung der Fenstergröße
  • + Vielfältige Konfigurationsmöglichkeiten

Konfigurationsmöglichkeiten

  • Fenster Titel
  • Fenster Startposition X/Y (auch zentriert mögich)
  • Fenster Standardgröße
  • Fenster Mindestgröße
  • Fenster Status beim öffnen (Minimiert, Maximiert, Normal)
  • Fenster Animation (30 verschiedene Easing Methoden)
  • Fenster Generierung durch Maus Events & JavaScript Funktionsaufrufe

Kompatibilität geprüft in den folgenden Browsern

  • Internet Explorer 6
  • Internet Explorer 7
  • Internet Explorer 8
  • Mozilla Firefox 3
  • Google Chrome 4
  • Apple Safari 4
  • Opera 10

Einfache Verwendung in bestehende Websites

Verwenden Sie AeroWindow in Ihrer bereits bestehenden Website. Die Integration ist kinderleicht.

Die simpelste Art AeroWindow zu verknüpfen:

  1. $('#YourContainerDiv').AeroWindow({
  2.     WindowTitle:            'My first very cool Aero Window for Web',
  3. });

 

Besondere Konfigurationswünsche lassen sich optional einfach hinzufügen:

  1. $('#YourContainerDiv').AeroWindow({
  2.     WindowTitle:            'My first very cool Aero Window for Web',
  3.     WindowPositionTop:      'center',
  4.     WindowPositionLeft:     'center',
  5.     WindowWidth:            600,
  6.     WindowHeight:           400,
  7.     WindowMinWidth:         100,
  8.     WindowMinHeight:        100,
  9.     WindowAnimationSpeed:   500,
  10.     WindowAnimation:        'easeOutCubic',
  11.     WindowResizable:        true,
  12.     WindowDraggable:        true,
  13.     WindowMinimize:         true,
  14.     WindowMaximize:         false,
  15.     WindowClosable:         true
  16. });

Changelog

Änderungen in Version 3.5 (09.06.2010)
Neue Konfigurationsoptionen:

  • WindowAnimationSpeed
  • Bugfix: iFrames können nun korrekt in der Größe geändert werden
  • Bugfix: Die Window Buttons sehen jetzt sauber aus, in sämtlichen Konfigurationen
  • Bugfix: Fenster ohne Maximieren-Button können nicht mehr mittelsDoppelklick auf den Header maximiert werden
  • Bugfix: Beim Klicken auf die Buttons erscheinen nicht keine Raute (#) in der Browser-URL
  • Bugfix: Dragging ist nicht mehr im Content-Bereich möglich. Nur im Header.
  • Bugfix: Der Inhalt kann nun gescrollt werden
  • Bugfix: IE JavaScript Abstürze gefixt

Änderungen in Version 2.0:
Die Konfiguration wurde um folgende Optionen erweitert:

  • WindowResizable
  • WindowMaximize    
  • WindowMinimize    
  • WindowClosable   
  • WindowDraggable