farve palette hvor man skifter farve på tekst og baggrund?

<ole>

Du laver nogle felter (f.eks. celler i en tabel) med forskellige baggrundsfarver. På dem kan du skrive:
    <td style="background:#ff0000" onclick="document.body.background=this.style.background">&nbsp;</td>

/mvh
</bole>

Hej Ole,

Jeg vil gerne have at tekst og valg af farve bliver overført til td, kan du hjælpe?

<input type="text" name="selectBoks">
<input type="button" name="selectboks" value="send">
<br><br>

<select name="selectBoks">
<option style="background-color:#188D1B; value="#188D1B">green</option>
<option style="background-color:#BB2C10; value="#BB2C10">Red</option>
<option style="background-color:#E9F840; value="#E9F840">yellow</option>
<option style="background-color:#223FBC; value="#223FBC">blue</option></select>
<br><br>

<table>
<tr>
<td name="selectBoks" height="50" width="50" style="background:#b11687"></td>
</tr>
</table>

Er det mon nu også smart at give alle elementerne samme name?
Derudover er jeg lidt i tvivl om, hvad det er, du gerne vil have  :)

Okay prøver lige at forklare bedre, når jeg skriver noget i text feltet vil jeg gerne have at det bliver sendt over i den lila firkant nederst og når jeg ændrer farven i selectboxen bliver farven i firkanten ændret til den valgte farve.

Og du kan skifte navnene på elementerne som du vil!

Det kunne være:


<script type="text/JavaScript">
function setText() {
    document.getElementById("coloredTD").innerHTML = document.getElementById("tekstBoks").value;
}
function setColor(sCol) {
    document.getElementById("coloredTD").style.background = sCol;
}
</script>

<input type="text" id="tekstBoks">
<button onclick="setText()">TEST</button>
<br><br>

<select onchange="setColor(this.value)">
    <option style="background-color:#188D1B;" value="#188D1B">green</option>
    <option style="background-color:#BB2C10;" value="#BB2C10">Red</option>
    <option style="background-color:#E9F840;" value="#E9F840">yellow</option>
    <option style="background-color:#223FBC;" value="#223FBC">blue</option>
</select>
<br><br>

<table>
<tr>
    <td id="coloredTD" height="50" width="50" style="background:#b11687"></td>
</tr>
</table>

- og bemærk, jag har brugt 'id' ... ikke 'name'  =)

Okay du får point som sædvanligt, ved du hvorfor den grå farve i selectboksen dukker frem?

Ja, det er fordi, den har fokus. Så snart, du klikker ved siden af, fjernes highlight-farven. Dette er lidt omskrevet, så fokus fjernes fra select-elementet - og så virker det bedre i f.eks. Firefox:

<script type="text/JavaScript">
function setText() {
    document.getElementById("coloredTD").innerHTML = document.getElementById("tekstBoks").value;
}
function setColor(oSel) {
    document.getElementById("coloredTD").style.background = oSel.value;
    oSel.style.background = oSel.value;
    window.focus();
}
</script>

<input type="text" id="tekstBoks">
<button onclick="setText()">TEST</button>
<br><br>

<select style="background:#188D1B" onchange="setColor(this)">
    <option style="background-color:#188D1B;" value="#188D1B">green</option>
    <option style="background-color:#BB2C10;" value="#BB2C10">Red</option>
    <option style="background-color:#E9F840;" value="#E9F840">yellow</option>
    <option style="background-color:#223FBC;" value="#223FBC">blue</option>
</select>
<br><br>

<table>
<tr>
    <td id="coloredTD" height="50" width="50" style="background:#b11687"></td>
</tr>
</table>

Okay tak for hjælpen, kommer snart med mere!

Hehe ... det er helt okay. Tak for points  ;o)