Luk overflødige vinduer efter brug
Luk "on blur"
Siden er opdateret 14. 5. 2012
Den nemme måde er at indsætte denne kode i body:
<body onblur="window.close()">
Det virker, men det er desværre ikke valid kode.
Man er af hensyn til validering nødt til at gribe situationen lidt anderledes an. Den brugbare løsning, hvis det skal kunne validere, medfører to trin.
Trin 1: <body>-koden skal i stedet udvides på denne måde:
<body onload="document.formen.feltet.focus()">
Trin 2: Et passende sted på siden skal denne lille formular puttes ind:
<form name="formen" method="get" action=""><p><input style="border:none;width:0px;height:0px;" name="feltet" type="text" onBlur="window.close()" /></p></form>
Hvor på siden, man anbringer formularen, er i princippet ligegyldigt, det skal nok virke alligevel. Men vær forberedt på, at det umiddelbart indsætter et 'hul' på omkring 40 pixels i højden, der hvor du putter formularen ind. Det kan du dog komme om ved, hvis du laver et lille fif:
<div style="position:absolute;top:0px;left:-250px"><form name="formen" method="get" action=""><p><input style="border:none;width:0px;height:0px;" name="feltet" type="text" onBlur="window.close()" /></p></form></div>
Det flytter formularen ud af vinduet, så den ikke ses og ikke fylder.
Vær opmærksom på, at denne metode ikke validerer i xhtml 1.1! Du kan få det til at validere ved at skrive id i stedet for name i formen, men så virker det bare ikke. Som det er nu, validerer det som xhtml 1.0 Transitional.
Hvis du klikker på knappen, åbnes en testside i et nyt vindue, der lukkes automatisk, når det forlades.
