При наведении курсора на изображение, в поле должен появиться поясняющий текст. html

@vicka12 · Регистрация: 23.10.2016

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

Пожалуйста,очень прошу помощи. Не судите строго, я плохо разбираюсь в решении подобный задач. Я только учись. Почти все сделала осталось 4 задания, которые не в какую не получаются.
Задание 1. . В задании при наведении курсора мыши на фото автомобиля, в текстовом поле
формы появляется сообщение о его марке и стоимости. При уведении курсора в
сторону сообщение исчезает. Рисунки: bmw.jpg, Chevrolet.jpg, Infiniti.jpg, RENAULT.jpg. Фон
страницы любой светлый. Цвет текста темный, но не черный.
В архиве: Файл задание1.html это моя неумела попытка решить задачу; Файл Пример1.html, Пример2.html Это уже решенные похожие задачи.

@kalabuni · 23.10.2016, 11:38

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

Не судите строго, я плохо разбираюсь в решении подобный задач. Я только учись. Почти все сделала осталось 4 задания, которые не в какую не получаются.

судя по тому как вы учились в школе , вам совершенно не стоит учиться программированию -- всё равно ничего не получится (если мы можем, несмотря на дикое количество ваших ошибок, всё же понять смысл вами написанного, то браузеры такими интеллектуальными способностями, увы, не обладают)

@smart-drone · 23.10.2016, 12:19

vicka12, ну загугли css tooltip, в чем проблема

@Fedor92 · 23.10.2016, 13:33

Сообщение от smart-drone

в чем проблема

Проблема в том, что это надо делать не тултипами, а с помощью js...

@smart-drone · 23.10.2016, 13:41

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

Проблема в том, что это надо делать не тултипами, а с помощью js...

Заблуждение. Простое делается просто, а в данном случае псевдоклассом hover. JavaScript тут не при чем. Читаем текст задания.

@vicka12 · 23.10.2016, 13:48 **[ТС]**

Ребят, не спорьте. Спасибо за участие в моей проблеме. smart-drone,огромное спасибо за совет. Я все сделаю своими силами, можете закрыть мои темы. Я может и дура, но пару дней без сна и предполагаю еще пару дней мне хватит чтоб все сделать самой.

@Fedor92 · 23.10.2016, 14:28

Сообщение от smart-drone

Читаем текст задания.

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

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

Я его ещё с утра прочитал, когда тему переносил...

Вам подчеркнуть словосочетание "Текстовое поле"? Не текстовые поля, оно одно и в нём меняется название марки и цена(скрин 5)...

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

Пример2.html Это уже решенные похожие задачи.

Откройте файлик то, там заголовок красноречивый...

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

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

Я все сделаю своими силами, можете закрыть мои темы

Мы темы не закрываем, может кто-то таки даст ответ...

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

Я может и дура, но пару дней без сна и предполагаю еще пару дней мне хватит чтоб все сделать самой.

Главное запомните, что все Ваши задания надо делать с использованием javascript, кто бы чего не говорил... Удачи в разработках...

Так и быть сделал один примерчик, если Вы утверждаете, что можете оптимизировать вот Вам задача на оптимизацию:

PHP/HTML

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        img{width: 320px; height: 260px; padding:10px}
    </style>
</head>
<body>
    <div class="wrap">
        <img src="https://www.cyberforum.ru/images/Chevrolet.jpg" onmouseover="document.getElementById('Text').value='Шевроле'" onmouseout="document.getElementById('Text').value=''">
        <img src="https://www.cyberforum.ru/images/BMW.jpg" onmouseover="document.getElementById('Text').value='БМВ'" onmouseout="document.getElementById('Text').value=''"><br>
        <img src="https://www.cyberforum.ru/images/Infiniti.jpg" onmouseover="document.getElementById('Text').value='Инфинити'" onmouseout="document.getElementById('Text').value=''">
        <img src="https://www.cyberforum.ru/images/RENAULT.jpg" onmouseover="document.getElementById('Text').value='Рено'" onmouseout="document.getElementById('Text').value=''"><br>
        <input type="text" id="Text">
    </div>
</body>
</html>

Картинки только свои подставьте... Посмотрим на что Вы способны...

@vicka12 · 23.10.2016, 14:55 **[ТС]**

Не ожидала помощи. Спасибо. Задача работает идеально.

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	23.10.2016, 11:38	2
	Сообщение от vicka12 Не судите строго, я плохо разбираюсь в решении подобный задач. Я только учись. Почти все сделала осталось 4 задания, которые не в какую не получаются. судя по тому как вы учились в школе , вам совершенно не стоит учиться программированию -- всё равно ничего не получится (если мы можем, несмотря на дикое количество ваших ошибок, всё же понять смысл вами написанного, то браузеры такими интеллектуальными способностями, увы, не обладают) 1

@smart-drone 22 / 18 / 14 Регистрация: 07.01.2016 Сообщений: 70
	23.10.2016, 12:19	3
	vicka12, ну загугли css tooltip, в чем проблема 0

@Fedor92 2964 / 2599 / 1068 Регистрация: 15.12.2012 Сообщений: 9,876 Записей в блоге: 11
	23.10.2016, 13:33	4
	Сообщение от smart-drone в чем проблема Проблема в том, что это надо делать не тултипами, а с помощью js... 0

@smart-drone 22 / 18 / 14 Регистрация: 07.01.2016 Сообщений: 70
	23.10.2016, 13:41	5
	Сообщение от Fedor92 Проблема в том, что это надо делать не тултипами, а с помощью js... Заблуждение. Простое делается просто, а в данном случае псевдоклассом hover. JavaScript тут не при чем. Читаем текст задания. 0

@vicka12 0 / 0 / 0 Регистрация: 23.10.2016 Сообщений: 9
	23.10.2016, 13:48 [ТС]	6
	Ребят, не спорьте. Спасибо за участие в моей проблеме. smart-drone,огромное спасибо за совет. Я все сделаю своими силами, можете закрыть мои темы. Я может и дура, но пару дней без сна и предполагаю еще пару дней мне хватит чтоб все сделать самой. 0

@vicka12 0 / 0 / 0 Регистрация: 23.10.2016 Сообщений: 9
	23.10.2016, 14:55 [ТС]	8
	Не ожидала помощи. Спасибо. Задача работает идеально. 0

При наведении курсора на изображение, в поле должен появиться поясняющий текст. html

Решение