Script gezocht wat resolutie herkend

[tazman]

Ik ben opzoek naar een script wat de resolutie herkend waarmee bezoekers komen, en dan de daarbij gehorende pagina opent. ( als dat al bestaan )

dus als iemand met scherm resloutie 800/600 de site bezoekt opent de index voor die resolutie.
als iemand met 1024 / 768 komt dat het herkend wordt en dan de index opent voor die resolutie.

wel het lieftste op een manier waar de bezoeker eigenlijk niets van merkt.

 

[peter vazed]

Een snuffelaar heb je dan nodig.
Hier een paar sites:

http://www.google.be/search?hl=nl&i...lution+sniffer"+html&btnG=Google+zoeken&meta=

 

[tazman]

Tnxs Peter

heb ondertussen onderstaande script gevonden zou dat werken ??

....script
var width = screen.width;
var res=(((!(640-width))*1)
+((!(800-width))*2)
+((!(1024-width))*3)
+((!(1152-width))*4)
+((!(1280-width))*5)
+((!(1600-width))*6));

if(!(res)) res = 1;
if (res=='1') {window.location='640.htm'}
if (res=='2') {window.location='800.htm'}
if (res=='3') {window.location='1024.htm'}
if (res!='1' && res!='2' && res!='3') {window.location='rest.htm'}
</script.....

waarvan ik dan achter if (res==1 de '640.htm en alle andere resolutie wil veranderen in index1 voor bv 640 index2 voor bv 800 enz enz

 

[miem]

Misschien makkelijker om bij een andere resolutie een ander stylesheet te laden, dan hoef je niet verschillende pagina's te maken maar alleen 4 of 5stylesheets. Scheelt weer een hoop werk, vooral als je veel pagina's hebt.

 

[rene_overtoom]

Geplaatst door miem
Misschien makkelijker om bij een andere resolutie een ander stylesheet te laden, dan hoef je niet verschillende pagina's te maken maar alleen 4 of 5stylesheets. Scheelt weer een hoop werk, vooral als je veel pagina's hebt.

Die stylesheets kunnen toch complete layout veranderen betreffende de resolutie ?

 

[peter vazed]

Hier een klein script:

RESOLUTIE

Q & A Goodies
***********************************
Questions are taken from submissions to our Community
Mentors. You can ask a Mentor a question by going to
http://www.htmlgoodies.com/mentors/


*** This question were submitted to our Mentor Community. The answer
was provided Jim Young.

Q. I have created two pages one for high res and other for low resolutions,
and want to create a "splash" page that will show some content while redirect
the user to the correct resolution main page. This is the code I´m using to
redirects the user to the correct res page. I need to add a delay of X
seconds so the user can see the content of "splash" page before being
redirected. How can i do this?
<script>
<!--
if (screen.width<=640)
top.location.href="index640.html";
if (screen.width<=800)
top.location.href="index800.html";
if (screen.width<=1024)
top.location.href="index1024.html";
top.location.href="index1280.html";
//-->
</script>

A. You could use setTimeout() to perform a function to redirect after so many
milliseconds. Here is an example that will redirect to the specified link
after 2000 milliseconds (2 seconds):
<script>
<!--
function Redirect(linkid)
{
top.location.href=linkid
}
if (screen.width<=640)
setTimeout('Redirect("index640.html")',2000);
if (screen.width<=800)
setTimeout('Redirect("index800.html")',2000);
if (screen.width<=1024)
setTimeout('Redirect("index1024.html")',2000)
top.location.href="index1280.html";
//-->
</script>

 

[tazman]

ga het eens proberen tnxs

 

[tazman]

heb nu dit script gebruikt.

<script>
<!--
if (screen.width<=640)
top.location.href="index640.html";
if (screen.width<=800)
top.location.href="index800.html";
if (screen.width<=1024)
top.location.href="index1024.html";
//-->
</script>

Dit staat op de index.html als ik nu de site open met resolutie 1024 /768 wordt ik netjes door verwezen naar het index1024.html file.
Maar als ik mijn monitor terug zet naar 800/600 en dan ga kijken wordt ie niet doorverwezen naar index800.html ?? terwijl dat file er wel staat.
als ik hem handmatig oproep krijg ik wel de goeie te zien.

 

[peter vazed]

Ja,
maar heb je je comp opnieuw opgestart met de nieuwe resolutie?

In feite heeft de bezoeker ook maar één resolutie beschikbaar tijdens zijn bezoek.

 

[tazman]

nope niet opnieuw gestart.

zou in feite niet echt uit mogen maken maar is proberen waard.

 

[miem]

Als jij je pagina's maakt met css en geen table gebruikt, maar boxes, dan kun je met een stylesheet een gelijke indeling van je site hebben bij meerdere resoluties.
Tables laden ook veel langzamer dan boxes. Een hele goede uitleg kun je hier vinden:

http://www.glish.com/css/

 

[teacher]

mja..

waarom een groot en ingewikkeld script?
een reso van 460 komt echt niet meer voor.


Je wil kiezen tussen 2 resoluties: 800x600 en 1024x768
Dan doe je toch gewoon zoiets:

if (screen.width < 800) window.location="http://www.yahoo.com";
else window.location="http://www.helpmij.nl";

evt kan je aan de hand van deze uitkomst niet naar een pagina springen, maar bijvoorbeeld een aagepaste css kiezen.

t.

overigens:
http://www.helpmij.nl/forum/showthread.php?s=&postid=394117#post394117

 

[tazman]

heb nu dit script er in gezet maar blijft problemen geven.

if (screen.width < 800) window.location="index800.html";
else window.location="index1024.html";

als ik de monitor op 800/600 zet en de pc opnieuw start.
dan zou ej moeten zeggen dat als ik de site bekijk hij naar index800 zou moeten gaan.
niet dus hij blijft index1024 openen. ???

en heb geen idee hoe ik stylesheets zou moeten maken

 

[miem]

Het werken met stylesheets is niet zo moeilijk als je al wat html kent. Het maakt het veranderen van stijl van je webpagina's een makkie.
Ik heb een paar linken voor je voor het leren en gebruiken van css voor je:

http://www.bitstorm.org/edwin/cursus/css.html
http://www.dto.tudelft.nl/mirhtml/
http://www.w3schools.com/css/
http://www.mako4css.com/Tutorial.htm

Voor het maken en bewerken van stylesheets gebruik ik topstyle, een overzichtelijk programma, wat ook een wysiwig functie heeft. Topstyle is hier te vinden:

http://www.bradsoft.com/topstyle/index.asp

Succes ermee.

 

[tazman]

tnxs zal er eens mee gaan stoeien