Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
0 / 0 / 1
Регистрация: 12.02.2016
Сообщений: 20

При нажатии на другую ссылку див с первой должен скрываться

21.07.2016, 17:37. Показов 762. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
как сделать, что бы при нажатии на вторую ссылку всплывающее окно с первой ссылки стало "display: none;"

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<div class="cattop">
                    <div class="cat_top_nameone"><a href="#" class="readmore_btn" onclick="var block=document.getElementById('readmore_block'); if(block.className=='stocke'){block.className='stocke2';}else{block.className='stocke';}; return false;"><p>Организатор<br>праздников</p></a></div>
<div id="readmore_block" class="stocke"><center><img src="file_dr/images/big_logo.png"></center><br>Микрофон, сцена, дети - тебя не пугают эти слова и ты все еще здесь? Мы дадим тебе шанс оторваться по полной. Творческие выступления, детские шоу-программы, фестивали и настоящий кураж - гарантируем! Если ты заряжен на все 100% и у тебя в голове множество идей - присоединяйся к нашей команде!</div>
                    
                    <div class="cat_top_nametwo"><a href="#" class="readmore_btn" onclick="var block=document.getElementById('readmore_block1'); if(block.className=='stocke'){block.className='stocke2';}else{block.className='stocke';}; return false;"><p>АНИМАТОРЫ</p></a></div>
<div id="readmore_block1" class="stocke"><center><img src="file_dr/images/big_logo.png"></center><br>Любишь детей, готов обучаться и стремишься к постоянному профессиональному развитию? Стань частью команды KidsWill! Мы используем только инновационные методики работы с детьми и готовы научить тебя. Гарантируем уникальную возможность получить передовой опыт, официальное трудоустройство, гибкий график, соц. пакет и дружескую атмосферу!</div>
                    
                    <div class="cat_top_namethree"><a href="#" class="readmore_btn" onclick="var block=document.getElementById('readmore_block2'); if(block.className=='stocke'){block.className='stocke2';}else{block.className='stocke';}; return false;"><p>Аниматоры <br>ВЫХОДНОГО<br> ДНЯ</p></a></div>
<div id="readmore_block2" class="stocke"><center><img src="file_dr/images/big_logo.png"></center><br>Имеешь опыт работы с детьми и  не представляешь свой выходной день без приключений и веселья?
Тогда это предложение именно для тебя:
Присоединяйся к команде аниматоров выходного дня - отдыхай и зарабатывай вместе с KidsWill!
</div>
 
                    <div class="cat_top_namefour"><a href="#" class="readmore_btn" onclick="var block=document.getElementById('readmore_block3'); if(block.className=='stocke'){block.className='stocke2';}else{block.className='stocke';}; return false;"><p>Программа <br>стажировки</p></a></div>
<div id="readmore_block3" class="stocke"><center><img src="file_dr/images/big_logo.png"></center><br>Хочешь построить успешную карьеру в сфере досуга и не знаешь с чего начать? Присоединяйся к программе стажировки и стань частью KidsWill. У нас ты получишь не только уникальный опыт, но и удовольствие от своей работы! Стажировка в KidsWill - это обучение на практике и гарантированные рабочие места.
Если ты выпускник или студент последних курсов, активный, целеустремленный, ответственный, нацеленный на результат и хочешь работать с детьми - тогда тебе к нам!
</div>
                    
        </div>
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
21.07.2016, 17:37
Ответы с готовыми решениями:

При нажатии элемент должен скрываться, но этого не происходит
При нажатии на один из вариантов input type=&quot;radio&quot; хочу чтобы выбранный элемент скрывался, но это не происходит. Что не так? Как...

Переход на другую страницу при нажатии на ссылку
привет всем, помогите пожалуйста, у меня есть 2 базы которые связаны между собой группа и студент, мне нужно чтоб при нажатия на ссылку...

POST переменные при нажатии на ссылку и при переходе на другую страницу
Как сделать так, чтобы при нажатии на ссылку и при переходе на другую страницу были доступны $_POST переменные (например listbox)?

5
20 / 20 / 11
Регистрация: 12.07.2015
Сообщений: 350
21.07.2016, 18:44
JavaScript
1
document.getElementById("ID элемента, который нужно скрыть").style.display = "none";
Прикрутите это туда, куда вам надо.
0
0 / 0 / 1
Регистрация: 12.02.2016
Сообщений: 20
21.07.2016, 18:48  [ТС]
если не известно какой ID открыт , имеются 4 ID
допустим открыт 4 ID, при открытии 1 должен скрываться 2.3.4
0
20 / 20 / 11
Регистрация: 12.07.2015
Сообщений: 350
21.07.2016, 20:15
В каком смысле открыт? Приведите пример дивов без текста.
0
0 / 0 / 1
Регистрация: 12.02.2016
Сообщений: 20
21.07.2016, 21:46  [ТС]
при клике по ссылке в определенном диве меняется display: none на display: block
у 4 ссылок разный ID
если пользователь открыл 1 ID 3 остальных должны быть display: none
когда он кликает по 2 ID 1 3 4 должны принять display: none
при клике на 3 ID - 1 2 4 display: none
понятней или все равно не понятно?)
0
20 / 20 / 11
Регистрация: 12.07.2015
Сообщений: 350
22.07.2016, 19:37
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
function f_click(id)
{
    if(id == 1){
        document.getElementById("2").style.display = "none";
        document.getElementById("3").style.display = "none";
        document.getElementById("4").style.display = "none";
    }
    if(id == 2){
        document.getElementById("3").style.display = "none";
        document.getElementById("4").style.display = "none";
        document.getElementById("1").style.display = "none";
    }
    if(id == 3){
        document.getElementById("2").style.display = "none";
        document.getElementById("4").style.display = "none";
        document.getElementById("1").style.display = "none";
    }   
    if(id == 4){
        document.getElementById("3").style.display = "none";
        document.getElementById("2").style.display = "none";
        document.getElementById("1").style.display = "none";
    }
    if(id == 5){
        document.getElementById("3").style.display = "block";
        document.getElementById("2").style.display = "block";
        document.getElementById("1").style.display = "block";
        document.getElementById("4").style.display = "block";
    }
    
}
HTML
HTML5
1
2
3
4
5
6
7
<div id="div1" onclick = "f_click(5)">
Показать ссылки
</div>
<a href = "#" id = "1" onclick = "f_click(1)">Ссылка 1</a>
<a href = "#" id = "2" onclick = "f_click(2)">Ссылка 2</a>
<a href = "#" id = "3" onclick = "f_click(3)">Ссылка 3</a>
<a href = "#" id = "4" onclick = "f_click(4)">Ссылка 4</a>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
22.07.2016, 19:37
Помогаю со студенческими работами здесь

Как написать ссылку из одной формы в другую (при нажатии кнопки)
Как написать ссылку из одной формы в другую (при нажатии кнопки)

При нажатии на ссылку выполнить скрипт по копированию документа из одной папки на компьютере в другую
Здравствуйте! Прошу помочь со следующей задачей: имеется HTML-страница со списком ссылок на документы, сохранённые в одной из папок на...

Вывод в див имен из бд и при нажатии вывод в отдельный див дополнительной информации об этом имени
Есть две колонки div в одину(div1) из бд выводиться название зала и день недели, в другую(div2) (изначально не видимо) выводиться...

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

Keylogger - увеличение счетчика при нажатии на одну клавишу и сброс при нажатии на другую
Можно ли в си создать Keylogger,если да то как?Мне нужно чтобы принажатии клавиши срабатывал счетчик,а после нажатии любой другой...


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

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru