Genomförandet av magi Html klient Edges

et av BODY utlöses sekund. Detta innebär att när du klickar på rutan, kommer det att försvinna på grund av den andra och indirekt klicka på BODY. Så det finns ett problem. Vi måste skilja mellan att klicka på BODY elementet ensam och klicka på rutan (och kroppen i en sekvens). Onclick attribut rutan (yttre DIV) är som följer: onclick = "leftPaneShown = true" Så när rutan klickas, den leftPaneShown variabeln är satt till true. Detta är en global variabel i skriptet. Det finns en funktion som tar bort panelen. När du klickar på BODY elementet ensam, är funktionen kallas.

När du klickar på rutan, är funktionen kallas förrän denna deklaration (variabel) för onclick attribut rutan (DIV) har ställts in. Detta är funktionen: function removePane () {if (leftPaneShown == false) {x = document.getElementById (Calc) style.left;. x = parseInt (x); TL = self.setInterval ("shiftLeft ()", 10); } //Återställa leftPaneShown boolean variabel leftPaneShown = false; } Standardvärdet för leftPaneShown variabeln ovan är falsk. Funktionen först av alla kontroller om variabeln är falskt. Om den är falsk det betyder bara BODY elementet klickade; det går på för att ta bort rutan.

Om det är sant detta rutan klickade. Rutan fick klick innan BODY. Så rutan sätta variabeln till true. När det är sant, inte om-uttalande i denna funktion inte bort rutan. Värdet på variabeln är bara sant när rutan klickas. Det ska alltid vara falsk. Så den sista raden i funktionen ställer in värdet till false, om det var sant eller inte. Om det var sant åtgärd som krävs (för att ignorera borttagning) redan har ägt rum, eftersom funktionen hette. Om variabeln är falsk, har rutan tas bort. Det första påståendet i if-uttalande, tilldelar CSS vänster aktuella positionen värde till variabeln, x.

Nästa uttalande gör att det är ett heltal. Den tredje uttalande kallar en shiftLeft () funktionen efter varje 10ms genom setInterval () funktionen. Förklaring av shiftLeft () funktion ges nedan. Obs! I den här artikelserien, kan du överväga att antingen inre eller yttre DIV inslag som rutan. Den inre DIV passar in i den yttre DIV. Allt som händer med yttre DIV påverkar inre DIV. Till exempel, om du ställer in visnings egendom yttre DIV elementet till ingen, det vill säga den yttre DIV elementet kommer inte att visas, den inre DIV elementet automatiskt inte att visas.

Den shiftLeft () Denna funktion skickar inre DIV tillbaka till sitt utgångsläge där CSS kvar värdet var "-205px". Detta är funktionen. Funktion shiftLeft ()