/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
styring af indhold via browserstørrelse
Fra : Jesper F


Dato : 07-06-08 21:13

På forsiden af http://www.amazon.co.uk/ vises der en del produkter.
Jeg kan se at antallet at produkter på tværs af siden ændrer sig når jeg
resizer browservinduet.
Det forekommer mig at være en supersmart måde at tilpasse indholdet til
forskellig-størrelse browservinduer.
Ved nogen noget om hvordan den slags fungerer? Inspicerer et javascript hele
tiden vinduesstørrelsen og så på en eller anden måde viser/fjerner varer?

Jesper



 
 
Holst (07-06-2008)
Kommentar
Fra : Holst


Dato : 07-06-08 21:19


Jesper F wrote:

> På forsiden af http://www.amazon.co.uk/ vises der en del produkter.
> Jeg kan se at antallet at produkter på tværs af siden ændrer sig når jeg
> resizer browservinduet.

Øh ... det sker ikke her. Hverken i Firefox eller IE.

Jesper F (07-06-2008)
Kommentar
Fra : Jesper F


Dato : 07-06-08 21:34

> På forsiden af http://www.amazon.co.uk/ vises der en del produkter.
>> Jeg kan se at antallet at produkter på tværs af siden ændrer sig når jeg
>> resizer browservinduet.
>
> Øh ... det sker ikke her. Hverken i Firefox eller IE.

Har du ikke f.eks. den der række sko i midten af siden?
Der ændrer antallet sig efter hvor stort vinduet er, og det er både i IE og
FF.



Holst (07-06-2008)
Kommentar
Fra : Holst


Dato : 07-06-08 21:41


Jesper F wrote:

> Har du ikke f.eks. den der række sko i midten af siden?
> Der ændrer antallet sig efter hvor stort vinduet er, og det er både i IE og
> FF.

Nu kan jeg se, hvad du mener. Jeg skulle bare kigge længere ned. Der er
en eller anden Huge Stock Clearance ting, der fylder det meste af toppen.

Det må være noget JavaScript. Med lidt behændighed må man jo kunne tyde
det

Birger (08-06-2008)
Kommentar
Fra : Birger


Dato : 08-06-08 13:55

"Holst" <newsfeb08@shelter.dk> skrev i en meddelelse
news:484af23a$0$56767$edfadb0f@dtext02.news.tele.dk...
>
> Jesper F wrote:
>
>> Har du ikke f.eks. den der række sko i midten af siden?
>> Der ændrer antallet sig efter hvor stort vinduet er, og det er både i IE
>> og FF.
>
> Nu kan jeg se, hvad du mener. Jeg skulle bare kigge længere ned. Der er en
> eller anden Huge Stock Clearance ting, der fylder det meste af toppen.
>
> Det må være noget JavaScript. Med lidt behændighed må man jo kunne tyde
> det

En af de smarte ting ved HTML er at det selv tilpasser sig den til rådighed
værende plads.
Dvs. hvis du undlader at give de elementer siden opbygges af størrelse
og/eller placering, tilpasser indholdet sig efter den besøgendes browser
størrelse.
Det kan selvfølgelig gøres med scripting også - så kan de scriptforskrækkede
så ikke se siden som den er tænkt..

Birger
-----
http://bbsorensen.dk
http://varmeretter.dk - hverdagsmad. Sundt, nemt, hurtigt og billigt. Daglig
opdatering.



Holst (08-06-2008)
Kommentar
Fra : Holst


Dato : 08-06-08 14:11


Birger wrote:

> En af de smarte ting ved HTML er at det selv tilpasser sig den til rådighed
> værende plads.
> Dvs. hvis du undlader at give de elementer siden opbygges af størrelse
> og/eller placering, tilpasser indholdet sig efter den besøgendes browser
> størrelse.
> Det kan selvfølgelig gøres med scripting også - så kan de scriptforskrækkede
> så ikke se siden som den er tænkt..

Ja, men hvis du kigger på omtalt side, så bliver der færre eller flere
elementer.

HTML's normal tilpasning er mere blot et spørgsmål om flow inden for
nogle variable grænser. Har du i én bredde 5 elementer og gør vinduet
mindre, så vil de måske ende med at være 3 elementer på én linje og 2
elementer på den næste. På omtalte side forsvinder de to sidste
elementer HELT, når der ikke er plads til dem alle på én linje.

Det kræver vist noget Javascript.


Erik Ginnerskov (08-06-2008)
Kommentar
Fra : Erik Ginnerskov


Dato : 08-06-08 15:34

Holst wrote:

> Har du i én bredde 5 elementer og gør vinduet
> mindre, så vil de måske ende med at være 3 elementer på én linje og 2
> elementer på den næste.

Sådan vil jeg da også som almindelig forbruger til enhver tid foretrække
det.

> På omtalte side forsvinder de to sidste
> elementer HELT, når der ikke er plads til dem alle på én linje.

Det er imho ikke pænt at begrænse sidens indhold for folk, der af den ene
eller anden grung ikke kan se siden i en hvis mindste størrelse på den ene
eller anden led.

> Det kræver vist noget Javascript.

Ja, men er det værd at efterligne? Javascriptet er ikke i stand til at
træffe kvalificeret beslutning om, hvilken del af siden, jeg ikke har brug
for at se - for at vende tilbage til omtalte række sko, hvem siger, at det
er en af de tre første jeg vil købe og ikke en af dem, der ikke er plads til
hvis mit browservindue ikke er 1440 px bredt?

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://vestfynswebdesign.dk - http://html-faq.dk



Holst (08-06-2008)
Kommentar
Fra : Holst


Dato : 08-06-08 15:44


Erik Ginnerskov wrote:

> Det er imho ikke pænt at begrænse sidens indhold for folk, der af den ene
> eller anden grung ikke kan se siden i en hvis mindste størrelse på den ene
> eller anden led.

I det er tilfælde er det jo et spørgsmål om antallet af tilbud, der skal
vises på forsiden. Ved at beskære antallet får de stadig det visuelle
billede af siden, som de gerne vil have.

Det er jo som sådan ikke væsentlig information, de beskærer.

>> Det kræver vist noget Javascript.
>
> Ja, men er det værd at efterligne? Javascriptet er ikke i stand til at
> træffe kvalificeret beslutning om, hvilken del af siden, jeg ikke har brug
> for at se - for at vende tilbage til omtalte række sko, hvem siger, at det
> er en af de tre første jeg vil købe og ikke en af dem, der ikke er plads til
> hvis mit browservindue ikke er 1440 px bredt?

Ja, hvem siger det! Måske er det en helt ottende sko, du har brug for,
som slet ikke vises på forsiden.

I stedet for at kigge på problematikken den vej, skulle man måske
hellere vende den om at sige, at det er os med brede skærme, som får
ekstra tilbud, og ikke dem med smalle skærme, som mister noget.

Birger (08-06-2008)
Kommentar
Fra : Birger


Dato : 08-06-08 15:54

"Holst" <newsfeb08@shelter.dk> skrev i en meddelelse
news:484bf003$0$56779$edfadb0f@dtext02.news.tele.dk...
>
8X
> Det er jo som sådan ikke væsentlig information, de beskærer.
>
8X

Havde ikke lige set at der faktisk fjernes/tilføjes indhold - og det kan
ikke gøres uden scripting.

Hvis informationen ikke er vigtig, hvorfor så overhovedet vise den?



Birger
-----
http://bbsorensen.dk
http://varmeretter.dk - hverdagsmad. Sundt, nemt, hurtigt og billigt. Daglig
opdatering.



Holst (08-06-2008)
Kommentar
Fra : Holst


Dato : 08-06-08 15:59


Birger wrote:

> Hvis informationen ikke er vigtig, hvorfor så overhovedet vise den?

Hvis du designer din hjemmeside til at kunne blive vist på en 800x600
skærm, som man i hvert fald engang sagde, at man burde, så vil samme
side vist på min skærm jo indeholde en masse tomrum.

Ved at tilføje ekstra tilbud kan de udnytte denne tomrum på de brede
skærme, men fortsat kunne få siden vist på en 800x600 skærm.

Erik Ginnerskov (09-06-2008)
Kommentar
Fra : Erik Ginnerskov


Dato : 09-06-08 05:29

Holst wrote:

> Hvis du designer din hjemmeside til at kunne blive vist på en 800x600
> skærm, som man i hvert fald engang sagde, at man burde, så vil samme
> side vist på min skærm jo indeholde en masse tomrum.

Hvis man indsætter de enkelte elementr med float, vil de på smalle skærme/i
smalle browservinduer blot rykke ned på næste linje. Alle får alt indholdet
vist, det er kun et spørgsmål om placeringen i forhold til hinanden.

I css:

..varegruppe {
clear: both;
}
..vare {
float: left;
margin-right: 15px;
}

.... og i html:

<div class="varegruppe">
<div class="vare">
<img src="v1.png" .....>
<p>Undertekst 1</p>
</div>
<div class="vare">
<img src="v2.png" .....>
<p>Undertekst 2</p>
</div>
</div>

Man har slet ikke brug for javascript for at tilgodese alle brugere uanset
bredden på deres browservindue.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://vestfynswebdesign.dk - http://html-faq.dk



Jesper F (09-06-2008)
Kommentar
Fra : Jesper F


Dato : 09-06-08 11:24

> Hvis man indsætter de enkelte elementr med float, vil de på smalle
> skærme/i smalle browservinduer blot rykke ned på næste linje. Alle får alt
> indholdet vist, det er kun et spørgsmål om placeringen i forhold til
> hinanden.

Ja ok, du beskriver den sædvanlige måde at gøre det på, som for mange formål
er rigtig god. Amazons script sikrer at rækken med sko kun fylder en linje
uanset hvor bredt eller smalt browservinduet er. Det sikrer konsistent
layout og f.eks. at visse produkter forbliver over "the fold". Med den
klassiske måde kan side blive meget lang i vertikal retning, hvis
browservinduet gøres smalt. Det hele er mere ensartet på tværs af
forskellige browserstørrelse med amazon-tricket.

Jesper



Birger (09-06-2008)
Kommentar
Fra : Birger


Dato : 09-06-08 19:13

"Jesper F" <jesperfjoelner@hotmail.com> skrev i en meddelelse
news:484d04bc$0$90263$14726298@news.sunsite.dk...
>> Hvis man indsætter de enkelte elementr med float, vil de på smalle
>> skærme/i smalle browservinduer blot rykke ned på næste linje. Alle får
>> alt indholdet vist, det er kun et spørgsmål om placeringen i forhold til
>> hinanden.
>
> Ja ok, du beskriver den sædvanlige måde at gøre det på, som for mange
> formål er rigtig god. Amazons script sikrer at rækken med sko kun fylder
> en linje uanset hvor bredt eller smalt browservinduet er. Det sikrer
> konsistent layout og f.eks. at visse produkter forbliver over "the fold".
> Med den klassiske måde kan side blive meget lang i vertikal retning, hvis
> browservinduet gøres smalt. Det hele er mere ensartet på tværs af
> forskellige browserstørrelse med amazon-tricket.
>



Der vises forskelligt indhold i forskellige browserstørrelser. Det er en
helt ny definition af ensartethed.
Hvis man kun vil vise een linie, kan det gøres så der er vandret scrollbar,
hvis vinduet er for smalt til at vise det hele. Jeg forstår ikke, at de der
vælger at se på et smalt vindue, ikke må det hele. Hvis hestene havde et
valg, ville de helt sikkert helst gå uden skyklapper...
Hvis man vil vise en frygtelig masse, så fylder det - en frygtelig masse!


Birger
-----
http://bbsorensen.dk
http://varmeretter.dk - hverdagsmad. Sundt, nemt, hurtigt og billigt. Daglig
opdatering.



Jesper F (09-06-2008)
Kommentar
Fra : Jesper F


Dato : 09-06-08 20:20

> Der vises forskelligt indhold i forskellige browserstørrelser. Det er en
> helt ny definition af ensartethed.

Ensartet visuelt indtryk uafhængigt at browserbredde opnås med det nævnte
javascript.
Der er ikke tale om at omdefinere.

> Hvis man kun vil vise een linie, kan det gøres så der er vandret
> scrollbar, hvis vinduet er for smalt til at vise det hele.

Men det er grimt.

> Jeg forstår ikke, at de der vælger at se på et smalt vindue, ikke må det
> hele.

Det er et designmæssigt valg fra Amazons side. Du ville ikke se skoene på
amazons side i en smal browser fordi siden så ville være meget lang og du
nok ikke ville få scrollet helt derned.

> Hvis hestene havde et valg, ville de helt sikkert helst gå uden
> skyklapper...

Jeg forstår ikke den her.


/ Jesper



Allan Vebel (09-06-2008)
Kommentar
Fra : Allan Vebel


Dato : 09-06-08 22:36

Jesper F wrote:

>> Hvis hestene havde et valg, ville de helt sikkert
> helst gå uden skyklapper...
>
> Jeg forstår ikke den her.

Hvorfor begrænse kundernes muligheder når man
kan undlade det

--
Allan Vebel
http://html-faq.dk
http://vebel.dk



Birger (10-06-2008)
Kommentar
Fra : Birger


Dato : 10-06-08 00:19

"Jesper F" <jesperfjoelner@hotmail.com> skrev i en meddelelse
news:484d827e$0$90271$14726298@news.sunsite.dk...
>> Der vises forskelligt indhold i forskellige browserstørrelser. Det er en
>> helt ny definition af ensartethed.
>
> Ensartet visuelt indtryk uafhængigt at browserbredde opnås med det nævnte
> javascript.
> Der er ikke tale om at omdefinere.
>
>> Hvis man kun vil vise een linie, kan det gøres så der er vandret
>> scrollbar, hvis vinduet er for smalt til at vise det hele.
>
> Men det er grimt.
>
>> Jeg forstår ikke, at de der vælger at se på et smalt vindue, ikke må det
>> hele.
>
> Det er et designmæssigt valg fra Amazons side. Du ville ikke se skoene på
> amazons side i en smal browser fordi siden så ville være meget lang og du
> nok ikke ville få scrollet helt derned.
>
>> Hvis hestene havde et valg, ville de helt sikkert helst gå uden
>> skyklapper...
>
> Jeg forstår ikke den her.
>
>


Det er så "grimt" - på en anden måde, at begrænse nogle brugeres
muligheder -, bare fordi de har et mindre vindue.

I gamle dage gav man heste skyklapper på, for at de ikke skal blive bange
for at se al virakken omkring dem, når de trak f.eks. ølvogne (der var
sikkert andre slags vogne også) gennem byen. De kunne så kun se lige forud -
i hvert fald så længe de ikke drejede hovedet. Efterhånden lærte de dygtige
heste så at te' sig bedre og mere roligt i trafikken.
Skyklapper - begrænsning af udsynet - blev altså brugt til at påvirke
hestenes adfærdsmønster.

Nu er der fra Amazon nok ikke noget forsøg på at påvirke de besøgendes
adfærdsmønster.
Men funktionaliteten kunne sagtens tolkes - "dem med små skærme har nok
heller ikke råd til dyre sko, så dem behøver vi ikke vise på små skærme".
Den slags er der nok heller ikke bag. På den anden side, så ved vi heller
ikke, at der ikke er.

Jeg tror ikke at Amazon er kvalificeret til at vælge sko for mig - og jeg
kan godt tillade mig at blive fornærmet over at jeg ikke får vist samme
udvalg som andre..
Nøjagtigt ligesom hesten med rette kan være fornærmet over at den ikke får
lov at se resten af byen, mens den trækker øl til det arbejdende folk.

Designmæssigt. Et eller andet sted, må formålet med Amazon's sider være at
sælge. Og så er det en skidt idé at begrænse det udvalg der vises til en
bestemt gruppe internetbrugere. Så hvis det _er_ konstrueret sådan af
designmæssige årsager, vil jeg mene at Amazon burde se sig om efter en anden
designer - for det går direkte imod formålet med overhovedet at have
siden...

Den absolut mindste bredde et vindue kan have, for at vise den omtalte side
uden vandret scrollbar, er lige i øjeblikket 960pixels - men det ændrer sig
faktisk efter indholdet.
Og der er i forvejen meget lodret scroll. Jeg tror ikke på, at en række sko
mere ville gør spor forskel - heller ikke designmæssigt.
Det er klart, at pladsen "over folden" er dyrere end resten. Problemet med
det er, at der er ingen der ved hvor folden sidder - vi har den alle
forskellige steder.
Og at nogen skulle gå til Amazon, og ikke gide scrolle ned for at se tilbud,
er vist utopi. Folk der kommer til Amazon gør det, for netop at se efter
tilbud, eller for at søge efter bestemte ting. De første scroller - de
sidste gør måske ikke - de bruger søgefunktionen.


For mig er det mere en af de der "Det er smart, det gør vi - bare fordi vi
kan"-ting - som i den sidste ende viser sig ikke at være hverken smart eller
hensigtsmæssig...

Men det skal selvfølgelig prøves før man kan høste erfaring.
Og så er "featuren" i øvrigt fjernet, så vidt jeg kan se...
Mon nogen fra Amazon følger denne tråd?


Birger
-----
http://bbsorensen.dk
http://varmeretter.dk - hverdagsmad. Sundt, nemt, hurtigt og billigt. Daglig
opdatering.



Erik Ginnerskov (10-06-2008)
Kommentar
Fra : Erik Ginnerskov


Dato : 10-06-08 05:52

Birger wrote:

> Og så er "featuren" i øvrigt fjernet, så vidt jeg kan se...

Ikke når jeg ser siden nu 10/6 kl. 06:51 - det er der stadig.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://vestfynswebdesign.dk - http://html-faq.dk



Jesper F (12-06-2008)
Kommentar
Fra : Jesper F


Dato : 12-06-08 14:17

> I gamle dage gav man heste skyklapper på, for at de ikke skal blive bange
> for at se al virakken omkring dem, når de trak f.eks. ølvogne (der var
> sikkert andre slags vogne også) gennem byen. De kunne så kun se lige
> forud - i hvert fald så længe de ikke drejede hovedet. Efterhånden lærte
> de dygtige heste så at te' sig bedre og mere roligt i trafikken.
> Skyklapper - begrænsning af udsynet - blev altså brugt til at påvirke
> hestenes adfærdsmønster.

Den her historiundervisning fører ingen vegne.


> Nu er der fra Amazon nok ikke noget forsøg på at påvirke de besøgendes
> adfærdsmønster.
> Men funktionaliteten kunne sagtens tolkes - "dem med små skærme har nok
> heller ikke råd til dyre sko, så dem behøver vi ikke vise på små skærme".

Sikke en fortolkning - jeg er helt uening - til gengæld forsøger de
naturligvis at sælge mest muligt. Se nedenfor.

> Jeg tror ikke at Amazon er kvalificeret til at vælge sko for mig - og jeg
> kan godt tillade mig at blive fornærmet over at jeg ikke får vist samme
> udvalg som andre..

Du får i forvejen ikke vist de samme sko som andre. De forsøger at gætte
mest muligt om dig ud fra IP, hvordan du kom ind på siden, hvad du klikker
på og selvfølgelig hvis du er logget ind. At man i dag får vist forskellige
ting i onlineshops er old news og har i denne sammenhæng meget lidt med
skærmbredde at gøre. De andre faktorer er meget bestemmende for hvad du får
at se.

> Designmæssigt. Et eller andet sted, må formålet med Amazon's sider være at
> sælge. Og så er det en skidt idé at begrænse det udvalg der vises til en
> bestemt gruppe internetbrugere. Så hvis det _er_ konstrueret sådan af
> designmæssige årsager, vil jeg mene at Amazon burde se sig om efter en
> anden designer - for det går direkte imod formålet med overhovedet at have
> siden...

Der tager du formentlig fejl. Mere overskueligt udvalg kunne godt give et
bedre salg og Amazon er kendt for at være de meste progressive i branchen i
at bruge demografiske og historiske data til at forbedre deres
varepræsenation med yderligere salg for øje.

> Den absolut mindste bredde et vindue kan have, for at vise den omtalte
> side uden vandret scrollbar, er lige i øjeblikket 960pixels - men det
> ændrer sig faktisk efter indholdet.
> Og der er i forvejen meget lodret scroll. Jeg tror ikke på, at en række
> sko mere ville gør spor forskel - heller ikke designmæssigt.

Måske ikke. Hvem ved.

> Det er klart, at pladsen "over folden" er dyrere end resten. Problemet med
> det er, at der er ingen der ved hvor folden sidder - vi har den alle
> forskellige steder.
> Og at nogen skulle gå til Amazon, og ikke gide scrolle ned for at se
> tilbud, er vist utopi. Folk der kommer til Amazon gør det, for netop at se
> efter tilbud, eller for at søge efter bestemte ting. De første scroller -
> de sidste gør måske ikke - de bruger søgefunktionen.

> For mig er det mere en af de der "Det er smart, det gør vi - bare fordi vi
> kan"-ting - som i den sidste ende viser sig ikke at være hverken smart
> eller hensigtsmæssig...

Jvf. ovenstående afprøver de løbende ting af. Måske forbliver det, måske
ikke.


Jesper



Erik Ginnerskov (13-06-2008)
Kommentar
Fra : Erik Ginnerskov


Dato : 13-06-08 23:09

Jesper F wrote:

> Du får i forvejen ikke vist de samme sko som andre. De forsøger at
> gætte mest muligt om dig ud fra IP,

Og fordi jeg har den IP jeg nu engang har, er jeg altså specielt
interesseret i damesko? Den holder altså ikke i byretten.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://vestfynswebdesign.dk - http://html-faq.dk



Erik Ginnerskov (10-06-2008)
Kommentar
Fra : Erik Ginnerskov


Dato : 10-06-08 05:48

Jesper F wrote:

> Det er et designmæssigt valg fra Amazons side. Du ville ikke se
> skoene på amazons side i en smal browser fordi siden så ville være
> meget lang og du nok ikke ville få scrollet helt derned.

De sætter med andre ord design over indhold. Det er vist ikke helt i
overensstemmelse med det oprindelige formål med siden: At sælge.

"Dur ikke, væk", som et citat fra HCA lyder.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://vestfynswebdesign.dk - http://html-faq.dk



Jesper F (12-06-2008)
Kommentar
Fra : Jesper F


Dato : 12-06-08 14:19

>> Det er et designmæssigt valg fra Amazons side. Du ville ikke se
>> skoene på amazons side i en smal browser fordi siden så ville være
>> meget lang og du nok ikke ville få scrollet helt derned.
>
> De sætter med andre ord design over indhold. Det er vist ikke helt i
> overensstemmelse med det oprindelige formål med siden: At sælge.

Det er ikke en logisk slutning af fordi man ønsker at bevare et design på
bekostning af ikke at vise noget af indholdet skulle være i modstrid med et
forsøg på at sælge mest muligt. Måske sælger det faktisk bedre. Vi ved det
ikke, men Amazon prøver åbenbart at finde ud af det.

Jesper



Erik Ginnerskov (13-06-2008)
Kommentar
Fra : Erik Ginnerskov


Dato : 13-06-08 23:12

Jesper F wrote:

> Det er ikke en logisk slutning af fordi man ønsker at bevare et
> design på bekostning af ikke at vise noget af indholdet skulle være i
> modstrid med et forsøg på at sælge mest muligt.

Det må da være logik for perlehøns, at varer, der ikke bliver vist, bliver
heller ikke solgt. Det behøver man hverken udviddet sætteskippereksamen
eller dyre konsulenter til at regne ud. Det er simpelt købmandsskab.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://vestfynswebdesign.dk - http://html-faq.dk



Søg
Reklame
Statistik
Spørgsmål : 177458
Tips : 31962
Nyheder : 719565
Indlæg : 6408158
Brugere : 218881

Månedens bedste
Årets bedste
Sidste års bedste