Søg
Avatar billede mikze Nybegynder
28. maj 2004 - 18:49 Der er 9 kommentarer og
1 løsning

<SELECT> Med Skift billede

Jeg har en <select> med en hel masse options. Og en typisk option ser sådan ud:

<option value="Computer.gif">Computer</option>

Jeg har en tabel ved siden af hvor BACKGROUND skal vise billedet. Men hvordan gør jeg sådan at det bliver skiftet når man vælger en ny option? Altså så skifter den til det som er i options value?
Avatar billede roenving Novice
28. maj 2004 - 18:55 #1
<select onchange="if(this.selectedIndex>0)document.getElementById('TABELID').style.backgroundImage=this.value">
  <option value="">Vælg baggrund</option>
  <option value="Computer.gif">Computer</option>
  <option value="Computer2.gif">Computer2</option>
  <option value="Computer3.gif">Computer3</option>
  <option value="Computer4.gif">Computer4</option>
</select>
Avatar billede mikze Nybegynder
28. maj 2004 - 19:27 #2
<select name="skabelon" style="width: 170;" onchange="if(this.selectedIndex>0)document.getElementById('hej').style.backgroundImage=this.value">
      <option value="" selected>Vælg...</option>
      <option value="Billedemappe.gif">Billedemappe</option>
      <option value="Boble.gif">Boble</option>
      <option value="Brugere.gif">Brugere</option>
      <option value="Computer.gif">Computer</option>
      <option value="Disk.gif">Disk</option>
      <option value="Explorer.gif">Explorer</option>
      <option value="Filer.gif">Filer</option>
      <option value="Flueben.gif">Flueben</option>
      <option value="Forbudt.gif">Forbudt</option>
      <option value="Handikap.gif">Handikap</option>
      <option value="Hus.gif">Hus</option>
      <option value="Installation.gif">Installation</option>
      <option value="Kamera.gif">Kamera</option>
      <option value="Kryds.gif">Kryds</option>
      <option value="Loop.gif">Loop</option>
      <option value="Laas.gif">Laas</option>
      <option value="Mappe.gif">Mappe</option>
      <option value="Mobil.jpg">Mobil</option>
      <option value="Netvaerk.gif">Netværk</option>
      <option value="Printer.gif">Printer</option>
      <option value="Projektor.gif">Projektor</option>
      <option value="Skraldespand.gif">Skraldespand</option>
      <option value="Statistik.gif">Statistik</option>
      <option value="Systemfil.gif">Systemfil</option>
      <option value="Tandhjul.gif">Tandhjul</option>
      <option value="Udraabstegn.gif">Udråbstegn</option>
      <option value="Update.gif">Update</option>
      <option value="Artikel.gif">Artikel</option>
      </select>



Den har jeg... Men hvad skal jeg så skrive i stedet for TABELID?? Og hvad skal der stå i min TD?

<td width="50" background="../gfx/netvaerk.gif" align="right"><img src="../gfx/kant-50-50.gif"></td>
Avatar billede mikze Nybegynder
28. maj 2004 - 19:28 #3
Altså der har jeg skrevet HEJ
Avatar billede roenving Novice
28. maj 2004 - 19:30 #4
Et id på elementet !-)

<td id="minTd" ...

-- og så:

.getElementById('minTd')
Avatar billede mikze Nybegynder
28. maj 2004 - 19:50 #5
<html>
<head>
<title>Ns Replay</title>
<LINK REL="STYLESHEET" HREF="../inc/style.css" TYPE="text/css">
</head>
<body>
<b>Tilføj Nyhed</b>:<br>
<img src="../gfx/streg.gif"><br><br>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
  <td valign="top">
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="68" valign="center">Overskrift:</td>
    <td valign="top"><input type="text" style="width: 170;" name="Overskrift"></td>
    </tr>
    <tr>
    <td width="68" valign="top">Billede:</td>
    <td valign="top"><input type="file" style="width: 170;" name="Billede"></td>
    </tr>
    <tr>
    <td width="68" valign="top">Skabelon:</td>
    <td valign="top">
      <select name="skabelon" style="width: 170;" onchange="if(this.selectedIndex>0)document.getElementById('vis').style.backgroundImage=this.value">
      <option value="" selected>Vælg...</option>
      <option value="../gfx/Billedemappe.gif">Billedemappe</option>
      <option value="../gfx/Boble.gif">Boble</option>
      <option value="../gfx/Brugere.gif">Brugere</option>
      <option value="../gfx/Computer.gif">Computer</option>
      <option value="../gfx/Disk.gif">Disk</option>
      <option value="../gfx/Explorer.gif">Explorer</option>
      <option value="../gfx/Filer.gif">Filer</option>
      <option value="../gfx/Flueben.gif">Flueben</option>
      <option value="../gfx/Forbudt.gif">Forbudt</option>
      <option value="../gfx/Handikap.gif">Handikap</option>
      <option value="../gfx/Hus.gif">Hus</option>
      <option value="../gfx/Installation.gif">Installation</option>
      <option value="../gfx/Kamera.gif">Kamera</option>
      <option value="../gfx/Kryds.gif">Kryds</option>
      <option value="../gfx/Loop.gif">Loop</option>
      <option value="../gfx/Laas.gif">Laas</option>
      <option value="../gfx/Mappe.gif">Mappe</option>
      <option value="../gfx/Mobil.jpg">Mobil</option>
      <option value="../gfx/Netvaerk.gif">Netværk</option>
      <option value="../gfx/Printer.gif">Printer</option>
      <option value="../gfx/Projektor.gif">Projektor</option>
      <option value="../gfx/Skraldespand.gif">Skraldespand</option>
      <option value="../gfx/Statistik.gif">Statistik</option>
      <option value="../gfx/Systemfil.gif">Systemfil</option>
      <option value="../gfx/Tandhjul.gif">Tandhjul</option>
      <option value="../gfx/Udraabstegn.gif">Udråbstegn</option>
      <option value="../gfx/Update.gif">Update</option>
      <option value="../gfx/Artikel.gif">Artikel</option>
      </select>
    </td>
    </tr>
    <tr>
    <td width="68" valign="top">Forfatter:</td>
    <td valign="top"><input type="text" style="width: 170;" name="Forfatter"></td>
    </tr>
  </table>
  </td>
  <td width="50" valign="top" align="right">
  <table width="50" height="50" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="50" id="vis" background="../gfx/netvaerk.gif" align="right"><img src="../gfx/kant-50-50.gif"></td>
    </tr>
  </table>
  </td>
</tr>
</table>

</body>
</table>
Avatar billede mikze Nybegynder
28. maj 2004 - 19:50 #6
Det virker ikke... :S
Avatar billede roenving Novice
28. maj 2004 - 19:53 #7
Uff ...

Jeg havde jo også glemt noget grundlæggende css ,-(

<select name="skabelon" style="width: 170;" onchange="if(this.selectedIndex>0)document.getElementById('vis').style.backgroundImage='url('+this.value+')'">
Avatar billede mikze Nybegynder
28. maj 2004 - 21:40 #8
SMid sVAR ;D
Avatar billede roenving Novice
28. maj 2004 - 21:42 #9
Velbekomme '-)
Avatar billede roenving Novice
07. juni 2004 - 21:22 #10
-- og tak for point ;~}
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
Programmeringssprog kurser
Kurser inden for grundlæggende programmering
Se alle Programmeringssprog kurser

Flere spørgsmål fra Andet programmering kategorien

Titel Indlæg Oprettet Seneste aktivitet
Bat file. Af johnnylassen i Andet programmering 4 23/04/202616:10 24/04/202609:43
Hjælp til Api.asmx Af lurup i Andet programmering 1 17/03/202609:27 17/03/202614:12
burgermenu til hjemmeside - hjælp! Af SabrinaL i Andet programmering 2 12/11/202514:10 02/12/202520:42
Hjælp til programmering af website Af hamdenlange i Andet programmering 16 17/08/202522:26 19/08/202515:53
Kan man registrere hvis folk lukker en side ned Af KurtG i Andet programmering 8 24/07/202513:06 28/07/202517:03
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 14:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
01/0809:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
White papers
Flere white papers »