Slik deaktiverer "Lukk" knappen på en Modal Dialog

Som en programmerer, vil du noen ganger vil tvinge brukeren til å ta affære mellom innen en pop-up modal dialogboks. Du kan deaktivere "Close" -knappen slik at brukeren er pålagt å fylle ut et eget skjema før du går videre til resten av området. Normalt, fjerne eller ikke gir et nært alternativ på en modal dialogboks anses som dårlig praksis, så bruk denne metoden med måte.

Bruksanvisning

1 Bla gjennom kildefilene for modale dialog du bruker. Mange typer modale dialog skript er tilgjengelig, inkludert Lightbox, ModalBox, FancyBox og jQuery Lightbox plugin.

2 Åpne hoved CSS-filen i et tekstredigeringsprogram, slik at du kan vise og redigere kildekoden.

3 Søk i CSS-filen for søkeordet "close". For å søke, trykk på "Ctrl" og "F" tastene samtidig, og skriv ordet "tett" i Finn-feltet og trykk "Enter" -tasten. Det bør være bare én eller to CSS elementer som er definert for skriptet nære funksjon.

4 Finn displayet: blokkere eiendom under tett element. Endre koden for å lese display: none stedet. Dette skjuler og deaktiverer muligheten for brukeren å lukke modal dialogboks.

5 Lagre filen med samme navn, og deretter laste den opp til din hosting server og teste ut endringen du har gjort.