Реализация Магии сайтов клиента Edges

ль нажимает на панели (калькулятор). При нажатии на панели, и панель и тело элемента получит OnClick событие. Мероприятие OnClick из панели запускается первым, а ТЕЛА срабатывает второе место. Это означает, что при нажатии на панель, она исчезнет, ​​потому что второй и косвенного мыши на теле. Так что есть проблема. Мы должны различать нажатия тело элемента в одиночку и нажав панель (и тело в одной последовательности).

OnClick атрибут панели (внешняя DIV) выглядит следующим образом: OnClick = "leftPaneShown = правда" Поэтому, когда панель нажата, переменная leftPaneShown устанавливается истина. Это глобальная переменная в скрипте. Существует функция, которая удаляет панель. При нажатии в одиночку тело элемента, функция вызывается. При нажатии панель, функция вызывается только после выше декларации (переменной) для OnClick атрибута панели (DIV) была установлена. Эта функция: функция removePane () {если (== leftPaneShown ложь) {х = document.getElementById ('Calc') style.left;. х = ParseInt (х); TL = self.

setInterval ("shiftLeft ()", 10); } //Сбросить leftPaneShown логическая переменная leftPaneShown = ложь; } Значение по умолчанию для переменной leftPaneShown выше ложно. Функция в первую очередь проверки, если переменная является ложным. Если оно ложно это означает только тело элемента была нажата; он идет на, чтобы удалить панель. Если это правда, это значит панель была нажата. Панель получил щелчок, прежде чем тело. Таким образом, панель установить переменную к истине. Когда это так, то, если заявление-в этой функции не удалить панель.

Значение переменной справедливо только, когда панель нажата. Он всегда должен быть ложным. Таким образом, последняя строка функции устанавливает значение ложь, было ли это правдой или нет. Если бы это было истинно, требуются действия (игнорировать удаление) уже произошли, как функция была вызвана. Если переменная является ложным, панель должна быть удалена. Первое утверждение в IF-заявление, назначает CSS влево текущее значение позиции в переменную, х. Следующее утверждение делает уверен, что это целое число.

Третий оператор вызывает функцию shiftLeft () после каждых 10 мс с помощью функции setInterval (). Объяснение функции shiftLeft () приводится ниже. Примечание: В этой серии, вы можете рассмотреть во внутренний или внешний элемент DIV в качестве панели. Внутренний DIV вписывается в наружной DIV. Все, что происходит с внешней DIV влияет на внутреннюю DIV. Например, если вы установите дисплей свойство внешнего DIV элемента