Событие по клику

@semenovvl · Регистрация: 05.09.2015

Студворк — интернет-сервис помощи студентам

Здравствуйте Уважаемые форумчане и гуру форума , я новичок в программировании поэтому прошу сильно не пинать, у меня такой вопрос, открытие скрытого блока на фреймах все работает хорошо, как переделать данный код под div-ы.

имеется такой код

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
var smmode=0;
var oshow_pd=0;
var oshow_p2d=0;
 
function sm2sh() {
   pnshow();
   top.smmode^=1;
   top.document.getElementsByName('mainframe')[0].rows=(top.smmode?"111,*,35":"75,*,35");
oshow_pd^=1;
oshow_p2d^=1;
var pdiv = parent.frames.head.pdiv || top.frames.head.document.getElementById('pdiv');
pdiv.style.display=(oshow_pd?"none":"block");
var p2div = parent.frames.head.p2div || top.frames.head.document.getElementById('p2div');
p2div.style.display=(oshow_p2d?"block":"none");
s_main();
   set_focus();
}
 
var _pnshow=0;
function pnshow() {
   var pnsm = parent.frames.head.pnsm || top.frames.head.document.getElementById('pnsm');
   if (_pnshow || !pnsm) return;
   _pnshow=1;
   var smhl = 22;
   for(var i = 1; i < smhl; i++){
   var path = 'im/sm1/' + i + '.gif'; // вот путь
   pnsm.innerHTML+=("<a href=javascript:top.sm(\"*" + i + "\")><img src=" + path + "  " + " </a>");
   pnsm.innerHTML+=('&nbsp;');
   }     
}

ссылка для вывода блока при клике

HTML5
1
<a href=# onclick="top.sm2sh(); return false;" title="панель"><b>открыть/закрыть</b></a>

сам проект для отладки

http://demo-project-semeno.c9.io/

@semenovvl · 09.09.2015, 18:38 **[ТС]**

Сообщение от BANO

semenovvl,

JavaScript
1
2
3
4
flag=!0;
btn1.onclick=function(){
    topdiv.style.height=(flag^=1&&(75)||111)+"px"
}

Спасибо тебе огромное, твоя реализация супер!!!

Добавлено через 3 минуты

Сообщение от BANO

semenovvl,

JavaScript
1
2
3
4
flag=!0;
btn1.onclick=function(){
    topdiv.style.height=(flag^=1&&(75)||111)+"px"
}

и по существу, твой код, его можно как-то подогнать, под это решение?

JavaScript
1
2
3
4
5
6
7
function toggleClass(idDiv){
var div = window.document.getElementById(idDiv);
div.style.display = (div.style.display=='none') ? 'block' : 'none';
[].forEach.call(document.querySelectorAll(".contentbody, .menybody"), function(elem){
    elem.style.top=((div.style.display=='none')&&0 || 75)+"px"; 
})
}

@BANO · 09.09.2015, 22:59

Сообщение от semenovvl

как-то подогнать, под это решение?

конечно можно

JavaScript
1
2
3
4
5
6
7
8
var Flag=!0;
function toggleClass(idDiv){
var div = window.document.getElementById(idDiv);
div.style.display = Flag^=1 && 'block' || 'none';
[].forEach.call(document.querySelectorAll(".contentbody, .menybody"), function(elem){// но вот эта часть не сильно красивая, просто короткая
    elem.style.top=((Flag)&&75 || 0)+"px"; 
})
}

Новые блоги и статьи Все статьи Все блоги /
Сезонность и суточность закисления почв anaschu 04.07.2026 200 часов это все равно моловато. Есть ситуации, но нестандартные, когда смена происходит за 5 лет. Но обычно это 50 лет и более. Наверное, закисление почвы происходит сезонно в средней. . .	В чем ценность человеческого опыта в глобальном смысле? kumehtar 03.07.2026 Возможно, ценность человека не в том, что он однажды достигает мудрости, а в том, что он становится носителем карты пути. Он знает не только истину, но и последовательность внутренних изменений,. . .	интеграция AnyLogic с самописным REST API и переход на Odoo anaschu 03.07.2026 Успешная интеграция AnyLogic с самописным REST API и переход на промышленную Odoo WMS Сегодня проделал огромный путь от простой симуляции физических процессов до построения полноценной. . .	Поиск всех путей на ориентированном графе. Linux dcc0 02.07.2026 Переработка старого кода из моей статьи. Через несколько переработок от PHP кода к C89 (надеюсь, 89). Но довольно запутанно получилось. Код для Linux. Но если убрать time и то, что с ним. . .
Сам себя обучал rest api anaschu 02.07.2026 Педагогический лайфхак: Почему чистый REST API для ученика намного круче, чем готовые библиотеки Когда мы отказались от капризного JAR-файла AnyLogic и переписали код на стандартный HttpClient,. . .	rest api anylogic - выполнение модели на своём русском сайте anaschu 02.07.2026 Как подружиться с AnyLogic Cloud API, победить провайдеров и развернуться Java-бэкенд в Docker на бесплатном хостинге: Двухдневный лог борьбы Всем привет! Хочу поделиться свежим (и довольно. . .	Где деньги лежат kumehtar 02.07.2026 Это - японская подводная лодка I-52 (тип C2, кодовое имя Momi) вышла из Японии в марте 1944 года с миссией в оккупированную немцами Францию (Лорьян). Это была одна из «Янаги»-миссий по обмену. . .	Krabik для WoW 3.3.5a, многоязычный AmbA 02.07.2026 Допилил бота, думаю что окончательно. Изменения: - добавлена многоязычность - добавлено снятие скриншотов - добавлено поддержание бафов хождения по воде (для жреца, дк и шамана) - и так, по. . .

Событие по клику

Решение