Søg
Avatar billede apromis Praktikant
22. maj 2011 - 22:35 Der er 17 kommentarer og
1 løsning

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
Avatar billede Blueeyez Mester
22. maj 2011 - 22:43 #1
Forstår godt, men går ud fra du vil have det i javascript?
Avatar billede apromis Praktikant
22. maj 2011 - 22:44 #2
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 ?
Avatar billede Blueeyez Mester
22. maj 2011 - 22:48 #3
Kom bare til og tænke på html da du skrev select boks ;)
Avatar billede Blueeyez Mester
22. maj 2011 - 22:54 #4
kom lige til og tænke på det jo ikke helt kan være i html da du jo vil have resultaterne^_^ min fejl ;)
Avatar billede tjens Nybegynder
22. maj 2011 - 22:57 #5
Her er et eksempel, hvor der vælges billeder i andet niveau afhængig af billedvalg i første niveau.

http://tjens.dk/eksperten/930987/

Dit tredie niveau er vel bare en værdi fra valget i andet niveau?
Avatar billede apromis Praktikant
22. maj 2011 - 22:57 #6
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
Avatar billede apromis Praktikant
22. maj 2011 - 22:58 #7
Hej Tjens.

Det er nøjagtigt sådan noget jeg søger.
Prøver lige at kigge på kildekoden engang :)
Avatar billede apromis Praktikant
22. maj 2011 - 23:02 #8
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 ?
Avatar billede Blueeyez Mester
22. maj 2011 - 23:05 #9
#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>
Avatar billede tjens Nybegynder
22. maj 2011 - 23:28 #10
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.
Avatar billede olsensweb.dk Ekspert
23. maj 2011 - 06:51 #11
du kunne prøve at kigge på noget AJAX
demo http://olsensweb.dk/guides/ajax/eks2_1/index.php
Avatar billede apromis Praktikant
23. maj 2011 - 22:29 #12
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 ?
Avatar billede tjens Nybegynder
24. maj 2011 - 08:04 #13
#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/eksperten/939424/

Du kan "kopiere" teknikken til dit tredie niveau, hvis du bare laver nye navne på id, class og functions.
Avatar billede apromis Praktikant
24. maj 2011 - 18:09 #14
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 ?
Avatar billede tjens Nybegynder
24. maj 2011 - 23:17 #15
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/eksperten/939424/test02.html
Avatar billede olsensweb.dk Ekspert
25. maj 2011 - 00:12 #16
jeg har omskrevet mit AJAX eks, så der ikke benyttes select boxe
http://olsensweb.dk/test/experten/spm/939424/
Avatar billede apromis Praktikant
25. maj 2011 - 22:30 #17
tjens £15 er lige hvad jeg skal bruge :)
Svar og pointsne er dine :)
Avatar billede tjens Nybegynder
27. maj 2011 - 13:50 #18
Svar
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 I går 16:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Sæt vindue størrelse Af poulmadsen i JavaScript 1 08/10/202417:18 13/10/202412:33
Opgavestyring Af ingeman i JavaScript 1 15/09/202416:06 15/09/202420:40
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 09:43 AI google.com Af Peter Olsen i Andre onlineløsninger
31/0310:22 Makro der gemmer vedhæftet fil fra Msg og omdøber filen Af lokesa i Excel
30/0313:45 Kablet forbindelse mellem android telefon og windows 11 pc Af 1Dorte i Android
30/0312:04 Elementtype vises - og ikke billedet? Af hkprofil i Billedbehandling
29/0312:08 Problemer med replay af købte kursusvideoer Af annam i Browsere
White papers
Flere white papers »