Avatar billede freud Nybegynder
26. september 2003 - 01:30 Der er 5 kommentarer og
1 løsning

select box og pix skift

Har følgende select box og option felter.


Jeg vil gerne, hvis det kan lade sig gøre, have det sådan at et billede udskiftes når der vælges en ny option.

Kan det lade sig gøre ?



<select name="select" class="text_box" onChange="MM_jumpMenu('iframe',this,0)">
<option value="forside.htm" selected>&nbsp;--- V&aelig;lg menu punkt ---&nbsp;</option>
<option value="hvem_er_vi.htm" >- Hvem er vi</option>
<option value="det_kan_vi.htm">- Det kan vi</option>
<option value="de_bruger_os.htm">- De bruger os</option>
<option value="personale.htm">- Personale</option>
<option value="brug_en_professionel.htm">- Brug en professionel</option>
<option value="garageporte.htm">- Garageporte</option>
<option value="tilbud.htm">- Tilbud</option>
<option value="materiale.htm">- Materialer</option>
<option value="ledige_jobs.htm">- Ledige jobs</option>
<option value="kontakt.htm">- Kontakt</option>
<option value="forside.htm">- Forside</option>
</select>
Avatar billede freud Nybegynder
26. september 2003 - 01:31 #1
--> Det vil sige det er faktisk en bg som skal udskiftes:

<td align="right" valign="bottom" background="pix/top_hoj.gif">&nbsp;        </td>

Men hvis det bare kan lade sig gøre med et billede er det også helt kanon :-)
Avatar billede grunken Nybegynder
26. september 2003 - 03:04 #2
Sådan her!

du skal tilføje en function mere under script, og som jeg har lavet skal du kalde billederne det samme som dine html-filer i en valgfri mappe ;)

<script type="text/javascript">
function skiftpic(){
  type  = "jpg";    //her kan du indtaste billedtypen
  folder = "./billeder/"; //mappen billederne ligger i 

  val = document.forms[0].select1.options[document.forms[0].select1.selectedIndex].value;
  val = folder+val.substring(0,val.indexOf("."))+"."+type;
  document.getElementById('skift').style.backgroundImage="url("+val+")";
}
</script>

<form>
<select name="select1" class="text_box" onChange="skiftpic();MM_jumpMenu('iframe',this,0);">
<option value="forside.htm" selected>&nbsp;--- V&aelig;lg menu punkt ---&nbsp;</option>
<option value="hvem_er_vi.htm" >- Hvem er vi</option>
<option value="det_kan_vi.htm">- Det kan vi</option>
<option value="de_bruger_os.htm">- De bruger os</option>
<option value="personale.htm">- Personale</option>
<option value="brug_en_professionel.htm">- Brug en professionel</option>
<option value="garageporte.htm">- Garageporte</option>
<option value="tilbud.htm">- Tilbud</option>
<option value="materiale.htm">- Materialer</option>
<option value="ledige_jobs.htm">- Ledige jobs</option>
<option value="kontakt.htm">- Kontakt</option>
<option value="forside.htm">- Forside</option>
</select> 
</form>

<table>
<tr>
  <td align="right" ID="skift" valign="bottom" background="pix/top_hoj.gif">&nbsp;</td>
</tr>
</table>
Avatar billede freud Nybegynder
26. september 2003 - 12:56 #3
--> grunken

Når jeg skifter option kommer der ikke et nyt billede frem. - bg bliver bare tom.
Avatar billede freud Nybegynder
26. september 2003 - 13:00 #4
--> grunken

Du kan se hvad der sker / ikke sker ! - her

http://www.neocon.dk/kunder/bliktud/
Avatar billede grunken Nybegynder
26. september 2003 - 13:15 #5
hvis jeg eks. prøver : http://www.neocon.dk/kunder/bliktud/pix/bg/kontakt.jpg, så er der heller ikke noget billede!
Avatar billede freud Nybegynder
26. september 2003 - 19:01 #6
--> grunken

Min fejl , nu virder det :-)
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