Jump to content

OWN

  • artikelen
    5186
  • reacties
    17587
  • bezichtigingen
    1588601

Editie 186 - HTML-cursus


OWN

305 bezichtigingen

Hoeveel procent heb je GTA Vice City uitgespeelt?  

91 leden hebben gestemd

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

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

This poll is closed to new votes

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 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...