Deus Figendi: Fenster öffnen

Beitrag lesen

  1. nach dem drücken auf ein wort auf der website ("anfahrt"), soll sich ein relativ kleines fenster öffnen (250x500px) in der die anfahrtskizze zu sehen ist (ohne menüleisten scrollbars...nur das fenster)

Ich empfehle dem Benutzer zu überlassen wie groß/klein und mit wie viel Menüs er seine Fenster haben möchte und einfach als target _blank anzugeben.
Das funktioniert aber natürlich nur in HTML-Varianten, die Frames unterstützen.
Ansonsten geht nur JavaScript und damit fallen eben alle Benutzer raus, die dieses deaktiviert haben. Ich bin nicht sehr gut in JS aber vielleicht wäre es möglich in dem geöffneten Fenster mit der Anfahrtsskitze die entsprechenden Operationen (Fenstergröße, Menüleisten...) umzusetzen. So öffnet sich für alle das Fenster und für Leute mit aktiviertem JS eben mit deinen Optionen. Aber wie gesagt... kann man eigentlich auch dem Benutzer überlassen (eigentlich kann man sogar "öffnen in neuem Fenster" dem Benutzer überlassen, ich mache das ständig).

  1. bilder die per <div> positioniert sind (sehr klein, 60x60px), sollen, wenn man mit den mauszeiger darüberbewegt, größer (400x400) an einer bestimmten position der seite zu sehen sein. (oder auch immer an derselben, etwa mittig)

Mit CSS eigentlich unkompliziert, insbesondere wenn es sich um das gleiche Bild handelt...

.bild {  
 width:60px;  
 height:60px;  
}  
.bild:hover {  
 width:400px;  
 height:400px;  
}

Wenn es zwei Bilder sind wird es etwas komplizierter, dann nämlich musst du beide Bilder in einem Container unterbringen, das größere blendest du ersteinmal aus. Wenn der Container gehovert wird blendest du das größere ein. Etwa so (ungetestet).

<div class="container">  
 <img class="thumbnail" src="./kleinesBild.gif" />  
 <img class="bild400" src="./grossesBild.png" />  
</div>
.container .bild400 {  
 position:fixed;  
 left:50px;  
 top:50px;  
 display:none;  
}  
.container:hover .bild400 {  
 display:block;  
}

...oder so.

--
sh:( fo:| ch:? rl:( br:& n4:& ie:{ mo:} va:) de:µ_de:] zu:) fl:( ss:| ls:[ js:(