Oprettet fre. d. 24. august 2012 kl. 20:25:45

joncbc
joncbc (12.070 point. Point ude: 130)

Unikt billede valg ud fra kombination af dropdowns.

Jeg har søgt højt og lavt, men har ikke kunne finde et svar på dette problem.


Jeg leder efter et script der kan vise et bestemt billede alt efter hvad man vælger i en dropdown menu, MEN det jeg skal bruge er en kombination af flere dropdowns.

Jeg har 5-6 dropdowns der skal kombineres og alt efter hvordan de er sat skal den vise et billede ud fra den kombination.

F.eks kan man vælge "Cirkel, trekant og firkant" i den første og vælge "rød, gul og grøn" i den anden.
Hvis man så vælger "cirkel" og "gul" kommer der et færdigt billede med en cirkel på en gul baggrund. Det er vigtigt at billederne ikke bare bliver lagt oveni hinanden men at der bliver hentet et unikt billede for hver kombination.

Skrevet lør. d. 25. august 2012 kl. 22:31:01| #1

tjens
tjens (36.155 point)
Demo: http://tjens.dk/ (...)

Du skal så bare ændre fra .value til .src, når du ændrer billede på et image-tag i stedet for input-tagget i demoen:


function setImageName() {
    var selects = document.getElementById("DDinputs").getElementsByTagName("select");
    var name = "";
    for (var i = 0; i < selects.length ; i++) {
        name += selects[i].options[selects[i].selectedIndex].value;
    }
    document.getElementById("imageTagId").src = name + ".jpg";
}


Skrevet tir. d. 28. august 2012 kl. 22:06:24| #2

joncbc
joncbc (12.070 point)
Super fedt. Lige hvad jeg havde brug for.

Giver du et svar?

Skrevet ons. d. 29. august 2012 kl. 10:49:14| #3


Skrevet tor. d. 13. september 2012 kl. 17:30:26| #4

badazz
badazz (9.058 point)
nu sidder jeg og leger lidt med denne her.. men hvordan får jeg den til at vise billedet? går ud fra at jeg skal have:

Billedenavn:
<input id="imageName" type="text" value="..." readonly>

udskifter med et img tag, eller hvordan, kan ikke rigtigt få det til at virke ?

Skrevet tor. d. 13. september 2012 kl. 22:38:16| #5

tjens
tjens (36.155 point)
Demo: http://tjens.dk/ (...)

Virker kun med Hund, da jeg ikke har skaffet billeder til de andre.

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

Første ID er tom ?

Oprettet den 11. maj 2013 kl. 11.54
ingeman giver 200 point for svar | Giv et svar »

alert box frem hvis der intet indhold er på siden

Oprettet den 8. maj 2013 kl. 19.43
tobrukDk giver 60 point for svar | Giv et svar »

Enter som TAB

Oprettet den 8. maj 2013 kl. 14.21
MolleBarb giver 30 point for svar | Giv et svar »








Tips & Tricks fra PC World

Teaser billede

Her er seks Google Labs-funktioner, som du skal slå til med det samme

Gmail Labs giver dig adgang til en masse smarte funktioner, som Googles ingeniører leger med i øjeblikket.


Anmeldelser fra PC World

Teaser billede

Test: Samsung Galaxy S4 er et hit - trods gøglertricks

Kan Samsung beholde førertrøjen i det store Android-race? Galaxy S4 er smækfyldt med innovative funktioner, men også med en del gøgl. Er det for meget? Få vores dom over Samsungs nye topmodel.


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

Tre smarte trick som gør Windows 8 bedre

Boot direkte til skrivebordet, få en strategisk godt placeret luk-knap og slip for at logge ind. Her er tre tips til Windows 8, som gør det nemmere at blive venner med styresystemet.


Nyheder fra Computerworld

Teaser billede

Galleri: Her er Googles nyeste værktøj og legetøj

Google har i denne uge afholdt udviklerkonferencen I/O i San Francisco. Se her hvad søgegiganten kunne præsentere af nyskabelser.


IT Kurser
Samarbejdspartnere

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