Código completa da Magia Html Cliente Edges

a == "esquerda") removePanel (); else if (borda == "top") removePaneU (); } Esta é a função de chamada para remover o painel, o que vem para fora a partir da extremidade esquerda ou mímico da borda superior mímica. Quando o elemento de corpo recebe um clique, essa função é chamada. É antes de tudo verifica se o painel saiu da borda esquerda. Se o fizesse, ele chama a função removePanel (), que faria com que o painel para voltar para a margem esquerda. Lembre-se que a função removePanel () tem que primeiro verificar se o clique é a partir do painel ou o corpo sozinho.

Se o painel não foi da margem esquerda, a função passa a verificar se foi a partir da borda superior. Se foi a partir da borda superior, ele chama a função equivalente removePaneU () para a borda superior. A outra função que é comum a ambos a borda esquerda e superior é: checkRemSit função () {if (borda == "esquerda") leftPaneShown = true; else if (borda == "top") topPaneShown = true; } O nome desta função é checkRemSit (), significando Situação Verificação de remoção.

O objectivo desta função é indicar se o painel é mostrado (leftPaneShown) a partir da borda esquerda ou a borda superior, com o objectivo último de diferenciar entre o clique de um painel especial e clique do corpo fora painel. Note que estamos lidando com os mesmos elementos DIV exterior e interior, com ou sem o painel está saindo da borda esquerda ou a borda superior. Outro objectivo desta função é evitar conflitos entre as funções para a borda esquerda e aqueles para a borda superior. É em primeiro lugar, verifica se o valor da variável de aresta é "esquerda".

Se for, ele define a variável leftPaneShown para true. Caso contrário, a função verifica se o valor da variável de aresta é "topo"; se for, ele define a variável topPaneShown para true. Observações DOM não tem um objeto que borda resposta a eventos. É por isso que recorremos para imitar bordas. O elemento HR é simplesmente perfeito para a borda superior mímica. Se houvesse um elemento HTML equivalente para linha vertical, em seguida, que teria sido perfeito para a borda esquerda mímica. Tivemos de usar um elemento DIV para a borda esquerda mímica e dar-lhe uma altura particular.

Quando a página da web é apenas aberto, o painel esquerdo só pode sair dentro da altura da área do cliente. Quando você rolar para baixo, a parte inicial área do cliente vai para cima; o painel esquerdo só pode sair da borda esquerda da parcela que subiu. A maneira mais simples de lidar com este