Webbläsarnotifiering för besökaren [Scripthjälp]

Permalänk
Medlem

Webbläsarnotifiering för besökaren [Scripthjälp]

Nu var det längesen jag skrev här känner jag. Men jag tänkte be om lite hjälp.

Jag kör ett par sidor med Wordpress och jag känner att det här med bakåtkompatibilitet är käckt, men vi som moderna designers och utvecklare ska väl inte behöva dras med IE6 längre? Så jag tänkte slänga in ett script på varje ny sida jag gör som kollar om de har en äldre webbläsare och gör besökarna medvetna om alternativen.

Browser-Update.org - Inform your visitors about browser-updates har ett trevligt script, men jag känner inte att lösningen är helt tillfredsställande. Jag vill t ex kunna anpassa layouten så att den passar in i webbsidan jag skapar. Deras lösning känns mer som "oj nej! jag har fått virus" i och med att den länkar till en helt annan sida och inte beter sig så som en användare är van vid.

Det jag skulle vilja ha är ett script som kollar vilken browser man har och om man har en äldre version (IE 6, FF 2.X, Opera 9.X, Safari 2.X) så dyker det upp en lightbox (eller modal hjälpruta som det så fint heter) med en html-sida i som jag kan anpassa lite som jag känner för det.

Kan ju villigt erkänna att javascript inte är min starka sida, annars hade jag gjort det själv. Men det kommer bli bättre om jag får hjälp

Just det... det vore väääldigt käckt om man kan spara en cookie eller liknande så att användaren inte får upp rutan varenda gång han/hon växlar sida. För då kommer mina webbplatser inte få några besökare alls i slutändan

Permalänk
Medlem

Jag rekommenderar att du skiter i scriptet och helt enkelt lägger in en IE-conditional med vanlig HTML!

[code]<!--[if lte IE 6]>
<p class="varning">Du använder dig av en webbläsare som inte har stöd för vissa av de funktioner som används på denna sida. Vi rekommenderar att du uppdaterar till senaste versionen av Internet Explorer här: <a href="microsoft.yadayada">...</a> </p>
<![endif]-->
[/code

edit: Detta fungerar bara med IE, men är en snygg lösning bland andra fulare möjligheter.

Visa signatur

Kom-pa-TI-bilitet

Permalänk
Medlem
Skrivet av Teknocide:

Jag rekommenderar att du skiter i scriptet och helt enkelt lägger in en IE-conditional med vanlig HTML!

[code]<!--[if lte IE 6]>
<p class="varning">Du använder dig av en webbläsare som inte har stöd för vissa av de funktioner som används på denna sida. Vi rekommenderar att du uppdaterar till senaste versionen av Internet Explorer här: <a href="microsoft.yadayada">...</a> </p>
<![endif]-->
[/code

edit: Detta fungerar bara med IE, men är en snygg lösning bland andra fulare möjligheter.

Hmmm... kanske inte en dum tanke. Fast det blir ett problem med att den kommer synas varje gång användaren besöker en sida (beroende såklart på var jag lägger in den), och tyvärr har det ju hänt en del med andra webbläsare de senaste åren också. Ska definitivt överväga det!

Permalänk
Medlem

Det behöver det inte bli; du kan lägga in ett javascript som kollar om en cookie är satt, och om så inte är fallet skriver ut en varningstext. Cookien kan sättas första gången varningstexten stängs (förutsatt att du lagt in sådan funktionalitet i skriptet naturligtvis.)

Visa signatur

Kom-pa-TI-bilitet

Permalänk
Medlem
Skrivet av Teknocide:

Det behöver det inte bli; du kan lägga in ett javascript som kollar om en cookie är satt, och om så inte är fallet skriver ut en varningstext. Cookien kan sättas första gången varningstexten stängs (förutsatt att du lagt in sådan funktionalitet i skriptet naturligtvis.)

Och där gick det åt skogen man ska ju inte behöva lära sig javascript bara för att använda det

Permalänk
Medlem
Skrivet av darkmoon:

Och där gick det åt skogen man ska ju inte behöva lära sig javascript bara för att använda det

Jag rekommenderar att du lär dig lite JS. Här är iaf precis vad du söker:
JavaScript Cookies
JavaScript - Cookies

Jag läste igenom Quirksmodes metoder och om du inkluderar de två (create/read) så kan du göra något i stil med:

<!--[if lte IE 6]> <p id="varning" style="display:none;">...notis och länk till IE8/9...</p> <script type="text/javascript"> var c = readCookie('ie6varning'); if (!c){ createCookie('ie6varning', 'ie6varning', 30); document.getElementById('varning').style.display = 'block'; } </script> <![endif]-->