Avatar billede picard Nybegynder
06. december 2000 - 11:15 Der er 3 kommentarer og
1 løsning

Dropdownmenu og Billeder

Hejsa

jeg har en dropdownmenu med nogle options. jeg vil gerne have at et bestemt billede (previewPic) skifter til et andet, alt efter hvilken option man har valgt i dropdownmenuen.

kan det lade sig gøre, og i givet fald hvordan laves det.

mvh

Christian
06. december 2000 - 11:34 #1
Dette script viser pr. default en trans. gif hvis der ikke er valgt noget.(IE)

<SELECT name=img_name id=img_name onchange=\"if(document.FormNavn.img_name.options[document.FormNavn.img_name.selectedIndex].value == 0){Img_Der_Skifter.src = \'/img/trans.gif\'; document.all.imageText.style.visibility = \'hidden\'} else {document.all.imageText.style.visibility = \'visible\'; allDone(); Img_Der_Skifter.src=\'http://URL.dk/Img_FOLDER/\' + document.FormNavn.img_name.options[document.FormNavn.img_name.selectedIndex].value}\">

<option value=\'0\'>------</option>
<option value=Hest.jpg>Hest.jpg</option>
<option value=Hest1.jpg>Hest1.jpg</option>
<option value=Hest2.jpg>Hest2.jpg</option>
</SELECT>



Denne viser et IMG når der er valgt noget, ellers er der trans.gif der kommer frem
<img src=\'/img/trans.gif\' width=\'100\' alt=\'\' border=\'0\' Name=\'Img_Der_Skifter\'>

/def
Avatar billede picard Nybegynder
06. december 2000 - 11:35 #2
Tjekker lige dit svar vender tilbage og giver point hvis det kan bruges ;)
06. december 2000 - 11:46 #3
Du skal selv rettet form navn og diverse til før det virker.

Jeg kan også se at der en linie der kan undlades:

document.all.imageText.style.visibility = \'hidden\'} else {document.all.imageText.style.visibility = \'visible\'; allDone();

Den bliver brugt til en funktion der udskriver Height og Width i en <div> hvilket kan være meget nyttigt funktion. Så kan du PrewView alle billeder som f.eks 150 x 150 px og derved ikke få smadret hele siden, hvis der er et billed der er f.eks. 600 x 800 px.

Den funktion kan du få med, hvis du kan lide den første...

/def
Avatar billede picard Nybegynder
06. december 2000 - 17:34 #4
Tak for dit svar :)
Den linje du selv nævner var lige præcis den linje der drillede mig, har fjernet den og det virker bare.

Christian
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