VPF::как сделать цвет не в поле а в рамке?

stan90

Дата 22.11.2009, 17:14 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 136
Регистрация: 12.11.2009

Репутация: нет
Всего: нет

подскажите,как сделать чтобы при нажатии на кнопку Х цвет появлялся не в поле,а в таблице 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>

Это сообщение отредактировал(а) stan90 - 22.11.2009, 18:10

Date

Дата 22.11.2009, 19:28 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 221
Регистрация: 22.3.2006
Где: Алматы

Репутация: нет
Всего: 3

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

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

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

--------------------

Люди не будьте свиньями, Бросайте мусор в урны.

stan90

Дата 22.11.2009, 19:56 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 136
Регистрация: 12.11.2009

Репутация: нет
Всего: нет

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

stan90

Дата 22.11.2009, 20:14 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 136
Регистрация: 12.11.2009

Репутация: нет
Всего: нет

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

Код


<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 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 221
Регистрация: 22.3.2006
Где: Алматы

Репутация: нет
Всего: 3

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

Код


<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 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 136
Регистрация: 12.11.2009

Репутация: нет
Всего: нет

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

bars80080

Дата 22.11.2009, 23:13 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315

.style.backgroundColor=

?

stan90

Дата 23.11.2009, 08:49 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 136
Регистрация: 12.11.2009

Репутация: нет
Всего: нет

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

Код


<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>

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »