Skip to content
View in the app

A better way to browse. Learn more.

GTAGames.nl - De Nederlandse Grand Theft Auto Community!

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Editie 188 - HTML-cursus

(0 reviews)

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.

De week bekijken we verschillende gebeurtenissen, handig in een tabel.

Gebeurtenisafhandelingen

Er zijn verschillende gebeurtenissen om aan te geven wanneer een script iets moet uitvoeren. Zoals het oplichten van een woord wanneer je er met je muis overheen gaat of het laden van een pagina in een nieuwe venster. Hieronder staan de meeste gebeurtenissen:

LADEN

Alleen geldig in <body> en framesetelementen.

[table=header]Attribuut|Waarde|Omschrijving

onload|script|Script uitvoeren als een document laadt.

onunload|script|Script uitvoeren als een document gesloten wordt.[/table]

FORMULIERELEMENTEN

Alleen geldig in formulierelementen.

[table=header]Attribuut|Waarde|Omschrijving

onchange|script|Script uitvoeren als het element verandert.

onsubmit|script|Script uitvoeren als het formulier wordt verstuurd.

onreset|script|Script uitvoeren als het formulier wordt gereset.

onselect|script|Script uitvoeren als het element wordt geselecteerd.

onblur|script|Script uitvoeren als het element focus verliest.

onfocus|script|Script uitvoeren als het element focus krijgt.[/table]

TOETSENBORD

Niet geldig in de elementen base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, title.

[table=header]Attribuut|Waarde|Omschrijving

onkeydown|script|Uitvoeren als een toets wordt ingedrukt.

onkeypress|script|Uitvoeren als een toets wordt ingedrukt en losgelaten.

onkeyup|script|Uitvoeren als een toets wordt wordt losgelaten.[/table]

MUIS

Niet geldig in de elementen base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, title.

[table=header]Attribuut|Waarde|Omschrijving

onclick|script|Uitvoeren bij het klikken met de muis.

ondblclick|script|Uitvoeren dubbelklikken met de muis.

onmousedown|script|Uitvoeren als de muisknop wordt ingedrukt.

onmousemove|script|Uitvoeren als de muis beweegt.

onmouseover|script|Uitvoeren als de muis beweegt over een element.

onmouseout|script|Uitvoeren als de muis verwijderd wordt van een element.

onmouseup|script|Uitvoeren als de muisknop wordt losgelaten.[/table]

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

0 Comments

Recommended Comments

There are no comments to display.

Guest
Add a comment...

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.