Pagina met pop up vensters maken bij mouse hoover op text

[Sjattuh]

Ik wil graag een pagina met verschillende kopjes (text en foto) die bij mouse hoover een nieuw venster openen (kleiner - user defined size).

 

Het liefste wil ik in deze nieuwe vensters dan de mogelijkheid hebben om te scrollen, door foto's heen te lopen, text en foto's etc.

 

Deze nieuwe vensters moeten dan met een klik weer worden geactiveerd en gesloten.

 

Dus ik beweeg mijn muis over een x-aantal triggers wie elk een andere venster doen opkomen en wanneer de muis ervan wegbeweegt weer worden gesloten. Als ik dan 1 van die vensters aanklik wordt deze actief en maakt muis hoover niet meer uit. Ik bedien dan het nieuwe venster en kan hier de boel bekijken en vervolgens sluiten. Dan werkt de muishoover weer.

 

Ik kan alleen een beetje HTML via DW, maar als iemand me op weg kan helpen heb ik geen moeite met een andere taal aan te leren.

 

Meestal met voorbeeldjes kom ik er wel uit. (Sorry ik jat wel eens een stukje code )

[Puch]

Het is sowieso geen goed idee om een pop-up te laten verschijnen via een mouse-over event.

Je kan beter met een onclick event werken.

 

Deze functies zitten ingebouwd in DW.

 

[Sjattuh]

Origineel bericht van: Puch

Het is sowieso geen goed idee om een pop-up te laten verschijnen via een mouse-over event.
Je kan beter met een onclick event werken.

Deze functies zitten ingebouwd in DW.

1. geen goed idee omdat?

2. dat is CSS neem ik aan? of ook in HTML?

[Duwgati]

1. geen goed idee omdat het vreselijk irritant is als je niet eens vrij met je muis over een beeldscherm kunt bewegen zonder dat er popups verschijnen.

Je muis heeft niet voor niks knoppen gekregen!!!

 

2. Puch doelt op de ingebouwde javascript snippets. Wat jij zoekt is de window.open snippet. Dat gaat ongeveer zo:

Code:

<a href="url" onclick="window.open('mijnpopup.html','window_naam','width=200,height=100,scrollbars=yes,toolbar=yes,location=yes'); return false">bla bla bla, jouw tekst</a>

 

Maar de DW snippets doen het wat geavanceerder

[Kowalski]

Als de kleinere vensters in het hoofdvenster moeten openen, zou je de vensters kunnen maken met een <DIV> tag. In Dreamweaver is dat bijv.: insert AP Div en met naar de juiste plaats slepen. De <DIV> tags geef je style="visibility:hidden" zodat ze onzichtbaar zijn.

Vervolgens het kopje selecteren waar de mouse-over op van toepassing moet worden, dan Behaviours, Show-Hide Elements en daar aangeven welke DIV tag zichtbaar moet worden en de andere op hide. onMouseOver selecteren, indien dat nog niet gebeurd is. Hetzelfde voor de andere kopjes doen en klaar is kees.

Of je er ook in kan scrollen weet ik niet, maar misschien werkt bovenstaande ook wel met iFrames. Succes.

[kees kas]

via ajaxdaddy.com ben ik ooit op smoothbox gekomen

 

prbeer eens the google op lightbox clones