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 186 - HTML-cursus

(0 reviews)

Hoeveel procent heb je GTA Vice City uitgespeelt? 91 members have voted

  1. 1. Hoeveel procent heb je GTA Vice City uitgespeelt?

    • 10%
      6%
      5
    • 20%
      7%
      6
    • 30%
      1%
      1
    • 40%
      2%
      2
    • 50%
      13%
      11
    • 60%
      7%
      6
    • 70%
      4%
      4
    • 80%
      8%
      7
    • 90%
      48%
      40
    • 100%
      0%
      0

This poll is closed to new votes

Please sign in or register to vote in this poll.

gallery_108553_47_10996.gif

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.

Nieuw venster openen

Het is via Javascript ook mogelijk om een link te maken, en deze vervolgens in een nieuw venster te openen. In dit nieuwe venster kun je zelf heel wat dingen bepalen. Hieronder eerst maar eens de code's die je nodig gaat hebben hiervoor:

Head:

<script type="text/javascript">
function popup() {
window.open('http://www.gtaforum.nl', 'venster 1',
'width=400,height=200,scrollbars=yes,status=yes,resizable=yes');
}
</script>



Body:

<a href="javascript:popup();">Laad hier GTAForum in een nieuw venster.</a>



Als je dit doet, moet je (heel simpel) dit krijgen:

<html>
<head>
<script type="text/javascript">
function popup() {
window.open('http://www.gtaforum.nl', 'venster 1',
'width=400,height=200,scrollbars=yes,status=yes,resizable=yes');
}
</script>
</head>
<body>
<a href="javascript:popup();">Laad hier GTAForum in een nieuw venster.</a>
</body>
</html>



Hiermee krijg je dus een link, die GTAForum in een nieuw venster opent. Zoals ik al zei, kun je heel veel dingen zelf bepalen. In de tabel hieronder, kun je vinden wat je er allemaal mee kan:

[table=header]Eigenschap|Waarde|Resultaat

Width|Waarde in px|Breedte van het venster

Height|Waarde in px|Hoogte van het venster

Left|Waarde in px|Aantal pixels vanaf de linkerkant van de browser

Top|Waarde in px|Aantal pixels vanaf de bovenkant van de browser

scrollbars|yes, no|Het tonen van de scrollbar

location|yes, no|Het tonen van een adresbalk

toolbar|yes, no|Het tonen van de navigatieknoppen

status|yes, no|Het tonen van de statusbalk

menubar|yes, no|Het tonen van de menubar

directories|yes, no|Het tonen van de linkbalk

resizable|yes, no|Het veranderen van de grootte[/table]

Ik heb in mijn voorbeeld niet alles gebruikt, maar ik ga er vanuit dat je er nu wel zelf achter kunt komen hoe het in z'n werk gaat. Mocht je toch nog vragen hebben, kun je me altijd een PM sturen!

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.