Implementação da Magia Html Cliente Edges

quando o usuário clica no elemento BODY. O painel não deve ser removido, quando o usuário clica no Painel (calculadora). Quando você clica no painel, tanto o painel eo elemento BODY receberá o evento onclick. O evento onclick do painel é accionado em primeiro lugar e que a do corpo é acionado segundo. Isto significa que quando você clica no painel, ele vai desaparecer por causa da segunda e indireta clique sobre o corpo. Portanto, há um problema. Nós temos que diferenciar entre clicando no elemento BODY sozinho e clicando no painel (eo corpo em uma seqüência).

O atributo onclick do painel (DIV exterior) é a seguinte: onclick = "leftPaneShown = true" Assim, quando o painel é clicado, a variável leftPaneShown é definido como verdadeiro. Esta é uma variável global no script. Existe uma função que remove o painel. Quando você clica no elemento BODY sozinho, a função é chamada. Quando você clica no painel, a função é chamado apenas após a declaração acima (variável) para o atributo onclick do painel (DIV) foi definido. Esta é a função: function removePane () {if (leftPaneShown == false) {x = document.getElementById ('Calc') style.left;.

X = parselnt (x); TL = self.setInterval ("shiftLeft ()", 10); } //Redefinir o leftPaneShown leftPaneShown variável boolean = false; } O valor padrão para a variável leftPaneShown acima é falsa. A função primeira de todas as verificações se a variável é falsa. Se for falsa, significa apenas o elemento BODY foi clicado; ele passa a remover o painel. Se é verdade que significa o painel foi clicado. O painel recebeu o clique primeiro antes de o corpo. Assim, o painel definir a variável para true. Quando se é verdade, a declaração if nesta função não remove o painel.

O valor da variável só é verdade quando o painel é clicado. Ele sempre deve ser falsa. Assim, a última linha da função define o valor como false, se era verdade ou não. Se fosse verdade a ação necessária (para ignorar a remoção) já teve lugar, como a função foi chamada. Se a variável é falso, o painel tem de ser removido. A primeira instrução na declaração if, atribui o CSS deixou valor de posição atual para a variável, x. A próxima instrução faz se ele é um inteiro. A terceira declaração chama uma função shiftLeft () depois de cada 10ms através da função setInterval ().

Explicação da função shiftLeft () é dado abaixo. Nota: Nesta série, você pode considerar um ou outro elemento DIV interior ou exterior como o painel. O DIV interior se encaixa no DIV exterior. Tudo o que