Form-valg skal opdatere variabler

Det kan sagtnes lade sig gøre uden java - men det kan ikke lade sig gøre uden Javascript ;o)

?

<table id="tabel">
<tr>
  <td>
  Noget indhold
  </td>
</tr>
</table>
<form name="form1">
<select name="farve" onChange="document.getElementById('tabel').style.background = this.options[this.selectedIndex].value;">
<option value="">Vælg farve</option>
<option value="#ff0000">Rød</option>
<option value="#00ff00">Grøn</option>
<option value="#0000ff">Blå</option>
</select>
</form>

Du skal være opmærksom på at der er stor forskel på java og javascript, Java er et programmeringssprog til at lave mange forskellige applikationer, javascript er et scriptsprog til hjemmesider! Derfor er det selvfølgelig javascript der bliver brugt her ;o)!

Noget i den stil - du kan selvfølgelig også bare skrive fx red som value, altså:
select name="farve" onChange="document.getElementById('tabel').style.background = this.options[this.selectedIndex].value;">
<option value="">Vælg farve</option>
<option value="red">Rød</option>
<option value="green">Grøn</option>
<option value="blue">Blå</option>
</select>

Virker fint !
Den er acceptabel, men er det i grunden ikke også Java ? :D

Nej det er ikke java! Det er javascript!

Der er stor forskel, det eneste det har tilfælles er de første fire bogstaver!

Niks, java og javascript er (næsten) vidt forskellige - og det er en dødssynd at sige at de er de samme (men jeg tilgiver dig denne gang ;-)

Javascript er som sagt lavet til nettet, hvorimod java er en decideret programmeringssprog ligesom fx C++.

Dog er javascript _løst_ baseret på java, ligesom vbscript er løst baseret på VB. Det vil altså sige noget af opbygningen går igen ved de to, men den ene er et script-sprog og det andet et programmeringsprog.

Jeps ok, got it ! :D
Lige et bonus-spørgsmål. Jeg vil lave samme nummer med en skrifttype, skriftstørrelse osv.
Hvad skal jeg buge i stedet for style.background så ?

style.fontSize
style.fontFamily

Se i tabellen nedenunder:
http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/css.html#CSS-CSS2Properties

Mange tak for hjælpen !

Takker for point :-)

Hvis du kan CSS i forvejen er det intet problem at skifte de forskellige ting med Javascript (og Document Object Model). Det faktisk stort set det samme du skriver.

Det kan jeg, så ok...vil jeg kigge på !

Det var en anden gut der testede det den anden dag, da I gav mig svar. Nu skal jeg selv bruge, men kan ikek få det til at virke:

<select name='top_skrifttype' onChange="document.getElementById('tabel').style.fontFamily = this.options[this.selectedIndex].value;">
<option value='<%=top_skrifttype%>' selected><%=top_skrifttype%></option>
<option value=''>-----</option>
<option value='Arial'>Arial</option>
<option value='Comic Sans MS'>Comic Sans MS</option>
<option value='Courier'>Courier</option>
<option value='Courier New'>Courier New</option>
<option value='Helvetica'>Helvetica</option>
<option value='Impact'>Impact</option>
<option value='sans-serif'>Sans-serif</option>
<option value='Times New Roman'>Times New Roman</option>
<option value='Verdana'>Verdana</option>
</select>
</td>
        <td width='100'><table id='tabel'>
    <tr>
        <td>Skrift-test</td>
    </tr>
</table>




Hvad er der galt der ?

Det ser da meget fint ud - hvad er helt præcist fejlen?

(Håber ikke det er alt for sent nu ;-)