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

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

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

Пожалуйста,очень прошу помощи. Не судите строго, я плохо разбираюсь в решении подобный задач. Я только учись. Почти все сделала осталось 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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!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 **[ТС]**

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

Новые блоги и статьи Все статьи Все блоги /
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20%	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .	Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .

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

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

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

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

Решение