При наведении курсора на строку формы изменить цвет её фона

@correcеt · Регистрация: 20.04.2011

Студворк — интернет-сервис помощи студентам

1)Написать script, в результате работы которого при попадании курсора мыши на элемент списка формы, в созданном текстовом поле появляется соответствующее сообщение.
2)Написать script, который при наведении курсора на строку формы изменял цвет её фона.
3)Написать script, который при нажатии на кнопку формы выводит сообщение.
------------------------------------------------------------------------------------
как это сделать идей нет

------------------------------------------------------------------------------------
1)пункт набросал код,но не работает(

JavaScript
1
2
3
4
5
var s1="Поле для ввовда "
function sch(s)
{document.form1.m1.value=s}
function delet ()
{document.form1.m1.value=''}

----------------------------------------------------------------------------------
Вот код формы:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<html>
<head>
<span style="font-style:Times New Roman">
<title> Центр изучения потребительского спроса</title>
</span>
<script>var s1="Поле для ввовда "
function sch(s)
{document.form1.m1.value=s}
function delet ()
{document.form1.m1.value=''}
 
</script>
<LINK TYPE="text/css" REL="stylesheet" href="6.css">
<style type="text/css">
   </style>
</head>
<body>
 <fieldset>
<TABLE>
<form action="handler.php" method="post" target="_blank">
<div>
Название:<br>
<onmouseover="sch (s1)" onmouseout="delet()">
<input type="text" name="name" value=""  size="" maxlength="" class=""></br>
Фирма производитель:<br>
<input type="text" name="name"> <br>
<input type="reset" value="Очистить форму">
 <!----------------------------------------------->
</br>
Концентрация:
<INPUT TYPE=radio NAME=gender VALUE= "checkl 1">не больше 100% 
<INPUT TYPE=radio NAME=gender VALUE="checkl 2">не меньше 50%
</form>
Категория:
<br>
<INPUT TYPE=radio NAME=gender VALUE=" checkl3">Нектар</br>
<INPUT TYPE=radio NAME=gender VALUE="checkl4">Сок</br>
 Способ приготовления: 
 <br>
 <input type=radio name=generator value="checkl5">Концентрированный сок<br>
  <input type=radio name=generator value="checkll6">Из свежих фруктов<br>
   <input type=radio name=generator value="checkl7">Из сухих материалов<br>
  Содержание заменителя сахара <input type=checkbox name=checkbox></input>
<input type="text" name="Наименование:" size="20%">
  <br><textarea rows="10" cols="15"  name="chten">Наименование</textarea>
    <textarea rows="3" cols="15"  name="chten"></textarea>
<br> Цена: <INPUT TYPE=text SIZE=5 NAME=age></BR> 
<input type="submit" value="Отправить">
</div>
</table>
 </fieldset>
</body>
</html>

Добавлено через 12 часов 21 минуту
так сложно что-ли?хоть пример киньте кто...

@kalabuni · 31.10.2012, 12:56

сложно, потому что вы непонятно изложили свои задачи
например, только по первой задаче у меня аж три неразрешимых без вашей помощи вопроса

Сообщение от correcеt

1)Написать script, в результате работы которого при попадании курсора мыши на элемент списка формы (1), в созданном текстовом поле (2) появляется соответствующее сообщение (3).

первое: есть общепринятое понятие список - это либо тег <select>, либо теги <ol> и <ul>
элементом списка можно назвать теги <option> в <select>'e или теги <li> в <ol> или <ul>
есть понятие элемент формы - это теги <button>, <input>, <textarea> и <select>
а вот что есть элемент списка формы?
с большой натяжкой можно было бы предположить, что так вы обозвали теги <option> внутри тега <select> формы, но... у вас в HTML-коде нет тега <select>
так что только лично вам известно, какой и для чего script вам нужен
а мы все в неведении

второе: что значит в созданном текстовом поле
кем созданном?
это поле уже имеется в HTML-коде или его надо скриптом создавать?
если имеется - то какое именно? - в вашем коде тегов <input type="text"> и <textarea> - несколько штук, поди догадайся, про какое именно текстовое поле вы написали?
если его скриптом надо создавать, в каком именно месте создавать - перед каким уже имеющимся тегом (или после какого)?

третье: какое такое соответствующее сообщение должно появиться?
чему именно оно должно соответствовать?
моему отношению к вам лично?
или моему мнению о политике России в отношении Гондураса?
-----

во второй задаче у вас тоже есть "чудо природы" - "строка формы" -- что это такое?
форма - это теги <form>...</form> и всё то, что внутри этих тегов

"правильно спросить - половина ответа" (с)пророк Мухаммед
-----

кроме того, есть вопросы по вашему HTML-коду

например, внутри тега <table> его прямыми потомками могут быть только табличные теги - <tbody>, <thead>, <tfoot>, <tr> (с <td> и <th> внутри), <caption>, <col> и <colgroup>
а у вас внутри вашего <table> чего только нет... только розочки с бантиком не хватает...
но нет ни одного из разрешённых табличных тегов
это не таблица - это сюр какой-то

@correcеt · 31.10.2012, 16:40 **[ТС]**

Сообщение от kalabuni

сложно, потому что вы непонятно изложили свои задачи
например, ...

Добавлено через 3 минуты
1)поехали: для первого пункта необходимо вывести сюда

при наведение курсора мыши на любой элемент формы,название этой формы должно выводится сюда

<textarea rows="3" cols="15" name="chten"></textarea>
2) на любой элемент формы,при наведение курсора мыши, цвет фона должен менятся уже без выведения в текстовое поле.
3)у меня тут всего две кнопки: и при нажатии на эти кнопки должно выводится сообщение
------------------------------------
и если что-то не так в коде(оформление) с вашей стороны было бы логично поравить и научить как надо

Добавлено через 44 минуты

Java
1
2
3
4
5
<script>$(document).ready(function(){
  
   $("input").mouseover(function(){$("input").css("color","#FF0000", "border","3px")});
});
</script>

нашел код для 2 пункта,но цвет фона не меняется((((

Добавлено через 39 минут

JavaScript
1
2
3
4
5
6
7
<script type="text/javascript">$(document).ready(function(){
  
   $("#for").mouseover(function(){$("#for").css("color","#FF0000", )});
   $("#but1").click(function(){alert(" Вы нажали на  кнопку!!");});
    $("#but2").click(function(){alert("Вы нажали на  кнопку!");});
});      
</script>

набросал скрипт,но он не работает....что не так?

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<html>
<head>
<span style="font-style:Times New Roman">
<title> Центр изучения потребительского спроса</title>
</span>
<script type="text/javascript">$(document).ready(function(){
  
   $("#for").mouseover(function(){$("#for").css("color","#FF0000", )});
   $("#but1").click(function(){alert(" Вы нажали на  кнопку!!");});
    $("#but2").click(function(){alert("Вы нажали на  кнопку!");});
});      
</script>
<LINK TYPE="text/css" REL="stylesheet" href="6.css">
<style type="text/css">
   </style>
</head>
<body>
 <fieldset>
<TABLE>
<form action="handler.php" method="post" target="_blank">
Название:<br>
<div onmouseover="chten" >
<input id="for" type="text" name="name" value=""  size="" maxlength="" class=""></br>
Фирма производитель:<br>
<input id="for" type="text" name="name"> <br>
<!--<input type="reset" value="Очистить форму">-->
<input type="reset" id="but1" value="Очистить форму"/>
 <!----------------------------------------------->
</br>
Концентрация:
<INPUT TYPE=radio NAME=gender VALUE= "checkl 1">не больше 100% 
<INPUT TYPE=radio NAME=gender VALUE="checkl 2">не меньше 50%
</form>
Категория:
<br>
<INPUT TYPE=radio NAME=gender VALUE=" checkl3">Нектар</br>
<INPUT TYPE=radio NAME=gender VALUE="checkl4">Сок</br>
 Способ приготовления: 
 <br>
 <input type=radio name=generator value="checkl5">Концентрированный сок<br>
  <input type=radio name=generator value="checkll6">Из свежих фруктов<br>
   <input type=radio name=generator value="checkl7">Из сухих материалов<br>
  Содержание заменителя сахара <input id="for" type=checkbox name=checkbox></input>
<input id="for" type="text" name="Наименование:" size="20%">
  <br><textarea rows="10" cols="15"  name="chten">Наименование</textarea>
    <textarea id="for" rows="3" cols="15"  name="chten"></textarea>
<br> Цена: <INPUT id="for" TYPE=text SIZE=5 NAME=age></BR> 
<!--<input type="submit" id="but1"value="Отправить">-->
<input type="submit" id="but2" value="Отправить"/>
</table>
 </fieldset>
</body>
</html>

CSS
1
2
3
4
5
body{ font:12pt sans-serif;line-height:15px;cursor:pointer;font-family:arial}
checkbox{border:3px ;}
fieldset{border:1px solid dark;width:40%;padding:0;margin:0;text-align:left;background: #AFEEEE;font:bold 10pt;line-height:12px}
div{padding:5px}
.for{border:2px solid red;}

@kalabuni · 31.10.2012, 17:02

Сообщение от correcеt

если что-то не так в коде(оформление) с вашей стороны было бы логично поравить и научить как надо

такого как вы учить - только портить

если я вас поправлю и научу, объяснив, что все HTML-теги делятся на две группы:
первая группа тегов - это теги заголовка документа, т.е. те, которые пишутся между <head> и </head>
вторая группа тегов - это теги, которые пишутся в теле документа, т.е., которые работают между <body> и </body>

и научу, что <title> - это "заголовочный" тег и у вас он находится в заголовке, что правильно
а вот <span> - это тег тела документа (из второй группы) и в заголовке ему не место

кроме того, если научу, что свойство стиля font-style имеет всего три возможных значения - normal, italic и oblique, а имя желаемого шрифта надо указывать в правиле для свойства стиля font-family, при этом названия шрифтов, состоящие из более чем одного слова, надо обязательно заключать в кавычки, вот так: style="font-family: 'Times New Roman'"

и дополнительно объясню, что влиять на шрифт тега <title> ещё никому в мире не удавалось, потому как его гарнитура и размер "насмерть вшиты" в движок браузера
...

если я всё это сделаю, то вы же больше не будете творить такие "суперконструкции", как сейчас есть у вас:

HTML5
1
2
3
4
5
6
<head>
<span style="font-style:Times New Roman">
<title> Центр изучения потребительского спроса</title>
</span>
...
</head>

вам лично будет ни лучше, ни хуже, а я вот потеряю повод для тридцати секунд здорового смеха

@correcеt · 31.10.2012, 17:25 **[ТС]**

я только учусь, вам повезло, когда вы родились...еще тогда в утробе матери, у вас было заложено знание HTML/css/js.Я вас поздравляю!

@kalabuni · 31.10.2012, 17:29

когда учителя вам в школе ставили двойки, вы их тоже поздравляли с тем, что они "в утробе матери" уже знали теорему Пифагора и правила правописания?

учиться можно на отлично, на хорошо, на удовлетворительно и на неудовлетворительно

вы учитесь, увы, - отвратительно

@correcеt · 31.10.2012, 17:33 **[ТС]**

я только учусь, вам повезло, когда вы родились...еще тогда в утробе матери, у вас было заложено знание HTML/css/js.Я вас поздравляю!

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

JavaScript
1
2
3
4
5
<SCRIPT LANGUAGE="JavaScript">
function onPush() {
alert("Вы отправили заявку!");
} 
</script>

это код для пункта:
3)Написать script, который при нажатии на кнопку формы выводит сообщение.
-------------------------------
Это код для пункта:
2)Написать script, который при наведении курсора на строку формы изменял цвет её фона.
---------------------------------
Но с этим пунктом пока проблема:1)Написать script, в результате работы которого при попадании курсора мыши на элемент списка формы, в созданном текстовом поле появляется соответствующее сообщение.
(Необходимо при попадании курсора мыши, на любой элемент формы, выводить сообщение с название этой формы в данное текстовое поле:

HTML5
1
<textarea  rows="3" cols="15"  name="pole"</textarea>

)

Добавлено через 1 минуту

Сообщение от kalabuni

когда учителя вам в школе ставили двойки, вы их тоже поздравляли с тем, что они "в утробе матери" уже знали теорему Пифагора и правила правописания?

учиться можно на отлично, на хорошо, на удовлетворительно и на неудовлетворительно

вы учитесь, увы, - отвратительно

ваши понты и пафос только для вас лично!
Я попросил помощи в задаче,а вы лучше бы помогли нежели искали к чему придраться

@kalabuni · 31.10.2012, 17:45

вы ошибаетесь
нет у меня никаких понтов и пафоса

не надо перекладывать с больной головы на здоровую
------

все и всегда учатся по принципу - "от простого к сложному"

полагаю, что вы не будете спорить с тем, что любому человеку сначала надо последовательно освоить четыре правила арифметики, затем постичь алгебру и геометрию, пройти курс высшей математики и только потом переходить к поиску решений любой из ещё нерешённых проблем Гильберта

также и в веб-программировании
сначала надо освоить HTML
затем надо освоить CSS
и только потом переходить к javascript'у
чтобы решать задачи динамического изменения HTML-страниц

вам же хочется всего и сразу
а это - не обучение
это - именно ваши понты и ваш пафос
вы себя полагаете настолько крутым, что лезете решать задачи академического уровня, не усвоив таблицу умножения

@correcеt · 01.11.2012, 18:01 **[ТС]**

Сообщение от kalabuni

вы ошибаетесь
нет у меня никаких понтов и пафоса

не надо перекладывать с больной головы на здоровую
------

все и всегда учатся по принципу - "от простого к сложному"

полагаю, что вы не будете спорить с тем, что любому человеку сначала надо последовательно освоить четыре правила арифметики, затем постичь алгебру и геометрию, пройти курс высшей математики и только потом переходить к поиску решений любой из ещё нерешённых проблем Гильберта

также и в веб-программировании
сначала надо освоить HTML
затем надо освоить CSS
и только потом переходить к javascript'у
чтобы решать задачи динамического изменения HTML-страниц

вам же хочется всего и сразу
а это - не обучение
это - именно ваши понты и ваш пафос
вы себя полагаете настолько крутым, что лезете решать задачи академического уровня, не усвоив таблицу умножения

Добавлено через 1 минуту
1)Написать script, в результате работы которого при попадании курсора мыши на элемент списка формы, в созданном текстовом поле появляется соответствующее сообщение.
(Необходимо при попадании курсора мыши, на любой элемент формы, выводить сообщение с название этой формы в данное текстовое поле:
Код HTML
1
<textarea rows="3" cols="15" name="pole"</textarea>
как решить...кто знает..

Добавлено через 21 час 38 минут
люди,помогите плиз, вот набросал код....

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
1
var id1 = document.getElementById("id1"), id2 = document.getElementById("id2"); // обращение к первому и второму div-ам по идентификатору
2
 
3
id1.onmouseover = function () { // событие (функция) по наведению мыши на первый div
4
 
5
    id2.innerHTML = "заданный <b>html</b> код"; // innerHTML задает html-код (в данном случае второму div-у)
6
}
7
id1.onmouseout = function () { // событие по уходу с элемента мыши
8
    id2.innerHTML = ""; // убираем текст со второго div-a
9
}

но он не выводит форму (название в текстовое поле)

Новые блоги и статьи Все статьи Все блоги /
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .

@correcеt -1 / 3 / 1 Регистрация: 20.04.2011 Сообщений: 412
	31.10.2012, 17:25 [ТС]
	я только учусь, вам повезло, когда вы родились...еще тогда в утробе матери, у вас было заложено знание HTML/css/js.Я вас поздравляю! 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	31.10.2012, 17:29
	когда учителя вам в школе ставили двойки, вы их тоже поздравляли с тем, что они "в утробе матери" уже знали теорему Пифагора и правила правописания? учиться можно на отлично, на хорошо, на удовлетворительно и на неудовлетворительно вы учитесь, увы, - отвратительно 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	31.10.2012, 17:45
	вы ошибаетесь нет у меня никаких понтов и пафоса не надо перекладывать с больной головы на здоровую ------ все и всегда учатся по принципу - "от простого к сложному" полагаю, что вы не будете спорить с тем, что любому человеку сначала надо последовательно освоить четыре правила арифметики, затем постичь алгебру и геометрию, пройти курс высшей математики и только потом переходить к поиску решений любой из ещё нерешённых проблем Гильберта также и в веб-программировании сначала надо освоить HTML затем надо освоить CSS и только потом переходить к javascript'у чтобы решать задачи динамического изменения HTML-страниц вам же хочется всего и сразу а это - не обучение это - именно ваши понты и ваш пафос вы себя полагаете настолько крутым, что лезете решать задачи академического уровня, не усвоив таблицу умножения 0