+ Ответить в теме
Показано с 1 по 2 из 2

Тема: Pop-up окно при нажатии на td

  1. #1
    Новичок Artpohen на пути к лучшему Аватар для Artpohen
    Регистрация
    22.11.2018
    Сообщений
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Вопрос Pop-up окно при нажатии на td

    Доброго времени суток, уважаемые форумчане!

    Прошу помощи, есть код раскрывающегося окна со стилями:


    <div class="demo">

    <input type="checkbox" id="hd-1" class="hide"/>

    <label for="hd-1"><b>Посмотреть все решения</b></label>
    <div>

    <table>

    <tr>

    <td Транспорт</td>

    <td>Ретейл</td>

    <td>ТРЦ</td>

    <td >Массовые мероприятия</td>

    </tr>

    <tr>

    </table>

    </ul>

    </div>

    </div>



    <style> .hide { display: none; }

    .hide + label ~ div{ display: none; }

    .hide + label { border-bottom: 1px dotted green; padding: 0; color: black; cursor: pointer; display: inline-block; font-family: Roboto, Sans-Serif; }

    .hide:checked + label { color: black; border-bottom: 0; }

    .hide:checked + label + div { display: block; background: #efefef; padding: 10px; } .demo { margin: 1% 21%; width: 45%; }

    table { font-family: "Roboto","Roboto", Sans-Serif; border-collapse: collapse; color: #686461; }

    caption { padding: 10px; color: white; background: #8FD4C1; font-size: 18px; text-align: left; font-weight: bold; }

    th { border-bottom: 3px solid #B9B29F; padding: 10px; text-align: left; }

    td { padding-left: 45px; padding-top: 10px; color: #000000; text-decoration: none; } td:visited { color: #C0C0C0; }

    td:hover { color: #000000; text-decoration: underline; } }

    tr:nth-child(odd) { background: white; } tr:nth-child(even) { background: white; } </style>

    Необходимо по нажатию на ссылку (ячейку таблицы), любую из выпадающего списка, открывать pop-up окно, всю голову сломал...

  2. #2
    Местный Degradator скоро придёт к известности Аватар для Degradator
    Регистрация
    02.07.2012
    Сообщений
    1,939
    Thanks
    141
    Thanked 144 Times in 144 Posts
    Напишите вот сюда
    http://www.html.by/forums/47-Pomogite!

+ Ответить в теме

Похожие темы

  1. Обновление div при нажатии на кнопку
    от Dima888 в разделе JavaScript
    Ответов: 23
    Последнее сообщение: 01.11.2012, 15:59
  2. php по нажатии button
    от Anuar в разделе PHP
    Ответов: 12
    Последнее сообщение: 16.03.2012, 21:28
  3. Ответов: 2
    Последнее сообщение: 22.08.2011, 17:45
  4. Новое окно при нажатии на ссылку
    от vasvas7775 в разделе HTML
    Ответов: 4
    Последнее сообщение: 10.12.2010, 21:58
  5. Закрыть окно при нажатии
    от NezzarD в разделе HTML
    Ответов: 2
    Последнее сообщение: 06.04.2009, 11:36

Метки этой темы

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения