Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.04.2016, 12:39
Новичок на форуме
Отправить личное сообщение для vikey Посмотреть профиль Найти все сообщения от vikey
 
Регистрация: 26.04.2016
Сообщений: 1

При открытии стр. выделить select и вывести подсказку
Передо мной стоит следующая задача:
Пользователь отрывает странице на которой нужно выбрать в select2 опцию. Я хочу сделать так, чтобы при открытии этой страницы select2 выделялся (рамкой, например красного цвета) и выскакивала подсказка , что нужно выбрать здесь для отображения точной инфы.

Ребята я новичок и не могу найти нигде решение которое бы мне подошло. Помогите хотя бы в какую стороны рыть или с помощью чего это можно сделать.
Ответить с цитированием
  #2 (permalink)  
Старый 26.04.2016, 18:14
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

vikey,
<!DOCTYPE html>
<html>
<head>
    <title>Untitled Page</title>
</head>
<style>
    .fx { position: fixed; }
</style>
<script>
    window.addEventListener("DOMContentLoaded", setFixPosition);
    function setFixPosition() {
        var elem = document.querySelector(".fx"),
            html = document.documentElement;
        elem.style.width = "200px";
        elem.style.height = "150px";
        elem.style.left = html.clientWidth/2 - 100 + "px";
        elem.style.top = html.clientHeight/2 - 75 + "px";
        elem.style.border = "2px solid red";
        elem.style.zindex = '100';
        elem.style.background = "white";
        document.getElementById("select2").onchange = function () { elem.style.display="none" }
     };

</script>
<body>
  <table>
    <tr><td>Много всякой фигни</td><td>Много всякой фигни</td><td>Много всякой фигни</td><td>Много всякой фигни</td></tr>
    <tr><td>Много всякой фигни</td><td>Много всякой фигни</td><td>Много всякой фигни</td><td>Много всякой фигни</td></tr>
    <tr><td>Много всякой фигни</td><td>Много всякой фигни</td><td>Много всякой фигни</td><td>Много всякой фигни</td></tr>
    <tr><td>Много всякой фигни</td><td>Много всякой фигни</td><td>Много всякой фигни</td><td>Много всякой фигни</td></tr>
    <tr><td>Много всякой фигни</td><td>Много всякой фигни</td><td>Много всякой фигни</td><td>Много всякой фигни</td></tr>
    <tr><td>Много всякой фигни</td><td>Много всякой фигни</td><td>Много всякой фигни</td><td>Много всякой фигни</td></tr>
    <tr><td>Много всякой фигни</td><td>Много всякой фигни</td><td>Много всякой фигни</td><td>Много всякой фигни</td></tr>
    <tr><td>Много всякой фигни</td><td>Много всякой фигни</td><td>Много всякой фигни</td><td>Много всякой фигни</td></tr>
    <tr><td>Много всякой фигни</td><td>Много всякой фигни</td><td>Много всякой фигни</td><td>Много всякой фигни</td></tr>
    <tr><td>Много всякой фигни</td><td>Много всякой фигни</td><td>Много всякой фигни</td><td>Много всякой фигни</td></tr>
    <tr><td>Много всякой фигни</td><td>Много всякой фигни</td><td>Много всякой фигни</td><td>Много всякой фигни</td></tr>
    <tr><td>Много всякой фигни</td><td>Много всякой фигни</td><td>Много всякой фигни</td><td>Много всякой фигни</td></tr>
  </table>
    <div class="fx">
        Обязательно выберите что-нибудь
        <select id="select2">
            <option disabled selected>Выберите вариант</option>
            <option  value="11">первый</option>
            <option  value="22">второй</option>
            <option  value="33">третий</option>
            <option  value="44">четвертый</option>
        </select>
    </div>
</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вывод изображений и описания при выборе пункта select gustovskiy Элементы интерфейса 31 28.11.2010 01:17
Как сделать? При выходе мышкой за пределы окна браузера, начинает грузится другая стр alb Events/DOM/Window 13 01.09.2010 12:19
при выборе в 1-ом select соот.-щая инф. отображается в другом select celencer Общие вопросы Javascript 1 24.05.2009 20:38
Вывод данных единожды, при открытии окна? Ggorsh Events/DOM/Window 1 28.04.2009 01:04
как при открытии окна закрыть предыдущее Евдокимова Events/DOM/Window 3 16.09.2008 17:12