Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.78/41: Рейтинг темы: голосов - 41, средняя оценка - 4.78
 Аватар для anonimus
2184 / 1255 / 143
Регистрация: 28.04.2010
Сообщений: 4,592

Показать/скрыть элементы на странице

06.04.2011, 10:57. Показов 7679. Ответов 10
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
код такой
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
<script type=text/javascript language=JavaScript>
<!--
function q3_onclick()
{
document.getElementById('tb').style.display='none';
}
function q1_onclick()
{
document.getElementById('tb').style.display='';
}
//-->
</script>
html код такой
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<ul class="mmenu">
<li onclick="q1_onclick()"><a class="about" href="index.php?option=com_content&amp;view=article&amp;id=6"></a></li>
<li onclick="q3_onclick()"><a class="p11" href="index.php?option=com_content&amp;view=article&amp;id=7"></a></li>
<li onclick="q3_onclick()"><a class="p20" href="index.php?option=com_content&amp;view=article&amp;id=8"></a></li>
<li onclick="q3_onclick()"><a class="news" href="index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=2"></a></li>
<li onclick="q3_onclick()"><a class="kontakt" href="index.php?option=com_content&amp;view=article&amp;id=9"></a></li>
</ul>
<p> </p>
<ul id="tb" class="mmenu2">
<li><a class="p1" href="index.php?option=com_content&amp;view=article&amp;id=6"></a></li>
<li><a class="p2" href="index.php?option=com_content&amp;view=article&amp;id=7"></a></li>
<li><a class="p3" href="index.php?option=com_content&amp;view=article&amp;id=8" style="width: 205px;"></a></li>
<li><a class="p4" href="index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=2"></a></li>
</ul>
посмотреть выполнение можно тут http://chla.ru/msk
если кликнуть на какой-нить пункт (верхнего меню) кроме первого, нижнее пропадет, но после того как загрузится страница, оно вновь появляется. А нужно что бы нижнее меню появлялось только когда кликнем по первому пункту верхнего меню
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
06.04.2011, 10:57
Ответы с готовыми решениями:

JS показать/скрыть элементы
Почему открывает блок menu сперва после второго клика, а потом нормально работает, по клику - показывает/скрывает. Перезагружаю страницу,...

Как скрыть и показать все элементы по имени класса?
Практически готовое решение моего вопроса, но с id. https://jsfiddle.net/Lgf705zr/ Нужно по нажатию ссылки скрывать и показывать...

Блок div скрыть/показать при нажатии на кнопку "показать все"
Добрый день. На странице: https://moscow.xn--80aasvalvca.xn--p1ai/ru/rezume/massagists/belyaevdv/ не могу понять, как сделать так...

10
 Аватар для Nazz
898 / 729 / 80
Регистрация: 12.03.2009
Сообщений: 2,804
Записей в блоге: 2
06.04.2011, 12:08
думаю ято для етого вам нужно передавать како1-то параметр в ссылке, который будет указывать что нижнее меню должно быть скрытым после перезагрузки.
0
 Аватар для anonimus
2184 / 1255 / 143
Регистрация: 28.04.2010
Сообщений: 4,592
06.04.2011, 12:16  [ТС]
ну хорошо добавлю я параметр, а как js посмотреть get параметры?
0
 Аватар для StagnantIce
125 / 105 / 40
Регистрация: 06.03.2011
Сообщений: 334
06.04.2011, 12:47
Если вы просто обновляете страницу, при этом ничего не добавляя в GET параметры, весь java script сбрасывается, и сохранить хоть что-то можно только при помощи куков, а при загрузке проверять есть они или нет, если нет, то скрывать нижнее меню, а если есть то показывать или наоборот.

Если куки не подходят, то можно в эти ссылке добавить какой нить парамтер, например ?showmenu.
Далее сделать проверку примерно такую
JavaScript
1
2
3
url = document.location;
if (url.match(/showmenu/)) showMenu();
else hideMenu()
0
 Аватар для anonimus
2184 / 1255 / 143
Регистрация: 28.04.2010
Сообщений: 4,592
06.04.2011, 13:14  [ТС]
StagnantIce, что-то не работает
пробовал так, тоже молчит
JavaScript
1
if url.indexOf("showmenu")>0 { alert("Нашлось ");}
0
 Аватар для Daredevi1
311 / 303 / 78
Регистрация: 09.05.2009
Сообщений: 723
06.04.2011, 13:36
Цитата Сообщение от anonimus Посмотреть сообщение
StagnantIce, что-то не работает
пробовал так, тоже молчит
JavaScript
1
if url.indexOf("showmenu")>0 { alert("Нашлось ");}
ты забыл скобки в условии if(){}
и лучше напиши != -1
0
 Аватар для anonimus
2184 / 1255 / 143
Регистрация: 28.04.2010
Сообщений: 4,592
06.04.2011, 13:38  [ТС]
Daredevi1, все равно тишена
а что в js нельзя как в php обращаться к массиву post или get параметров?
0
 Аватар для Daredevi1
311 / 303 / 78
Регистрация: 09.05.2009
Сообщений: 723
06.04.2011, 13:40
неа, нельзя. Надо функцию разбора url писать. И то только если get запрос.
0
 Аватар для StagnantIce
125 / 105 / 40
Регистрация: 06.03.2011
Сообщений: 334
06.04.2011, 13:45
может тогда так
JavaScript
1
2
  var url = document.location.href;
if (url.match(/.*showmenu.*/)) alert('Есть URL');

HTML5
1
<a href="index.php?option=com_content&amp;view=article&amp;id=6&showmenu"></a>
можно также использовать HASH а не параметры, то есть это то, что идет после # в URL

Добавлено через 3 минуты
вот в инете нашел... возвращает массив с GET параметрами
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
function getQueryVariable(){
var d=window.location.search.substring(1);
var e=d.split("&");
var b=new Array();
for(var c=0;c<e.length;c++)
{
    var f=e[c].split("=");
    b[f[0]]=f[1]
}
return b;
}
 
var GET = getQueryVariable();
if (GET['showmenu']) alert('нашлось');
ко всем ссылкам нужно добавить &showmenu=1
0
 Аватар для anonimus
2184 / 1255 / 143
Регистрация: 28.04.2010
Сообщений: 4,592
06.04.2011, 14:11  [ТС]
Цитата Сообщение от StagnantIce Посмотреть сообщение
var url = document.location.href; if (url.match(/.*showmenu.*/)) alert('Есть URL');
этот вариант работает, но не так как надо ))
т.е. если мы находимся на странице например index.php?option=com_content&view=articl e&id=9
и кликаем по нужному меню условие не сработает т.к. на данном шаге адресс у нас index.php?option=com_content&view=articl e&id=9 и соответственно меню не появится, а если кликнуть по этому пункту второй раз или перейти на другой пункт меню, условие сработает т.к. в url уже будет мое showmenu
Со вторым вариантом такая же песьня

Добавлено через 1 минуту
если не понятно выразился, можете наглядно посмотреть на http://chla.ru/msk
0
 Аватар для StagnantIce
125 / 105 / 40
Регистрация: 06.03.2011
Сообщений: 334
06.04.2011, 14:48
а проверить id на 6ку? или держать меню по умолчанию скрытым...
Проблема если честно не понятно... можно же при нажатии на любой ссылке показывать или скрывать меню, можно при загрузке любой странице показывать или скрывать меню в зависимости от id наконец.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
06.04.2011, 14:48
Помогаю со студенческими работами здесь

Показать / Скрыть
Здравствуйте! помогите сделать скрипт показать скрыть по клику, как показано на фото. Заранее спасибо)

Показать, скрыть блок
Добрый день! Такой вопрос, есть блок &quot;Заголовок&quot; при клике на который должен появляться блок с текстом. А при повторном клике...

скрыть/показать блок
пишу вот такой код &lt;html&gt; &lt;head&gt; &lt;style type=&quot;text/css&quot;&gt; #box { display:none} &lt;/style&gt; &lt;script...

Показать\Скрыть текст
Подскажите пожалуйста какую нибуть функцию(скрипт) для того чтобы при нажатии на заголовок открывался весь текст при повторном закривался

Показать и скрыть слои
Есть три слоя Layer1, Layer2, Layer3 нужно так при нажатии button1 слой Layer1 показывается, а слои Layer2, Layer3 скрыты; при нажатии...


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

Или воспользуйтесь поиском по форуму:
11
Ответ Создать тему
Новые блоги и статьи
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha
Etyuhibosecyu 20.11.2025
Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru