Jump to content

OWN

  • artikelen
    5186
  • reacties
    17587
  • bezichtigingen
    1588601

Editie 187 - HTML-cursus


OWN

280 bezichtigingen

med_gallery_108553_47_30402.png

Deze rubriek is geschreven door Kloep!

Hallo, en welkom bij de HTML-cursus van OWN. In deze rubriek ga ik (Kloep) zaken vertellen die handig zijn om te weten als je met HTML aan de slag gaat. Later zullen we HTML verder gaan uitwerken, dit ook onder andere met behulp van CSS. Als we dit allemaal hebben gehad, gaan we over naar wat Javascript. In het begin zullen we dus met de basis beginnen, maar zonder deze basis kun je niet verder komen. In deze cursus zul niet alleen lappen tekst te zien krijgen, maar alles zal worden uitgelegd door middel van afbeeldingen. Hierdoor zullen het geen saaie lange verhalen worden, maar zal alles in kleine stappen worden uitgelegd.

In deze rubriek maken we gebruik van het programma Notepad++ en Google Chrome. Hierdoor kunnen er kleine verschillen zijn in je eigen situatie. In sommige gevallen geeft Chrome de codes anders weer als bijvoorbeeld Internet Explorer of Firefox.

Deze week leren we weer wat verschillende dingen. We gaan wel door met het onderwerp van vorige week: venster.

Vensters sluiten

Deze week leren we onder andere hoe we een knop op de webpagina kunnen maken die het venster af doet sluiten. Dit kan zowel met de hand, als met tijd gedaan worden. Hieronder zie je de code voor het met de hand doen:

<form>
<input type="button" onclick="window.close()" value="Sluiten" />
</form>



Deze code plaats je simpel in de BODY op de plaats waar je de knop "Sluiten" wilt hebben.

Mocht je dit met tijd in willen stellen, is dit ook mogelijk. Om dat te doen, moet je onderstaande code in de HEAD plaatsen. Denk er wel aan dat je bovenstaande code in je BODY moet hebben!

<script type="text/javascript">
setTimeout('window.close()',5000);
</script>



Hierin staat de 5000 voor aantal milliseconden. Deze 5000 betekent dus eigenlijk 5 seconden.

Vensters afdrukken

Met het object 'window', kun je veel meer. Bijvoorbeeld een pagina uitprinten. In de BODY komt dan onderstaande tekst te staan:

<script type="text/javascript">
if (window.print)
{
document.write('<form><input type="button" value="Print"'+ 'onclick="javascript:window.print()" /></form>');
}
</script>



Wat nu zo handig ook is van bovenstaand script, is dat er eerst in de browser getest wordt of de methode print() van het object window herkent wordt. Wordt dit niet herkend, dan wordt de knop ook niet getoont.

En dat was het dan alweer voor deze week. Hopelijk tot de volgende keer!

0 reacties


Recommended Comments

Er zijn geen reacties om weer te geven.

Gast
Reactie toevoegen...

×   Je hebt text geplaatst met opmaak.   Opmaak verwijderen

  Only 75 emoji are allowed.

×   Je link is automatisch ingevoegd.   In plaats daarvan weergeven als link

×   Je vorige bewerkingen zijn hersteld.   Alles verwijderen

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...