PDA

View Full Version : Bakgrund i tables


Silon
2001-06-12, 17:21
Kolla http://fojj.mine.nu/~fojj/hej.html så förstår ni nog vad jag behöver hjälp med... tabellens bakgrund till höger(den lilla alltså) ska ändras till koden i textfältet när man ändrar den eller listboxen !

Engine^
2001-06-12, 22:13
Bakgrundsfärger är strängar i javascript och i dina values har du angett 000000 respektive FFFFFF. Dessa måste, när du skickar dom till document.???.background vara av typen '#xxxxxx'.

T.ex. document.body.background = '#123456'; Annars kan de inte tolkas.

------------------
Vem släckte lyset?

Johnsen
2001-06-12, 22:33
Välkommen!
Prova detta, <html>
<head>
<title>TEst</title>
</head>
<body bgcolor="#BBBBBB" alink="#000000" vlink="#000000" link="#000000">
<SCRIPT type="text/javascript">
<!--
function chcol(){
document.set_gb.gb_bg_color.value=document.set_gb.gb_color.o ptions[document.set_gb.gb_color.selectedIndex].value;
chcol2();
}
function chcol2(){
var color="#"+document.set_gb.gb_bg_color.value;
if(document.getElementByID){document.getElementByID("tab").style.backgroundColor = color;}
else if(document.all){document.all("tab").style.backgroundColor = color;}
else if(document.layers){document.layers["tab"].backgroundColor = color;}
}
//-->
</SCRIPT>
<table width="500">
<tr>
<td class="Default" bgcolor="#BBBBBB" width="370" valign="top">
<table width="360" border="0" cellspacing="0" cellpadding="1" bgcolor="#000000">
<tr>
<td>
<table border="0" width=358" height="60" cellspacing="0" cellpadding="3" bgcolor="#FFFFFF">
<tr align="left" valign="top">
<td width="358" class="Default">

<table class="Default"><tr><td>
<form method=post action="set_gb.php" name="set_gb">
<table>
</tr><font size=1><b>Välj bakgrundsfärg eller skriv in egen färgkod
<td class="Default">Bakgrundsfärg:</td>
<td class="Default"><select
class="Default" name="gb_color" onChange="chcol()">
<option value=000000>Svart</option>
<option value=FFFFFF>Vit</option>
</select>&nbsp;&nbsp;#<input
class="Default" maxlength="6" name="gb_bg_color" type="text" size=6 onChange="chcol2()">&nbsp;&nbsp;
</td>
<td class="Default">

<table width="32" border="0" cellspacing="0" cellpadding="1" bgcolor="#000000" height="16">
<tr>
<td><table name="colortest" bgcolor="#FFFFFF" border="0" width="30" height="14" cellspacing="0" cellpadding="3">
<tr align="left" valign="top">
<td width="30" id="tab" class="Default">
&nbsp;Eh
</td>
</tr>
</table></td>
</tr>
</table>
</td> </tr>

</table>

</body>
</html>

------------------
- J-O-H-N-S-E-N -
------------------

Silon
2001-06-12, 23:02
Tack så mycket.. hmm.. nu är det så att när man kör den där och ändrar själv i textboxen så måste man trycke på rullisten en gång innan det ändras i tablet också ! det var skumt... förslag ?

------------------
InformationsTeknologi är mäktigt.