Code complet de la Magie Html client Edges

suivie par l'une de l'organisme. Toutefois, lorsque le corps est cliqué en dehors de la fenêtre, un seul événement de clic (le corps de clic) se produit. Lorsque vous cliquez sur le volet, la variable, leftPaneShown est définie sur true de l'événement onclick de la DIV externe. Lorsque vous cliquez sur seulement l'élément BODY, la variable reste à faux. Les états de la fonction ci-dessus ne seront exécutés que si la variable, leftPaneShown est faux, ce qui signifie l'élément BODY a été cliqué en dehors de la fenêtre.

Ainsi, lorsque cette fonction est appelée, si la valeur de cette variable est fausse, alors les instructions sont exécutées. Les états commencent avec une autre instruction if. Celui-ci vérifie si le volet est encore en mouvement en vérifiant si la variable processOnL est vrai. Si il est vrai, il n'a pas exécutez les instructions dont il dispose. Si elle est fausse, il exécute les instructions. Quand il est faux, la première déclaration définit la variable processOnL true, ce qui indique que le volet est de commencer le mouvement ou est en mouvement.

Rappelez-vous, dans ces conditions, rien ne peut arrêter le mouvement de la vitre, et aucune occurrence de la vitre peut sortir de tout point des bords. Le reste des états sont familiers. Le dernier appelle la fonction, shiftLeft () toutes les 10ms. Il est cette shiftLeft () qui se déplace effectivement le volet retour dans le bord. Le shiftLeft () Cette fonction décale la DIV intérieure de nouveau dans le bord. Il définit la propriété d'affichage de la DIV externe à «none», (faisant les éléments ci-dessous gratuitement pour l'accès par exemple à être sélectionné en faisant glisser la souris).

La fonction réinitialise également certaines variables et donne les positions initiales à la DIV extérieure et intérieure. Avec cette fonction réinitialise et les positions initiale donnée, l'ensemble du processus peut être répété à partir du bord gauche (ou bord supérieur par d'autres fonctions) sans conflit. Ceci est la fonction:. ShiftLeft fonction () {document.getElementById ('Calc') = Les style.left x; //arrêter le défilement gauche si (x {self.clearInterval (TL); document.getElementById ('Cont') style.display = "du none";.

processOnL = false; //réinitialiser les positions du mouvement gauche document.getElementById ( 'Cont') style.left = 0;. document.getElementById ('Cont') style.top = 0;. document.getElementById ('Calc') style.left = 0;. document.getElementById ('Calc'). style.top = 0; paneBack = tru