Implementering af Magic HTML Client Edges

du klikker på ruden, vil både ruden og kropelementet modtage onclick begivenhed. Den onclick begivenhed fra ruden udløses først, og at kroppens udløses sekund. Det betyder, at når du klikker på ruden, vil den forsvinde på grund af den anden og indirekte klik på kroppen. Så der er et problem. Vi er nødt til at skelne mellem at klikke på kropelementet alene og klikke på ruden (og kroppen i en sekvens). Den onclick attribut i ruden (ydre DIV) er som følger: onclick = "leftPaneShown = true" Så når ruden er klikket, er leftPaneShown variablen er sat til true.

Dette er en global variabel i scriptet. Der er en funktion, der fjerner ruden. Når du klikker på kropelementet alene, er funktionen kaldes. Når du klikker på ruden, er funktionen kaldes først efter ovennævnte erklæring (variabel) for onclick attribut af ruden (DIV) er blevet indstillet. Dette er funktionen: function removePane () {if (leftPaneShown == false) {x = document.getElementById ("Calc") style.left;. x = parseInt (x); TL = self.

setInterval ("shiftLeft ()", 10); } //Nulstille leftPaneShown boolean variabel leftPaneShown = false; } Standardværdien for leftPaneShown variablen ovenstående er falsk. Funktionen første af alle kontroller, hvis variablen er falsk. Hvis det er falsk det betyder kun kroppen elementet blev klikket; Det går på at fjerne ruden. Hvis det er sandt det ruden blev klikket. Ruden modtog klik først, før kroppen. Så ruden sat variablen til true. Når det er sandt, er det if-sætning i denne funktion ikke fjerne ruden. Værdien af ​​den variable er kun tilfældet, når ruden er klikket.

Det bør altid være falsk. Så den sidste linje i funktionen indstiller værdien til false, om det var sandt eller ej. Hvis det var sandt det krævede handling (at ignorere fjernelse) allerede har fundet sted, da funktionen blev kaldt. Hvis variablen er falsk, ruden skal fjernes. Den første sætning i if-sætning, tildeler CSS venstre aktuelle position værdi til variablen x. Den næste sætning gør sikker på det er et heltal. Den tredje sætning kalder en funktion shiftLeft () efter hver 10ms gennem setInterval () funktion. Forklaring af shiftLeft () funktion er givet nedenfor.

Bemærk: I denne serie, kan du overveje enten den indre eller ydre DIV element som ruden. Den indre DIV passer ind i den ydre DIV. Alt, hvad der sker med den ydre DIV påvirker den indre DIV. For eksempel, hvis du indstiller skærmen ejendom af den ydre DIV element til ingen, betyder det ydre DIV element vises ikke, den indre DIV element vil auto