Notifikationer

Markér alle som læst Log ud

hansen25 Nybegynder

09. december 2004 - 20:22 Der er 8 kommentarer og
1 løsning

Skift billede samt dropdown ved enkelt klik

Hvem kan lave koden til følgende (formodentligt meget simple)eksempel:

1) En side med 2 links: A og B samt et billede og en dropdown box
2) Klikker man på A skifter billedet til A.gif og dropdown skifter til de ord der måtte være i ArrayA
3) Klikker man på B skifter billedet til B.gif og dropdown skifter til de ord der måtte være i ArrayB

4) Når man åbner siden første gang er billede = picA og dropdown = ArrayA

Synes godt om

skovenborg Nybegynder

09. december 2004 - 23:31 #1

prøv:
<script type="text/javascript">
var ArrayA = new Array("optionA1","optionA2","optionA3");
var ArrayB = new Array("optionB1","optionB2","optionB3","optionB4");
function changeArray(selboxId,arr,imgId,imgSrc) {
selbox = document.getElementById(selboxId);
selbox.length = 0; // resetter select-box
for (i=0;i<arr.length;i++) {
opt = new Option(arr[i],arr[i]);
selbox.options[i] = opt; // tilføjer option
}
document.getElementById(imgId).src = imgSrc;
}
</script>

<body onload="changeArray('dropdown',ArrayA,'billede','A.gif');">
<a href="#" onclick="changeArray('dropdown',ArrayA,'billede','A.gif');return false;">A</a><a href="#" onclick="changeArray('dropdown',ArrayB,'billede','B.gif');return false;">B</a>
<img src="A.gif" style="width:20px;height:20px" id="billede">
<form>
<select name="dropdownboks" id="dropdown">
</select>
</form>
</body>

Synes godt om

skovenborg Nybegynder

09. december 2004 - 23:33 #2

skal lige siges at de enkelte tilføjede options har både tekst og value efter hvad der står i array'et - hvis det ikke er hensigten (fx hvis dit array er todimensionelt eller sådan noget), så bare sig til.

Funktionens argumenter er:
changeArray(dropdown (selectboxen)'s id,arrayet (skriv navnet uden anførselstegn),img-elementets id,billedets url)

Synes godt om

hansen25 Nybegynder

10. december 2004 - 11:17 #3

Perfekt - tænkte nok der var nogen der kunne svare.

Svar for point !

Synes godt om

skovenborg Nybegynder

10. december 2004 - 17:19 #4

skal ske :-)

Synes godt om

hansen25 Nybegynder

11. december 2004 - 12:01 #5

Kan ikke acceptere ! Prøver lige med kommentar.

Synes godt om

hansen25 Nybegynder

11. december 2004 - 12:03 #6

Virkede heller ikke - prøver igen senere eller på mandag fra en anden PC !

Synes godt om

skovenborg Nybegynder

11. december 2004 - 12:04 #7

nånå, det går nok. Lyder ellers mærkeligt da jeg har svaret ;-)

Synes godt om

hansen25 Nybegynder

11. december 2004 - 13:36 #8

Nå - jeg skulle lige markere dit navn! :-)

Synes godt om

skovenborg Nybegynder

11. december 2004 - 13:39 #9

hehe - jamen, så takker jeg for points :-)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616: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

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS