Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > как сделать цвет не в поле а в рамке?

Автор: stan90 22.11.2009, 17:14

подскажите,как сделать чтобы при нажатии на кнопку Х цвет появлялся не в поле,а в таблице 1х1?а то у меня только в поле получается

Код


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<script type="text/javascript">

function color(color)
{
document.forms[0].myInput.style.background=color
}
</script>

</head>
<body>
<form>
    
    <input type="text" name="myInput"/><br />
   
    <input type="button" value=" X " onClick="color('red')" />
</form>


</body>
</html>

Автор: Date 22.11.2009, 19:28

что-то в коде таблицу не видать!

наверно её сначало надо сделать, а потом менять её свойства?
ну во свяком случае мне так кажеться.

может по подробнее распишешь что надо

Автор: stan90 22.11.2009, 19:56

в коде и нет таблицы))
я просто хочу то текстовое поле которое там есть поменять на такую же табличку(чтобы вместо поля myInput,была таблица и в ней цвет менялся)

Автор: stan90 22.11.2009, 20:14

о вот я додумался)))
только как сделать чтобы при втором щечке она опять белой становилась?

Код


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<script type="text/javascript">
function color(color)
{
document.getElementById('myinput').style.background=color;
}
</script>
</head>
<body>
<form>
 
<table width="45" height="38" border=0  id=myinput>
<tr>
<td ></td>
</tr>
</table>  
<input type="button" value=" X " onClick="color('red');" />
</form>
</body>

Автор: Date 22.11.2009, 21:40

примерно так:

Код


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<script type="text/javascript">
function color(color)
{

if (document.getElementById('myinput').style.background=='red'){
document.getElementById('myinput').style.background='white'
}else{
document.getElementById('myinput').style.background=color;
}
}
</script>
</head>
<body>
<form>
 
<table width="45" height="38" border=0  id=myinput>
<tr>
<td ></td>
</tr>
</table>  
<input type="button" value=" X " onClick="color('red');" />
</form>
</body>

Автор: stan90 22.11.2009, 22:12

странно..у меня красный цвет на белый не меняется(

Автор: bars80080 22.11.2009, 23:13

.style.backgroundColor=

?

Автор: stan90 23.11.2009, 08:49

всё сделал!вот!всем спасибо)

Код


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<script type="text/javascript">
var n = 0;

function color()
{
if(n==0){
n = 1;
document.getElementById('myinput').style.background='yellow';
}
else{
n = 0;
document.getElementById('myinput').style.background='#ff0000';
}

}
</script>
</head>
<body>
<form>
 
<table border=0 bgcolor="#ff0000" id=myinput>
<tr>
<td ></td>
</tr>
</table>  
 <input type="button" value=" X " onClick="color();" />
</form>
</body>