---

Hej

Kan nogen hjælpe mig med et javascript til at aflæse en brugers
skærmstørrelse og evt. stille brugeren videre til en anden side designet til
mobiltelefoner?


Tom

---

tobi skrev:
> Hej
>
> Kan nogen hjælpe mig med et javascript til at aflæse en brugers
> skærmstørrelse og evt. stille brugeren videre til en anden side designet til
> mobiltelefoner?
>

Det er ikke nødvendigt at lave en speciel side til
mobiltelefoner. Du kan lave et stylesheet med
media type="handheld", så er den ged barberet.

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

---

"Jørgen Farum Jensen" <jfjenzen@yahoo.dk> skrev i en meddelelse
news:4761a2e0$0$2101$edfadb0f@dtext02.news.tele.dk...
> Det er ikke nødvendigt at lave en speciel side til
> mobiltelefoner. Du kan lave et stylesheet med
> media type="handheld", så er den ged barberet.

Et stylesheet kan jo fx ikke styre hvor meget data man sender til siden,
eller hvor meget man komprimerer de billeder der skal serveres til den.

--
Martin Højriis Kristensen
http://www.martinshjemmeside.dk/ - Lidt af hvert
http://www.mestomaarhus.dk/ - Mest om Århus

---

Martin Højriis Kristensen skrev:
> "Jørgen Farum Jensen" <jfjenzen@yahoo.dk> skrev i en meddelelse
> news:4761a2e0$0$2101$edfadb0f@dtext02.news.tele.dk...
>> Det er ikke nødvendigt at lave en speciel side til
>> mobiltelefoner. Du kan lave et stylesheet med
>> media type="handheld", så er den ged barberet.
>
> Et stylesheet kan jo fx ikke styre hvor meget data man sender til siden,
> eller hvor meget man komprimerer de billeder der skal serveres til den.
>
Jeg ved ikke hvad du mener med "hvor meget data",
men princippet må vel være at at en ordenligt
designet side skal kunne ses på en stationær PC, en laptop,
et Web-TV, en pda elle en mobiltelefon.

Vi er heldigvis for det meste ude af 90'erne hvor vi skulle
designe sider til 4-5 browsere. Ingen ønsker de slemme
gamle dage tilbage. Ét dokument til alle medier er
feltråbet i dag.

Og jeg kan da ikke se det store problem med billederne,
hvis apparatet ikke kan finde ud af at reducere, kan du
da godt reducere størrelsen i et stylesheet?

Jeg synes at mine sider tegnes ganske flot på de pda'er
og mobiltelefoner jeg har haft i hænde. Og det er alene
ved at føje media type handheld til det stylesheet link jeg
har i forvejen:
<link rel="stylesheet" media="screen, handheld" ...>

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

---

"Jørgen Farum Jensen" <jfjenzen@yahoo.dk> skrev i en meddelelse
news:4761b5b0$0$2088$edfadb0f@dtext02.news.tele.dk...
> Jeg ved ikke hvad du mener med "hvor meget data",
> men princippet må vel være at at en ordenligt
> designet side skal kunne ses på en stationær PC, en laptop,
> et Web-TV, en pda elle en mobiltelefon.

Hvis brugeren sidder med en stor skærm så ville jeg måske vælge at sende
flere historier pr side end hvis han sidder med en lille skærm.
Spørgsmålet er dog mere relevant for enheder med mindre hukommelse og
båndbredde.

> Vi er heldigvis for det meste ude af 90'erne hvor vi skulle
> designe sider til 4-5 browsere. Ingen ønsker de slemme
> gamle dage tilbage. Ét dokument til alle medier er
> feltråbet i dag.

Enig.. Jeg har et dokument til alle mine sider.. Men det opfører sig
forskelligt afhængig af enheden der efterspørger det, og det sker ikke i et
stylesheet.

> Og jeg kan da ikke se det store problem med billederne,
> hvis apparatet ikke kan finde ud af at reducere, kan du
> da godt reducere størrelsen i et stylesheet?

Du kan ikke reducere filstørrelsen i et stylesheet.

--
Martin Højriis Kristensen
http://www.martinshjemmeside.dk/ - Lidt af hvert
http://www.mestomaarhus.dk/ - Mest om Århus

---

"Martin Højriis Kristensen" <usenet@makr.dk> writes:

> Du kan ikke reducere filstørrelsen i et stylesheet.

Hvis browseren kan finde ud af CSS 2, så kan man.

<img src="foo.png" id="fooImg">

med style'en:

#fooImg { content: url(miniFoo.png); }

Det er så begrænset til moderne browsere.
/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

---

> Det er ikke nødvendigt at lave en speciel side til
> mobiltelefoner. Du kan lave et stylesheet med
> media type="handheld", så er den ged barberet.
>

Kan du ikke uddybe en anelse?

Tom

---

"tobi" <ingen@jmail.dk> skrev :

>> Du kan lave et stylesheet med
>> media type="handheld", så er den ged barberet.

> Kan du ikke uddybe en anelse?

<link rel="stylesheet" href="normal.css" type="text/css">
<link rel="stylesheet" href="mobil.css" type="text/css" media="handheld">

I ovenstående eksempel har du 2 forskellige stylesheets: Et til "alle" - og
så et til mobiltelefoner og andre håndholdte enheder, hvor du har tilpasset
layoutet til de små skærme. Bemærk, at det til alle er sat øverst. Du kunne
selvfølgelig også tilføje media="screen", men jeg ville nok udelade det for
ikke at risikere at udelukke andre medietyper, som jeg måtte have overset.

Du kan bruge samme metode til f.eks. at lave et særligt layout til udprint:

<link rel="stylesheet" href="print.css" type="text/css" media="print">

http://www.hjemmesideskolen.dk/html/testsider/media.asp

---

"Philip Nunnegaard" <philip@fjerndettehitsurf.dk> skrev

> <link rel="stylesheet" href="normal.css" type="text/css">
> <link rel="stylesheet" href="mobil.css" type="text/css" media="handheld">
>
> I ovenstående eksempel har du 2 forskellige stylesheets: Et til "alle" -
> og så et til mobiltelefoner og andre håndholdte enheder, hvor du har
> tilpasset layoutet til de små skærme. Bemærk, at det til alle er sat
> øverst. Du kunne selvfølgelig også tilføje media="screen", men jeg ville
> nok udelade det for ikke at risikere at udelukke andre medietyper, som jeg
> måtte have overset.
>
> Du kan bruge samme metode til f.eks. at lave et særligt layout til
> udprint:
>
> <link rel="stylesheet" href="print.css" type="text/css" media="print">
>
> http://www.hjemmesideskolen.dk/html/testsider/media.asp
>

Tak - jeg tror, at jeg begynder at kunne se pointen, men jeg tror ikke siden
umiddelbart kan reguleres på denne måde, da alle siderne jo ikke er
forberedt til denne metode.

Jeg ville stadig gerne kunne stille om via en stump kode.........

Tom

---

"tobi" <ingen@jmail.dk> skrev i en meddelelse
news:47617f97$0$15886$edfadb0f@dtext01.news.tele.dk...
> Hej
>
> Kan nogen hjælpe mig med et javascript til at aflæse en brugers
> skærmstørrelse og evt. stille brugeren videre til en anden side designet
til
> mobiltelefoner?

Noget i den retning til at finde størrelsen:

<html>
<head>
<script>
function vis()
{
if(window.innerWidth)
{
breit = window.innerWidth;
hoch = window.innerHeight;
}
else
{
breit = document.body.clientWidth;
hoch = document.body.clientHeight;
}
alert("Bredde: " +breit+ " Højde: "+hoch);
}
</head>

<body onResize=vis();>


</body>
</html>

/Jørgen