Pop-up med hjemmeside.
Ole Møller Christensen
Jeg har tidligere lavet en hjemmeside, hvor billederne i vores galleri
kommer frem som pop-ups styret af et javascript, hvor baggrunden
bliver tonet mørk og billedet dukker op på midten af siden. De bruger
det for eksempel på http://www.hwt.dk
Det jeg så ville høre er, om det er muligt at gøre det samme, hvor
indholdet bare er en html-fil, så jeg kan lave en lille "side" i den
rude, som der popper op?
På forhånd tak
Ole Møller Christensen
Kerim Ellentoft
skrev :
>Det jeg så ville høre er, om det er muligt at gøre det samme, hvor
>indholdet bare er en html-fil, så jeg kan lave en lille "side" i den
>rude, som der popper op?
Du kan ikke lave det helt så fancy (af sikkerhedsgrunde).
http://www.dynamicdrive.com/dynamicindex8/popwin.htm
Et par andre muligheder er på
http://www.dynamicdrive.com/dynamicindex8/index.html
Fx
http://www.dynamicdrive.com/dynamicindex8/dhtmlwindow/dhtmlmodal.htm
--
Kerim
Rune Jensen
(slet 0NPJ9) wrote:
> Det jeg så ville høre er, om det er muligt at gøre det samme, hvor
> indholdet bare er en html-fil, så jeg kan lave en lille "side" i den
> rude, som der popper op?
Jeg kan ikke umiddelbart se den feature på dit link, men det er nemt
at lave et popUp-vindue i JavaScript. Det vil de kunne forklare i
clientside-gruppen. Bare vær opmærksom på, det er måske ikke verden
mest brugervenlige løsning, og jeg ved heller ikke, hvordan det virker
med diverse popUp-blokkere - min tager vidstnok det hele. Der findes
vidst også en HTML-mulighed (kan ikke huske, har ikke brugt i 100 år),
men den validerer ikke i strict.
Det er bedre at vise selve billedet ved klik i samme side, samme
design, fordi det er mere konsistent. Generelt tror jeg ikke folk er
glade for vinduer, som popper op.
Hvis du har et link til din side, evt. den, du omtaler, hvor
funktionen er, kan det være, jeg kan hjælpe mere.
MVH
Rune Jensen
Ole Møller Christensen
>Fx
>http://www.dynamicdrive.com/dynamicindex8/dhtmlwindow/dhtmlmodal.htm
Tak for de links. Ovenstående ser lidt interessant ud, så det vil jeg
kigge
nærmere på.
Ole Møller Christensen
>Jeg kan ikke umiddelbart se den
Her er et link til en af hwt's artikler, så er det bare at
klikke på et billed og se funktionen.
http://hwt.dk/literaturedetails.aspx?TeaserID=9222
Det er ikke et egentlig pop-up vindue. Jeg synes generelt også
at pop-up vinduer er en dårlig idé, men den effekt som der er
med disse pop-ups af billeder er en god måde få fokus på
billedet uden at skulle "væk" fra siden.
Jørgen Farum Jensen
"Ole Møller Christensen (slet 0NPJ9)" <o....@0NPJ9mail.tele.dk> skrev i en
meddelelse news:12073369030.217172777543045@dtext.news.tele.dk...
http://webdesign101.dk/galleri/eksempler/galleri_1.php
--
Jørgen Farum Jensen
http://webdesign101.dk
Birger
news:12073434220.111840963427721@dtext.news.tele.dk...
Umiddelbart, så kan billedet ligge en fixed (eller absolut) positioneret
div, der vises/skjules via script, med display property (none/block).
Det vil være muligt at ændre indhold ved f.ex. brug af AJAX - skifte
billede, etc. - og det vil også være muligt at have almindelig HTML eller
XHTML i div'en.
Kan ikke lige se hvordan farven på det eksisterende ændres - det ligner
noget halvgennemsigtigt PNG der ligger over indholdet, og vises/skjules
sammen med.
Birger
-----
http://bbsorensen.dk
http://varmeretter.dk - hverdagsmad. Sundt, nemt, hurtigt og billigt. Daglig
opdatering.
Birger
news:86290f9b-0e50-40c6...@8g2000hse.googlegroups.com...
On 5 Apr., 11:34, "Birger" <s...@bbsorensen.com> wrote:
> "Ole Møller Christensen" <o....@mail.tele.dk> skrev i en
> meddelelsenews:12073434220.111840963427721@dtext.news.tele.dk...
> Kan ikke lige se hvordan farven på det eksisterende ændres - det ligner
> noget halvgennemsigtigt PNG der ligger over indholdet, og vises/skjules
> sammen med.
Jeg har ikke meget forstand på dynamisk HTML, så jeg kan kun komme med
lidt tanker. Jeg formoder, det vil være for omstændigt at have en
javascript til at tone CSSen ned med farverne. I stedet lidt a la det,
du foreslår, en PNG eller 2x2px GIF, som man strør om sig med i en DIV
ovenpå hele siden med max bredde og max højde. Derpå yderligre en div,
som du skriver. Man skal så manipulere med z-index (som jeg ærligt
ikke kan huske meget om) samt display-egenskaben. I sidste ende vil
det måske endda kunne gøres, så kode + gennemsigtigt billede ikke
fylder altfor meget, men ærligt, det er ret meget at gøre for at vise
et billede, Det billede må være meget vigtigt;)
MVH
Rune Jensen
Tog nu udgangspunkt i om det kan lade sig gøre med HTML/script og evt.
hvordan.. ;>)
Hvis alternativet er et "rigtigt/almindeligt" pop-up, vil jeg nok foretrække
denne - og det er faktisk ikke så besværligt.
Man kan så diskutere det smarte i at have en popup på siden, der er (kan
være) større end brugerens vindue, som de eksempler vi har fået forevist.
Jeg har ikke leget med PNG - men hvis man kan lægge et lille billede som
halvgennemsigtig baggrund i "popup" div'en, med en passende padding -
indeholdende en anden div, der viser billede/teksten eller whatever. Det
burde kunne lade sig gøre.
Har lidt travlt - ellers ville jeg have foretaget en test, men det bliver
ikke foreløbig..
z-index skal sættes en gang for alle, og det kan gøres i css - så man
behøver egentlig blot tænde/slukke for det overlagte div via script, og så
selvfølgelig sørge for at der er det rigtige indhold.
Paw Jeppesen
"Ole Møller Christensen" <o....@mail.tele.dk> skrev i en meddelelse
news:12073434220.111840963427721@dtext.news.tele.dk...
Den effekt du henviser til er enten den her:
http://www.dynamicdrive.com/dynamicindex4/lightbox/index.htm
eller den her:
http://www.dynamicdrive.com/dynamicindex4/facebox/index.htm
Vh.
Paw J
Ole Møller Christensen
>Den effekt du henviser til er enten den her:
>http://www.dynamicdrive.com/dynamicindex4/lightbox/index.htm
>
>eller den her:
>http://www.dynamicdrive.com/dynamicindex4/facebox/index.htm
Super links tak for dem. Det sidste af dem ser ud til at kunne
virke som jeg vil have det, så det vil jeg absolut kigge nærmere
på.
Tak endnu en gang (også til alle jer andre).
Hilsen
Ole Møller Christensen