С Новым годом! Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.75/8: Рейтинг темы: голосов - 8, средняя оценка - 4.75
1 / 1 / 1
Регистрация: 28.07.2012
Сообщений: 80
1

Спойлер

02.04.2014, 23:54. Показов 1637. Ответов 2
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Всем доброго вечера, подскажите как сваять спойлер на js?
Спойлер должен показывать скрытый текст(ссылки), но при нажатии, он должен переходить на определенную ссылку и когда переход произошел, он должен оставаться раскрытым.
Спасибо за понимание и помощь
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
02.04.2014, 23:54
Ответы с готовыми решениями:

Спойлер на JS
Есть два спойлера: function ShowOrHide(a){var...

Спойлер
Как с помощью js/jquerry сделать спойлер? Нужно заспойлерить данные строки (за исключением...

Спойлер
Как сделать чтоб он был по вертикали а не горизонтали, тоисть на подобии дерева <a...

Спойлер
Как написать ссылку, по нажатию на которую под ней отобразится абзац текста, а по повторному клику...

2
66 / 64 / 10
Регистрация: 16.07.2010
Сообщений: 287
03.04.2014, 01:24 2
Voshre, Странный у вас вопрос. Вы бы тогда сразу писали напишите мне скрипт спойлера. Есть множество готовых решений в интернете. пользуйте, но не под именно ваши нужды- всё надо допиливать под себя. Я незнаю неодного готового решения которое отвечало бы моему заказчику на 100% - у каждого свой вид и доработаки.
1
1 / 1 / 1
Регистрация: 28.07.2012
Сообщений: 80
03.04.2014, 22:24  [ТС] 3
Лучший ответ Сообщение было отмечено Voshre как решение

Решение

Спасибо за совет, порыскаю в интернете, если что к вам прибегу спрашивать))

Добавлено через 13 часов 13 минут
Я как понял можно куки использовать или некое подобие "локального хранилища", подскажите, как реализовать переменную, в которой будет хранится "флаг" того, что надо держать открытым данный спойлер.

Javascript
1
2
3
4
<div class="smallfont"><input class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') 
{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } 
else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = '1234'; }" 
type="button" value="1234" /></div>
0
03.04.2014, 22:24
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
03.04.2014, 22:24
Помогаю со студенческими работами здесь

Спойлер!!!
Привет всем!!!! Как сделать спойлер такого вида Тут текст???? Просто делаю страницу в HTML, а...

Вкладки+спойлер
Здравствуйте,нужна помощь. Движок сайта DLE 10.0 Решил сделать красивые вкладки для сайта, все...

Спойлер с памятью
Всем доброго дня, очень нужен спойлер с памятью, т.е. если открыл то он остается открытым после...

Iframe в спойлер
Здравствуйте форумчане. Подскажите пожалуйста, возможно ли сделать спойлер таким образом, чтобы...

бб коды (спойлер)
Подскажите как можно обработать бб код спойлера скрытый текст что бы на 1 странице было...

Спойлер на html
Здравствуйте, мне нужно что б при нажатии любого из блоков ( на изображении) открывался текст. Как...


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Книги и учебные ресурсы по C#
InfoMaster 08.01.2025
Базовые учебники и руководства Одной из лучших книг для начинающих является "C# 10 и . NET 6 для начинающих" Эндрю Троелсена и Филиппа Джепикса . Книга последовательно раскрывает основные концепции. . .
Что такое NullReferenceEx­­­ception и как исправить?
InfoMaster 08.01.2025
NullReferenceException - одно из самых распространенных исключений, с которым сталкиваются разработчики на C#. Это исключение возникает при попытке обратиться к членам объекта (методам, свойствам или. . .
Что такое Null Pointer Exception (NPE) и как это исправить?
InfoMaster 08.01.2025
Null Pointer Exception (NPE) - это одно из самых распространенных исключений в Java, которое возникает при попытке использовать ссылку на объект, значение которой равно null. Это исключение относится. . .
Русский язык в консоли C++
InfoMaster 08.01.2025
При разработке программ на C++ одной из частых проблем, с которой сталкиваются русскоязычные программисты, является корректное отображение кириллицы в консольных приложениях. Эта проблема особенно. . .
Telegram бот на C#
InfoMaster 08.01.2025
Разработка ботов для Telegram стала неотъемлемой частью современной экосистемы мессенджеров. C# предоставляет мощный и удобный инструментарий для создания разнообразных ботов, от простых. . .
Использование GraphQL в Go (Golang)
InfoMaster 08.01.2025
Go (Golang) является одним из наиболее популярных языков программирования, используемых для создания высокопроизводительных серверных приложений. Его архитектурные особенности и встроенные. . .
Что лучше использовать при создании класса в Java: сеттеры или конструктор?
Alexander-7 08.01.2025
Вопрос подробнее: На вопрос: «Когда одновременно создаются конструктор и сеттеры в классе – это нормально?» куратор уточнил: «Ваш класс может вообще не иметь сеттеров, а только конструктор и геттеры. . .
Как работать с GraphQL на TypeScript
InfoMaster 08.01.2025
Введение в GraphQL и TypeScript В современной разработке веб-приложений GraphQL стал мощным инструментом для создания гибких и эффективных API. В сочетании с TypeScript, эта технология. . .
Счётчик на базе сумматоров + регистров и генератора сигналов согласования.
Hrethgir 07.01.2025
Создан с целью проверки скорости асинхронной логики: ранее описанного сумматора и предополагаемых fast регистров. Регистры созданы на базе ранее описанного, предполагаемого fast триггера. То-есть. . .
Как перейти с Options API на Composition API в Vue.js
BasicMan 06.01.2025
Почему переход на Composition API актуален В мире современной веб-разработки фреймворк Vue. js продолжает эволюционировать, предлагая разработчикам все более совершенные инструменты для создания. . .
Архитектура современных процессоров
inter-admin 06.01.2025
Процессор (центральный процессор, ЦП) является основным вычислительным устройством компьютера, которое выполняет обработку данных и управляет работой всех остальных компонентов системы. Архитектура. . .
История создания реляционной модели баз данных, правила Кодда
Programming 06.01.2025
Предпосылки создания реляционной модели В конце 1960-х годов компьютерная индустрия столкнулась с серьезными проблемами в области управления данными. Существовавшие на тот момент модели данных -. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru