snabbt exempel:
<div style="position:absolute;left:50%;top:20px">popup</div>
sätt en div med ID och styr visibility javascript på den beroende på querystring eller dylikt.
9 svar · 758 visningar · startad av Dryden
Jag är ute efter en "popup"-lösning liknande den på InWarehouse.se. Klicka på "Priser visas inkl/exkl moms" högst upp till höger.
Någon som har koll på var man kan hitta javascript/dylikt som man kan leka fram något sådant med?
Tack på förhand!
snabbt exempel:
<div style="position:absolute;left:50%;top:20px">popup</div>
sätt en div med ID och styr visibility javascript på den beroende på querystring eller dylikt.
Håller med voigtann1, men på InWarehouse har dom löst det med en reload, vilket känns väldigt web1.0
Okej. :) Men en div-lösning måste väl vara bättre än ett klassiskt popup-fönster?
Dryden skrev:
Okej. :) Men en div-lösning måste väl vara bättre än ett klassiskt popup-fönster?
Det beror på vad som menas med "bättre". Båda lösningarna har för- och nackdelar.
Web-Tor skrev:
Det beror på vad som menas med "bättre". Båda lösningarna har för- och nackdelar.
...som?
Kan dunte göra det tjusigt med nåt sånt här: http://www.stickmanlabs.com/lightwindow/ eller http://www.huddletogether.com/projects/lightbox/ ?
Dryden skrev:
...som?
Ett nytt fönster genererar ett nytt server-anrop. Det behöver inte en DIV-tagg göra eftersom koden redan kan ligga på klienten och visas/döljas med Javascript.
Ett nytt fönster har massor med "inbyggda" funktioner (det går att stänga, flytta, minimera/maximera) och det nya fönstret döljer automatiskt all information i föräldrafönstret Dessa funktioner går att återskapa med en DIV-tagg men de är inte inbyggda och kräver t.ex. anpassningar för olika webbläsare.
Web-Tor skrev:
Ett nytt fönster genererar ett nytt server-anrop.
Inte nödvändigtvis. Det går att använda DOM-funktioner på fönstrets window-objekt för att skapa innehållet. Då får webbläsaren göra jobbet, inget anrop mot servern krävs.
ExtJS kanske?
Där finns iaf. många snygga lösningar.
http://extjs.com/deploy/dev/examples/message-box/msg-box.html