Oprettet søn. d. 22. maj 2011 kl. 22:35:13

apromis
apromis (7.345 point. Point ude: 1.000)

Vis content afhængig af brugerens valg

Hej Allesammen.

Jeg har en lille udfordring, som jeg håber i kan hjælpe mig med.

En bruger skal kunne vælge sig igennem forskellige typer af valg på 3 forskellige niveauer.
Således brugeren vælger 1 ting, hvorefter der tilkommer en ny del på side, hvor brugeren også kan vælge en ting. Helt ned til 3 niveauer.

Har nedenstående :
Jeg har 3 valg (billeder faktisk) i niveau 1 hvor brugeren skal klikke på det ene.
Billede 1
Billede 2
Billede 3

Hvis der klikkes på billede 2, skal næste mulighederne for billede 2 visses på niveau 2. HEr kan der være op til 5 valgmuligheder.

Sidste del bliver vidst i niveau 3.

Dette vil sige jeg arbejder med :
Niveau 1 : 3 valg
Niveau 2 : op til 5 valg
Niveau 3 : Sidste niveau, hvor der vises et link

Hermed arbejder jeg med (hvis det skal laves i layers) 3*5*1 = 18.

Forstår hvad jeg mener?
Hvordan griber jeg det an ?
Det skal ikke laves i selectbokse som jeg har fundet et eksempel på, kun links.

På forhånd tak

Skrevet søn. d. 22. maj 2011 kl. 22:43:17| #1

Blueeyez
Blueeyez (13.263 point)
dtmp.dk
Forstår godt, men går ud fra du vil have det i javascript?

Skrevet søn. d. 22. maj 2011 kl. 22:44:37| #2

apromis
apromis (7.345 point)
Ja det vil jeg meget gerne, da jeg ikke vil have sendt noget til serveren før alle valg er truffet.

Har du da andre alternativer ?

Skrevet søn. d. 22. maj 2011 kl. 22:48:01| #3

Blueeyez
Blueeyez (13.263 point)
dtmp.dk
Kom bare til og tænke på html da du skrev select boks ;)

Skrevet søn. d. 22. maj 2011 kl. 22:54:04| #4

Blueeyez
Blueeyez (13.263 point)
dtmp.dk
kom lige til og tænke på det jo ikke helt kan være i html da du jo vil have resultaterne^_^ min fejl ;)

Skrevet søn. d. 22. maj 2011 kl. 22:57:09| #5

tjens
tjens (33.730 point)
Her er et eksempel, hvor der vælges billeder i andet niveau afhængig af billedvalg i første niveau.

http://tjens.dk/ (...)

Dit tredie niveau er vel bare en værdi fra valget i andet niveau?

Skrevet søn. d. 22. maj 2011 kl. 22:57:27| #6

apromis
apromis (7.345 point)
Hvad mener du med resultaterne ?
Alt er hentet ned i HTML ved load. Der skal ikke hentes mere når siden først er hentet.

Men det skal laves i javascript, således man kan lege med elementerne

Skrevet søn. d. 22. maj 2011 kl. 22:58:21| #7

apromis
apromis (7.345 point)
Hej Tjens.

Det er nøjagtigt sådan noget jeg søger.
Prøver lige at kigge på kildekoden engang :)

Skrevet søn. d. 22. maj 2011 kl. 23:02:02| #8

apromis
apromis (7.345 point)
Hej igen Tjens.

Den kode er desværre bygget meget omkring de billeder.
Håbede det måske var bygget i en form for layers.
Niveau 2&3 er nemlig rent tekst baseret valg muligheder.

Har du andre eksempler liggende ?

Skrevet søn. d. 22. maj 2011 kl. 23:05:09| #9

Blueeyez
Blueeyez (13.263 point)
dtmp.dk
#6 At jeg kom til og tænke på html koden her:

<a href="HENVIS_TIL_NÆSTE_SIDE/BILLED"> <img src="NUVÆRENDE_BILLED" /></a>

Skrevet søn. d. 22. maj 2011 kl. 23:28:03| #10

tjens
tjens (33.730 point)
Nej, mine eksempler er hovedsagelig HTML-DOM.

Alternativt kan du skrive alle dine forskellige valgmuligheder til niveau 2 i HTML fra starten, og så lade dem starte "usynligt" med display:none; i style.

Så er det bare at ændre fra :none til :block eller lign. når der vælges i niveau 1.

Skrevet man. d. 23. maj 2011 kl. 06:51:10| #11

ronols
ronols (18.136 point)
olsensweb.dk/
du kunne prøve at kigge på noget AJAX
demo http://olsensweb.dk/ (...)

Skrevet man. d. 23. maj 2011 kl. 22:29:16| #12

apromis
apromis (7.345 point)
Tjens -> Hvordan mener du ? Er ikke så stærk i js desværre.
Kan du give et lille eksempel ?

Ronols -> det er desværre lavet i selectboxe som det ikke skal være :(
Har du andet liggende ?

Skrevet tir. d. 24. maj 2011 kl. 08:04:44| #13

tjens
tjens (33.730 point)
#12 Her er et eksempel med 2 niveauer, hvor alt er statisk HTML
og hvor javascript kun manipulerer med style og class:
http://tjens.dk/ (...)

Du kan "kopiere" teknikken til dit tredie niveau, hvis du bare laver nye navne på id, class og functions.

Skrevet tir. d. 24. maj 2011 kl. 18:09:01| #14

apromis
apromis (7.345 point)
Hej Tjens.

Det virker ikke helt for mig :(.

Prøv at se styrkosten .dk / test.html

Problemet er at den også skal vise niveau 2 også. Således denne ikke forsvinder.
Desuden laver den noget mærkeligt i mit eksempel :(

Kan du hjælpe mig hehe ?

Skrevet tir. d. 24. maj 2011 kl. 23:17:42| #15

tjens
tjens (33.730 point)
Som jeg skrev i #13, skal du lave nye IDs, Classes og Functions til næste niveau.

Her er et eksempel, hvor det er påbegyndt: http://tjens.dk/ (...)

Skrevet ons. d. 25. maj 2011 kl. 00:12:49| #16

ronols
ronols (18.136 point)
olsensweb.dk/
jeg har omskrevet mit AJAX eks, så der ikke benyttes select boxe
http://olsensweb.dk/ (...)

Skrevet ons. d. 25. maj 2011 kl. 22:30:35| #17

apromis
apromis (7.345 point)
tjens £15 er lige hvad jeg skal bruge :)
Svar og pointsne er dine :)

Skrevet fre. d. 27. maj 2011 kl. 13:50:40| #18


Skriv et indlæg




Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] [img]link til billede[/img]
Web- og emailadresser omdannes automatisk til links

Log ind

   

   

Seneste spørgsmål

Hjælp til validering

Oprettet den 26. maj 2012 kl. 14.01
Stefan1 giver 20 point for svar | Giv et svar »

Javascript sliders?

Oprettet den 24. maj 2012 kl. 11.29
NizeGuy giver 15 point for svar | Giv et svar »

Validere navn i form

Oprettet den 22. maj 2012 kl. 15.13
13thsky giver 60 point for svar | Giv et svar »



   




Tips & Tricks fra PC World

Teaser billede

Læserne: Her er vores værste it-indkøb

Det er ikke al it-udstyr, som er det rene guld. Her er nogle af læsernes skrækhistorier.


Anmeldelser fra PC World

Teaser billede

Test: Mobil med Ferrari-design - og en Trabant-motor

Motorola har begået endnu en smartphone med lækkert design og potentiale til at være blandt de bedste. Men den når ikke i mål. Se her hvorfor.


Seneste blogindlæg

Teaser billede

Tvangslukke spørgsmål: Hvad er den bedste løsning?

Hej Vi har mange åbne spørgsmål på Eksperten. Vi ville gerne tvangslukke dem - så et spørgsmål efter f.eks. 6 måneder lukkes. Men der er et par uklarheder som ville være gode at få lidt input til:...


Nyheder fra PC World

Teaser billede

Sådan siger du farvel til Facebook

Læs her, hvordan du dropper Facebook og i stedet anvender nogle brugervenlige alternativer, så du stadig kan være social på nettet.


Nyheder fra Computerworld

Teaser billede

Galleri: De fedeste håndholdte gennem 40 år

Her har du de mest banebrydende håndholdte computere gennem alle tider.


Kurser
Samarbejdspartnere

Udgiver · © 2012 IDG Danmark A/S · Hørkær 18 · 2730 Herlev · Tlf.: 77 300 300 · Fax: 77 300 301 · Brug af personoplysninger