Просмотр темы
Кроссбраузерный Спойлер в любом месте сайта. НЕ bb-код
|
|
Truth_Explorer |
Опубликовано 29.05.2011 12:59
|
Администратор Журналисты Персонал сайта Сообщений: 266 Зарегистрирован: 17.11.2010 13:01 |
Итак, предлагаю реализацию спойлера. Его можно использовать не только на форумах, но и в любом месте на сайте. bb-коды НЕ используются. Пример реализации можно посмотреть на одном из моих сайтов, например здесь http://www.kkm-sp.../scanners/ (нажмите на СПРАВОЧНАЯ ИНФОРМАЦИЯ ПО СКАНЕРАМ ШТРИХКОДОВ) Сделаем аккуратный и простой спойлер на основе библиотеки jQuery. Спойлер - это способ прикрыть некоторую информацию от глаз посетителя, чтоб не отвлекать его от основного материала. Пользователь может посмотреть, что находится в спойлере одним кликом мыши и так же может его снова закрыть. Открываем директорию и в header.php прописываем следующий скрипт: echo "<script type='text/javascript'> ВАЖНО: прописать скрипт необходимо после объявления jquery.js. В идеале в самом конце, перед закрывающим </head> Теперь нужно подготовить класс, который будет скрывать содержимое спойлера. Его нужно вписать в файл css-стилей: Открываем и в самый конец добавляем Ремарочка: естественно, стиль спойлера можно изменить :) Теперь всё готово. Для вставки в любое место используем следующий код: <div><a href="javascript://" class="splLink">Спойлер...</a><div class="splCont"> Изменил(а) Truth_Explorer, 29.05.2011 13:18 |
|
|
yury |
Опубликовано 29.05.2011 18:16
|
Супер Администратор Сообщений: 1051 Зарегистрирован: 26.07.2010 13:12 |
не хватает, плюсика, когда спойлер свернут и минусика, когда спойлер развернут. всеже для визуального восприятия это будет понятнее, а то я бы не понял, что его можно развернуть |
|
|
Alipapa |
Опубликовано 29.05.2011 18:50
|
Опытный пользователь Сообщений: 243 Зарегистрирован: 02.11.2010 13:13 |
Не надо лишний раз модить header.php, используйте add_to_head(). |
|
Поделиться этой темой | |
Социальные закладки: | |
URL: | |
BBcode: | |
HTML: |
Перейти на форум: |