Aktuelles
Startseite
TP Wettbewerbe
Sitemap
Service
Hilfe-Forum
Kolumnen
Linktipps
Buchrezensionen
Traum-Team
Newsletter
Traumquelle
Dreamweaver
Fireworks
Photoshop
Flash
Traum-Start
gimp
GoLive
php / Apache
Sonstige
Grundlagen
Usability
CSS
Apple / Mac
3D
Intern
TP-Sponsor
TP SHOP
Bild Galerie
TP Wallpapers
Forum-Archiv
Link zu uns
Impressum
Zurück  
TP Portal > Dreamweaver > Chromeless windows

Chromeless Windows mit Dreamweaver

Das Chromeless Window stellt eine interessante Alternative zu den üblichen Browserfenstern dar. Es läßt sich auch ganz einfach über eine Dreamweaver Extension erzeugen.

Für den Einatz wird sowohl der Dreamweaver Extension Manager, als natürlich auch die eigentliche Extension "ChromelessWin 2.1.3" benötigt. Beides ist über den Macromedia Dreamweaver Exchange Service zu bekommen. tooltipp

1. Nach erfolgreicher Installation des Exchange Managers sowie dem Download der MX188768_chromelessWin.mxp ins Verzeichnis \Dreamweaver\Downloaded Extensions\ , wird die Datei zunächt über "Datei" > "Erweiterung installieren" ausgewählt und bestätigt. tooltipp

2. Man sucht sich nun eine Schaltfäche oder eine blinde Grafik (blind gif) und wählt über das Fenster "Verhalten" die Option "Open Chromeless Window" aus. tooltipp

3. In dem folgenden Fenster ist nun die Angabe einer bereits vorhanden html Datei notwendig, die als Inhalt des Chromeless Windows dient. Als "Window Title" wird der Name vergeben, der zukünftig als Titel des Fensters im Internet Explorer angezeigt werden soll (die alternative Darstellung im Netscape Browser verwendet den Title Tag aus dem Html Dokument). Als "Window Name" muss ein zusammenhängender Name ohne Sonderzeichen verwendet werden, da dieser Name als Identifikation für das Javascript herhalten muss. Unter "Window With" und "Window Height" folgen die Breite- und Höhenwerte des Fensters in Pixel. Die aktiverte Schaltfläche "Open window in centre screen.. ." sorgt für die zentrierte Darstellung des Fensters auf dem Monitor, sobald es geöffnet wird. Sollte das Häckchen entfernt werden, kann man über die x- und y- Koordinaten (ebenfalls in Pixel) die Postition auf der Oberfläche bestimmen. Über die Angaben der Farbe beeinflußt man die Rahmenfarbe, die Rahmenfarbe in ausgewählten Zustand, die Farbe des Titelbalkens und dessen Farbe im ausgewählten Zustand. "Title Bar Font" bestimtm die Schriftart des Titels, die Größenangabe daneben erfolgt ebenfalls in Pixel. "Font Color" - naütrlich die Schriftfarbe des Titels. tooltipp

4. Im Fenster "Verhalten" läßt sich nun das Verhalten zum Öffnen des Fensters auswählen. Sinn machen hierbei die Optionen "onLoad" oder "(onClick)". Bei der ersten Option öffnet sich das Chromeless Window direkt beim Laden der übergeordneten Datei. Bei Auswahl von "(onClick)" reagiert das Fenster auf einen Mausklick auf das mit dem Verhalten zugewiesenen Objekt. tooltipp

5. Das Stammobjekt des Chromeless Window, also die Schaltfläche oder das blid gif sollte man nun einen fiktiven Link zuweisen. Idealerweise die Anweisung "javascript:;" (ohne Anführungszeichen). Es würde auch eine Rauten "#" (ebenfalls ohne Anführungszeichen) funktionieren, jedoch interpretieren die meisten Browser daraus die Anweisung, wieder zum Seitenanfang des aktiven Dokuments zu springen. Die Zuweisung eines fiktiven Links ist unbedingt erforderlich, da ohne einen Link ein Netscape Browser das Verhalten des Javascript nicht interpretieren könnte und das Fenster nicht anzeigt. Die Zuweisung eines "realen Linkziels" also z.B. ein vorhandes Html Dokuments, würde dazu führen, dass der Browser neben dem Fenster zusätzlich den Link in das Stammfenster lädt. tooltipp

6. Die Eigenschaften des Chromeless Window können jederzeit durch einen Doppelklick auf das Verhalten "Open Chromeless Window" bearbeitet werden. tooltipp

TIP! In den Netscape Browsern (ab Version 4.7) und in Opera 5 wird das Chromeless Window nicht als solches unterstützt. Statt dessen wird ein normales Fenster mit den gleichen Größenverhätnissen und Eigenschaften (bis auf die Zentrierung) geöffnet. Daher braucht man für die neueren Browse nicht extra eine Browserweiche zu erstellen.

 

Autor: (tg)

Abbildungen

Abbildung 1 - Microbians Chromeless Window 2.1

Abbildung 1 - Microbians Chromeless Window 2.1

Abbildung 2 - Macromedia Extension Manager

Abbildung 2 - Macromedia Extension Manager

Abbildung 3 - Fenster Verhaltensweisen

Abbildung 3 - Fenster Verhaltensweisen

Abbildung 4 - Das Eigenschatsfenster des zu erstellenden Chromeless Window.

Abbildung 4 - Das Eigenschatsfenster des zu erstellenden Chromeless Window.

Abbildung 5 - Die möglichen Verhalten zum Öffnen des Fensters.

Abbildung 5 - Die möglichen Verhalten zum Öffnen des Fensters.

Abbildung 6 - Das Eigenschaftsfenster bei Auswahl des Chromeless Window

Abbildung 6 - Das Eigenschaftsfenster bei Auswahl des Chromeless Window

Abbildung 7 - Verhalten Open Chromeless Window

Abbildung 7 - Verhalten Open Chromeless Window

Buchrezension

Coverimage
AJAX Hacks
Dynamische Webseiten mit AJAX programmieren - dieses Handbuch bietet einen praktischen Einblick.
[mehr]
Gimahhot - Shopping
TP-Partner
Sprachreise London
Webmasterpro
Computerhilfen
Computerhilfen
Eventagentur Hamburg
it-rechtsinfo.de
Designguide
Getreidemühlen
sk-typo3
Kochkurs Berlin
Maandiko.de
d. Webdesigner
PSD Tutorials
Medizin
Handy Forum

Hier könnte Ihre Werbung stehen

 >> INFO << 

\ Startseite | Forum | Impressum | nach oben | Seite zurück /