Implementering av magi Html Client Edges

hendelsen. Onclick hendelsen fra panelet utløses først og at kroppen er utløst andre. Dette betyr at når du klikker på ruten, vil det forsvinne på grunn av den andre og indirekte klikk på kroppen. Så det er et problem. Vi må skille mellom å klikke på BODY-elementet alene, og klikke på ruten (og kroppen i en sekvens). Onclick attributt i panelet (ytre DIV) er som følger: onclick = "leftPaneShown = true" Så når ruten er klikket, den leftPaneShown variabelen er satt til true. Dette er en global variabel i manuset. Det er en funksjon som fjerner glasset.

Når du klikker BODY-elementet alene, er funksjonen kalles. Når du klikker på ruten, er funksjonen kalles bare etter ovenstående erklæring (variabel) for onclick egenskap av panelet (DIV) er innstilt. Dette er funksjonen: function removePane () {if (leftPaneShown == false) {x = document.getElementById ('Calc') style.left;. x = parseInt (x); TL = self.setInterval ("shiftLeft ()", 10); } //Nullstille leftPaneShown boolean variabel leftPaneShown = false; } Standardverdien for leftPaneShown variabelen ovenfor er falsk. Funksjonen første av alle sjekker om variabelen er falsk.

Hvis det er usant det betyr bare kroppen element ble klikket; det går på å fjerne panelet. Hvis det er sant det bety at panelet ble klikket. Ruten mottok klikk først før kroppen. Så panelet satt variabelen til true. Når det er sant, if-setningen i denne funksjonen fjerner ikke ruten. Verdien av variabelen er bare sant når panelet er klikket. Det bør alltid være falsk. Så den siste linjen i funksjonen setter verdien til false, om det var sant eller ikke. Hvis det var sant det kreves handling (å ignorere fjerning) har allerede funnet sted, da funksjonen ble kalt.

Hvis variabelen er falsk, er den rute som skal fjernes. Den første setningen i if-setningen, tildeler CSS venstre nåværende posisjon verdien til variabelen, x. Den neste setningen gjør at det er et heltall. Den tredje setningen kaller en shiftLeft () funksjon etter hvert 10ms gjennom setInterval () -funksjonen. Forklaring av shiftLeft () er gitt nedenfor. Merk: I denne serien, kan du vurdere å enten indre eller ytre DIV element som ruten. Den indre DIV passer inn i den ytre DIV. Alt som skjer med den ytre DIV påvirker indre DIV.

For eksempel, hvis du setter skjermen tilhører det ytre DIV element stykke, betyr det ytre DIV elementet vises ikke, det indre DIV elementet vil automatisk ikke bli vist. Den shiftLeft () Funksjon Denne funksjonen sender indre DIV tilbake til sin startposisjon h