Translation is running! Please wait...

AeroWindow - Plugin für jQuery

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

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.

tl_files/images/btn-demo.pngtl_files/images/btn-download.png

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:

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

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

$('#YourContainerDiv').AeroWindow({
  WindowTitle:          'My first very cool Aero Window for Web',
  WindowPositionTop:    'center',
  WindowPositionLeft:   'center',
  WindowWidth:          600,
  WindowHeight:         400,
  WindowMinWidth:       100,
  WindowMinHeight:      100,  
  WindowAnimationSpeed: 500,
  WindowAnimation:      'easeOutCubic',
  WindowResizable:      true,
  WindowDraggable:      true,
  WindowMinimize:       true,
  WindowMaximize:       false,
  WindowClosable:       true       
});

Download

Der Download ist völlig kostenlos. Er enthält alle benötigten Dateien sowie eine Demo-Datei. Diese Version basiert auf jQuery (v1.4.2)

Aktuelle Version:

» AeroWindow (v3.5) jetzt downloaden

 

Ältere Versionen:

» AeroWindow (v2.0) jetzt downloaden

» AeroWindow (v1.0) jetzt downloaden

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 

Kritik und Lob! Sag's und hinterlasse ein Kommentar:

Kommentar von Augusto Casamalhuapa | 2010-08-03

Estimados Me encanta este script jquery, estoy utilizandolo a partir de este día, estoy modificando algunas funciones para que los botones puedan tener la opcion Draggable para que parezca un poco más interfaz de escritorio, modificare el tipo de visualización ya que no me agrada que parezca windows, me gustaría algo más personalizado, intentare crear una barra de herramientas y una de widgets a la derecha con información importante, me gustaría formar parte de este fabuloso equipo. Espero me lo permitan.

Kommentar von Voooza | 2010-07-22

Hi!
Great work. I'm planing to use this plugin on my website. I'd like to save the windows positions via cookies on window close event and restore them again when user comes back to the site. I cant figure out the way to do it. I've tried myWindow.position but i get different values in different browsers and none seemed to be correct(they are probably counted from parent element and not from the window top left corner).

Any clue???

Thanks again for great plugin!

Kommentar von Alexander | 2010-06-30

Great work!!! I want to use it in my project, but...
Why it is so slow in Internet Explorer?
Also it will be better to have taskbar like in Windows 7 - it is not usable for 10-20 forms.
I believe you will fix it as soon as possible.
Good luck :)

Kommentar von andreas Hjorth | 2010-06-18

Hi. Thanks for this cool plugin, i just have one question. is it possible to load the content window when it open? i have tried using $ (id). load (url) before i run the code to show the window but it dont work as it should. please help me:)

Kommentar von Marcelo Coelho | 2010-06-18

Great component! Congratulations to the development team!
I wonder if it is to have a button inside the window
to close without the buttons on the frame. This would facilitate
and a lot of my development.

Kommentar von Simon | 2010-06-17

Ich fände es sehr gut, wenn man WindowHeight und WindowWidth nicht zwingend angeben müsste. Also, dass sich das Fenster selbst an die Größe des Inhalts anpasst. :)

Kommentar von SMiGL | 2010-06-17

Great plugin. Thanks for shared!

Kommentar von Humberto | 2010-06-16

Wonderfull work, thanks for share.

I have a pair of problems around here.

1) I have an AeroWindows open, this windows has a buch of icons, every one lauch a diferent new AeroWindows with an iframe...and that works ok... but here is the strange. When i click the icon inside the windows... the new windows open has expected but behind my initial windows and the new one is inactive. How can i do to open a new windows on top?.

2)Can you give us the plain version of jquery-ui.css the actual one is download from google repository and has a lot of images. I dont know how discharge all these, worse yet those CSS are customized. (POSTDATA: i erase the line and work fine so inst neccesary anymore... delete it from example).

Thanks in advance...

Ing. humberto Paz.

tip: I know is not usual to merge icons and windows... but if you dont want future problems a sugest to use ("display","inline") to show the windows... when you use ("display","block") is posible to disrupt the content of the page.

Kommentar von Tony-b | 2010-06-12

hum... an other suggestion :
- WindowAnimation : 'none'

Kommentar von Jeremy | 2010-06-11

You should create a dock or system task bar for when the windows minimize they go into the dock just like windows 7