Browser størrelse og et lille script 2

screen.availWidth og screen.availHeight giver dig brugerens skærmbredde og -højde excluderet taskbaren. Nyttigt!
Ekspertens 'Du er her' er lavet i php, men du kan da lave noget lignende i javascript.
Fx hvis dine filer ligger i en biblioteksstruktur, som
www.minside.dk/programmering/php/artikler/
kan man skrive et script der aflæser window.location.href og skriver
Du er her: www.miside.dk : programmering : php : artikler
Hvordan er din struktur?

min struktur ser ud på følgende måde:
Index fil
Images til alle mapper ligger i roden
Så har hvert tema (zone) som er forskellige sider med forskelliget indhold, en mappe f.eks. hvis nu vi tager webmaster delen ,
så hedder den /rod/webmaster/

opretter lige en du er her ting, i php katagorien, for at høre om de ved det der:-)

desuden skal det måske lige siges, at jeg absolut ingen erfaringer har i javascript. så det med screen størrelse, må meget geren blive skåret ud i pap for mig:-)

Mht. "Du er her:"-tingen, så kig her: http://www.eksperten.dk/spm/161994

Og dette script kan du bruge til at sende folk med forskellige opløsninger videre til hver sin side:

<script>
w = screen.availWidth;
h = screen.availHeight;

if (w < 790 && h < 590) self.location.href = "640_480.html"; //For brugere med opl. 640x480
else if (w > 810 && h > 610) self.location.href = "1024_768.html"; //For brugere med opl. 1024x768
else self.location.href = "800_600.html"; //For brugere med opl. 800x600
</script>

phoenixy> nu spørger jeg så lige dumt:-) skal jeg så designe en hjemmeside i alle opløsninger, eller er det nok at have en?
Dette script skal vel ind på alle sider hvor det skal virke right?
Ellers noget jeg skal vide om dette script?

Desuden vil jeg lige vide, om jeg så skal til at lave hele mit website ( med +500 sider) om så der er en version til hver opløsning? kan det ikke laves nemmere?

Mit script er designet til bare at tjekke opløsning og så sende videre. Intet andet. Derfor bliver du nødt til at re-designe alle dine 500 sider, ja, hvis du da altså mener, det er nødvendigt!
Meget få computere kører med opl. 640x480, så derfor kan du måske nøjes med at lave to forskellige sider til opl. 800x600 og 1024.768 og så advare de få brugere, der er så uheldige at sidde med en skærm med så lille en opl., om, at designet nok ikke passer helt til deres (skod-)skærm:

<script>
w = screen.availWidth;
h = screen.availHeight;

if (w > 810 && h > 610) self.location.href = "1024_768.html"; //For brugere med opl. 1024x768
else {
if (w < 790 && h < 590) alert("Din skærm er kun indstillet til opløsning 640x480, og det er for lidt til dette site. Venligst skift opløsning, hvis du vil se designet ordentligt!\nP.S. Du vil blive sendt videre til siden, der er beregnet for opløsning 800x600!"); //Advarsel til brugere med opl. 640x480
self.location.href = "800_600.html"; //For resten af brugerne
}
</script>

Du kan vælge at sætte scriptet på alle sider, men hvis du regner med, at de fleste kommer ind på dit site via en forside e.l., så kan du bare nøjes med at sætte scriptet der.
Hvis dit site bruger frames, så er det en god idé at gøre således:

<script>
w = screen.availWidth;
h = screen.availHeight;

if (w < 790 && h < 590) top.location.href = "640_480.html"; //For brugere med opl. 640x480
else if (w > 810 && h > 610) top.location.href = "1024_768.html"; //For brugere med opl. 1024x768
else top.location.href = "800_600.html"; //For brugere med opl. 800x600
</script>

Hov, du bliver nok nødt til at skrive:

<script>
w = screen.availWidth;
h = screen.availHeight;

if (w > 800 && h > 600) self.location.href = "1024_768.html"; //For brugere med opl. 1024x768
else {
if (w < 790 && h < 400) alert("Din skærm er kun indstillet til opløsning 640x480, eller også er dit browser-vindue for småt, og det er ikke godt nok til dette site. Venligst skift opløsning eller forstår vinduet, hvis du vil se designet ordentligt!\nP.S. Du vil blive sendt videre til siden, der er beregnet for opløsning 800x600!"); //Advarsel til brugere med opl. 640x480
self.location.href = "800_600.html"; //For resten af brugerne
}
</script>

Nej, nærmere:

if (w > 800 && h > 600) self.location.href = "1024_768.html"; //For brugere med opl. 1024x768
else {
if (w < 790 && h < 500) alert("Din skærm er kun indstillet til opløsning 640x480, eller også er dit browser-vindue for småt, og det er ikke godt nok til dette site. Venligst skift opløsning eller forstår vinduet, hvis du vil se designet ordentligt!\nP.S. Du vil blive sendt videre til siden, der er beregnet for opløsning 800x600!"); //Advarsel til brugere med opl. 640x480
self.location.href = "800_600.html"; //For resten af brugerne
}

Du kunne eventuelt lave denne..!
<script LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function edit(){
window.open('index.htm', 'Edit_Browser', 'toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=auto,resizable=no');


}
// -->

</SCRIPT>

</head>
<SCRIPT>

function NewWin () {
NY=window.open('index.htm','NY','width=700,height=500,edit=no,toolbar=no,status=yes,scrollbars=yes')
}
</script>

Hvor du så selv bestemmer hvor stor den skal være!
Læg mærke til at jeg har lavet den 700/500 som er 100 p. mindre en den mindste normale opløsning nemlig 800/600...!

gzu>> Hvad løser det?

Jeg vil anbefale dig at købe hæftet: "JavaScript for Webmastere" fra IDG.
Her finder du løsninger på mange praktiske problemer. Blandt andet skærmopløsninger.

Mvh. Gryn

Du kan oså se eksempler fra hæftet på http://home3.inet.tele.dk/storm/javascript/

Det du nok leder efter finder du her: http://home3.inet.tele.dk/storm/javascript/#12

"JavaScript for Webmastere" er udmærket, men temmelig uddateret. Rent faktisk findes der ikke nogen læsning på dansk, som bare nogenlunde følger med tiden. Lad os bare håbe, det kommer snart!