Avatar billede htx98i17 Professor
29. juli 2012 - 12:47 Der er 19 kommentarer og
1 løsning

problemer med anchor/id

Jeg har lagt problemet online her:
http://eksperten.erhvervsmanager.dk/rediger_fillinjer.php?mode=3&fil_id=11#2012-07-28

Vær opmærksom på, at problemet kun opstår på Ipad.

Problemet er: Når man vil klikke på en tidligere dato, springer browseren kapitel og så klikker man på en forkert dato.

Det skal den ikke. Hvorfor springer den kapitel?

For at vi/i gør det samme, så scroll lidt tilbage i div'et og vælg en tidligere dato, ekspempelvis 18/07 2012. Og så se hvad der sker.

Klik "Std. lejeperiode" for at starte på en frisk.
Avatar billede olebole Juniormester
29. juli 2012 - 15:10 #1
<ole>

Hos mig hopper den rundt i de fleste browsere - på en PC. Du fortæller kun, hvad der ikke skal ske - men ikke noget om, hvad der skal ske.

Hvad skal der ske? Og hvorfor sætter du en hash i URL'en?

/mvh
</bole>
Avatar billede htx98i17 Professor
29. juli 2012 - 15:26 #2
Det der skal ske, er at den automatisk skal hoppe frem således at den første dag i visningen i venstre side er dagen før udlejningsperioden.

Det bruger jeg # til i URL - som kapitel/datovælger.
Avatar billede htx98i17 Professor
29. juli 2012 - 15:45 #3
Og udlejningsperioden er markeret med gul baggrundsfarve (std udlejningsperiode) eller grøn strib (alternativ udlejningsperiode, hvis valgt)
Avatar billede htx98i17 Professor
29. juli 2012 - 15:48 #4
#2
men det fungerer sådan set. Der er bare den bivirkning at den springer kapitel inden den går til linket. Hvilket gør det umuligt at klikke den rigtige dato.
Avatar billede olebole Juniormester
29. juli 2012 - 15:53 #5
Det må vist være nogle regler, du selv har strikket. Location hashes kan få browseren til at hoppe op og ned mellem ID'er. Det virker vertikalt - ikke horisontalt
Avatar billede htx98i17 Professor
29. juli 2012 - 16:15 #6
Vel også horizontalt? Det brugte jeg for mange år siden bare med <a name, dog bare ikke i et div.
Avatar billede olebole Juniormester
29. juli 2012 - 16:20 #7
Måske - måske ikke(?) Det kan man jo kun vide, hvis man kan finde dokumentationen på det. Ellers bygger man på tilfældigheder, hvilket aldrig er hensigtsmæssigt.

Jeg kender ikke en sådan dokumentation - men vil meget gerne belæres. Location hash stammer fra allerførste version af HTML, og på det tidspunkt var der ingen grund til, at hash'en skulle kunne scrolle horisontalt. Mig bekendt er der ikke lavet ændringer på det felt  =)
Avatar billede htx98i17 Professor
29. juli 2012 - 16:33 #8
Men det til side... Der må være en årsag til at den springer præcis de antal dage frem horisontalt.
Og hvis det er en fejl at det fungerer horisontalt, hvorfor vælger den så at reagerer på denne måde, hvis det da er derfor...

Hvis der var vertikalt, ville den så springe i div'et?

Altså jeg tror det kan virke også selvom det har fungeret udokumenteret i mange år.
Avatar billede htx98i17 Professor
29. juli 2012 - 16:37 #9
Hvilken løsning kunne man ellers bruge?
Avatar billede olebole Juniormester
29. juli 2012 - 16:41 #10
"Men det til side... Der må være en årsag til at den springer præcis de antal dage frem horisontalt.
Og hvis det er en fejl at det fungerer horisontalt, hvorfor vælger den så at reagerer på denne måde, hvis det da er derfor..."
>> Find dokumentationen, så skal jeg fortælle dig det  =)

Vertikalt vil den springe til det punkt, hvor elementet med det pågældende ID ligger med sin overkant i toppen af browservinduet.

Står du midt i et 2000px højt div med id="foo" - og klikker på et link med adressen href="#foo" - vil siden scrolle, til overkanten af DIV'et flugter med overkanten af viewport'en
Avatar billede olebole Juniormester
29. juli 2012 - 16:48 #11
Du kunne lave det vertikalt i stedet - eller måske vælge en helt anden opbygning. Jeg synes stadig, den nuværende løsning er ulogisk og ikke umiddelbar overskuelig, så det kan næppe være svært at finde på noget mere brugervenligt  =)
Avatar billede htx98i17 Professor
29. juli 2012 - 17:07 #12
Jeg kan nu ikke se hvad der er uoverskueligt i måden det er bygget op på. Der er ingen ben i det. Hvad mener du med at det er uoverskueligt?

At lave det vertikalt,  vil sikkert give samme problem med at den springer, så vil den bare springe op/ned i stedet for.
Avatar billede olebole Juniormester
29. juli 2012 - 18:11 #13
"Hvad mener du med at det er uoverskueligt?" >> At det ikke umiddelbart gennemskueligt, hvad man skal gøre - og hvad der kan forventes at ske.

Jeg ville skynde mig at finde telefonnummeret og lukke browseren - eller evt. vælge et konkurrerende firma
Avatar billede htx98i17 Professor
29. juli 2012 - 18:57 #14
Der er du nok lige hurtig nok. Siden er slet ikke kommerciel.
Avatar billede olebole Juniormester
29. juli 2012 - 19:12 #15
Kommerciel eller ej, så savner jeg et mere selvforklarende interface  =)
Avatar billede htx98i17 Professor
29. juli 2012 - 19:34 #16
Det er slet ikke nødvendigt, men det er jo en helt anden sag.
Nu ville jeg bare gerne have hjælp til mit spm og ikke have feedback på brugervenlighed. Som du kan se er der jo ingenting omkring, så det er åbenlyst, at det blot er et kodeudsnit.
Avatar billede olebole Juniormester
29. juli 2012 - 20:24 #17
Fair nok. Jeg forholdt mig bare til det, jeg så - og så er det vel ikke mærkeligt, at jeg prøver at forholde mig til, om det overhovedet kan betale sig for dig at fortsætte ad den vej.

Formålet må være at give den bedste hjælp, og den bedste hjælp er ofte en helt anden end den, man havde forestillet sig  *o)
Avatar billede htx98i17 Professor
29. juli 2012 - 20:37 #18
Jeg er interesseret i at høre om en anden måde at løse opgaven på.
Nu kommer jeg kun med et eksempel: iframe.
Eller en attribut, eller andet objekt etc, som er velegnet til dette.
Avatar billede olebole Juniormester
29. juli 2012 - 20:58 #19
Hvis jeg selv skulle lave det, ville jeg nok bruge et div, der scroller inden i et andet - og så scripte mig ud af funktionaliteten
Avatar billede htx98i17 Professor
29. juli 2012 - 21:33 #20
Jeg er desværre ikke inde i javascript hvis det er det du mener med scripting. Jeg kan kun HTML,CSS og php.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester