Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.75/8: Рейтинг темы: голосов - 8, средняя оценка - 4.75
vicka12
0 / 0 / 0
Регистрация: 23.10.2016
Сообщений: 8
#1

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

23.10.2016, 02:02. Просмотров 1537. Ответов 7
Метки нет (Все метки)

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

При наведении курсора на изображение, в поле должен появиться  поясняющий текст. html   При наведении курсора на изображение, в поле должен появиться  поясняющий текст. html  
Вложения
Тип файла: rar Desktop.rar (1.7 Кб, 18 просмотров)
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
23.10.2016, 02:02
Ответы с готовыми решениями:

Изображение разбито на сегмента с помощью map, при наведении на сегмент он должен потемнеть
Здравствуйте, есть изображение, которое разбито на сегмента с помощью map, при...

При наведении курсора мыши на картинку ее изображение должно меняться на другое
1. По нажатию на кнопку button_1 пользователь получает одно из трех сообщений:...

При вводе в одно поле, текст должен появляться в другом поле
как это сделать напомните пожалуиста

При наведении курсора на картинку
Добрый вечер! К сути: Хотелось сделать так, чтобы при наведении курсора на...

Смена курсора при наведении
Есть код на jQuery, создающий простой спойлер на странице. Недостаток в том,...

7
kalabuni
Нарушитель
3233 / 2558 / 614
Регистрация: 18.04.2012
Сообщений: 7,695
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
Человек из 90-х
Эксперт HTML/CSS
2635 / 2279 / 1017
Регистрация: 15.12.2012
Сообщений: 8,434
Записей в блоге: 1
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
Сообщений: 8
23.10.2016, 13:48  [ТС] #6
Ребят, не спорьте. Спасибо за участие в моей проблеме. smart-drone,огромное спасибо за совет. Я все сделаю своими силами, можете закрыть мои темы. Я может и дура, но пару дней без сна и предполагаю еще пару дней мне хватит чтоб все сделать самой.
0
Fedor92
Человек из 90-х
Эксперт HTML/CSS
2635 / 2279 / 1017
Регистрация: 15.12.2012
Сообщений: 8,434
Записей в блоге: 1
23.10.2016, 14:28 #7
Лучший ответ Сообщение было отмечено Fedor92 как решение

Решение

Цитата Сообщение от smart-drone Посмотреть сообщение
Читаем текст задания.
Цитата Сообщение от vicka12 Посмотреть сообщение
В задании при наведении курсора мыши на фото автомобиля, в текстовом поле
формы появляется сообщение о его марке и стоимости
Я его ещё с утра прочитал, когда тему переносил... Вам подчеркнуть словосочетание "Текстовое поле"? Не текстовые поля, оно одно и в нём меняется название марки и цена(скрин 5)...
Цитата Сообщение от vicka12 Посмотреть сообщение
Пример2.html Это уже решенные похожие задачи.
Откройте файлик то, там заголовок красноречивый...

Добавлено через 7 минут
Цитата Сообщение от vicka12 Посмотреть сообщение
Я все сделаю своими силами, можете закрыть мои темы
Мы темы не закрываем, может кто-то таки даст ответ...
Цитата Сообщение от vicka12 Посмотреть сообщение
Я может и дура, но пару дней без сна и предполагаю еще пару дней мне хватит чтоб все сделать самой.
Главное запомните, что все Ваши задания надо делать с использованием javascript, кто бы чего не говорил... Удачи в разработках...

Так и быть сделал один примерчик, если Вы утверждаете, что можете оптимизировать вот Вам задача на оптимизацию:
PHPHTML
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="http://www.cyberforum.ru/images/Chevrolet.jpg" onmouseover="document.getElementById('Text').value='Шевроле'" onmouseout="document.getElementById('Text').value=''">
        <img src="http://www.cyberforum.ru/images/BMW.jpg" onmouseover="document.getElementById('Text').value='БМВ'" onmouseout="document.getElementById('Text').value=''"><br>
        <img src="http://www.cyberforum.ru/images/Infiniti.jpg" onmouseover="document.getElementById('Text').value='Инфинити'" onmouseout="document.getElementById('Text').value=''">
        <img src="http://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>
Картинки только свои подставьте... Посмотрим на что Вы способны...
0
vicka12
0 / 0 / 0
Регистрация: 23.10.2016
Сообщений: 8
23.10.2016, 14:55  [ТС] #8
Не ожидала помощи. Спасибо. Задача работает идеально.
0
23.10.2016, 14:55
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
23.10.2016, 14:55

Появление блока при наведении курсора
&lt;!DOCTYPE HTML&gt; &lt;html lang=&quot;ru-RU&quot;&gt; &lt;head&gt; &lt;title&gt;...&lt;/title&gt; ...

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

Выделение текста при наведении курсора
Здравствуйте. Я не совсем уверен, что пишу на нужную ветку форума (не уверен,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru