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

@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"; 
})
}

Новые блоги и статьи Все статьи Все блоги /
Когда логика программы не спасает от человеческих ошибок Maks 18.08.2026 В последнее время всё чаще и чаще сталкиваюсь с таким явлением, как абсолютная невнимательность (или глупость) пользователей. Проявляется это чаще всего на работе в коллективе. Допустим, человек с. . .	Лето уходит kumehtar 17.08.2026	Мысли в слух kumehtar 17.08.2026 Забавно, насколько сейчас стала доступна информация. Например о магии, духовном развитии, медитациях, и других подобных направлениях, ранее зачастую тайных, передаваемых от учителя к ученику. Хотя. . .	Перемещение строк из ТЧ в другой документ с учетом текущего пробега Maks 17.08.2026 Реализация из решения ниже выполнена на примере нетипового документа "Автозапчасти", с ТЧ "Шины". За основу взят алгоритм отсюда: https:/ / www. cyberforum. ru/ blogs/ 359708/ 10838. html Задача: . . .
Саморегулирующийся социальный контракт для сервера cross-section. Hrethgir 14.08.2026 С кодом конечно таких глубоких размышлений пока не было, впрочем я уже привык к алгоритмизации. Суть предмета записи: снова в диалоге с нейросетью (я взял пока себе ник для учётки админа - Rector). . . .	Часы электронные Uhbif79 12.08.2026 Выкладываю программу часов. Программа позволяет: 1. Использовать системное время и дату, 2. Есть возможность вводить время и дату вручную. 3. Реализованы 2 будильника: начало и конец рабочего дня. . . .	Часы с будильником на основе класса QLCDNumber Uhbif79 12.08.2026 Всем добрый день, выкладываю программу часов с будильником на основе класса QLCDNumber. Здесь я пробовал самостоятельно создавал классы, впервые столкнулся с видимостью переменной одного класса из. . .	Установка MinGW GCC 16.2 и CMake 8Observer8 10.08.2026 VK Видео: https:/ / vkvideo. ru/ video-240781534_456239017 YouTube: eY5-5PyI9NM Текстовая версия

Опции темы

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

Решение