Jump to content

OWN

  • artikelen
    5186
  • reacties
    17587
  • bezichtigingen
    1590293

Editie 181 - HTML-cursus


OWN

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

Welkom bij les nummer 23. CSS is vorige week afgerond. De eerste basiscodes zijn verteld en de codes zijn uitgelegd. Nu is het aan jou de taak om hiermee wat te gaan spelen. Ik kan hier wel alles gaan voorkauwen, maar dan leer je het nooit zelf te doen. Mocht je nog vragen hebben, ben ik natuurlijk altijd per PB beschikbaar.

En we gaan door met Javascript. Deze week leren we bevestigingsvensters maken. Veel plezier!

Bevestigingsvenster

Hier ga ik jullie nu leren om een bevestigingsvenster te maken. Bekijk eerst onderstaande code maar eens.

Deze code plaats je in je HEADER:

<script type="text/javascript">
function confirmation() {
var answer = confirm("Wil je naar Google gaan?");
if (answer)
{
	alert("Doei!")
	window.location.href = "http://www.google.nl";
}
else{
	alert("Bedankt voor het blijven!")
}
}
</script>



Deze code plaats je in je BODY:

<form action="" method="">
<input type="button" onclick="confirmation()" value="Exit"/>
</form>



Zodra je deze pagina opent, krijg je onderstaand:

jgt62r.jpg

Bij het klikken hierop, krijg je:

2d1jupy.jpg

Bij het klikken op OK, krijg je:

35n4jmu.jpg

Bij het klikken op Annuleren, krijg je:

34odoih.jpg

Je ziet dus dat alle tekst op het venster, wordt bepaald in de bovenste code. Deze kun je natuurlijk aanpassen naar je eigen wensen, zo ook de link waar je naartoe gaat. Succes!

En we hebben weer een nieuwe code geleerd van Javascript. Hopelijk tot volgende week!

4 reacties


Recommended Comments

Basssss

Geplaatst:

Dit moet ik gewoon eens proberen. :bier:

Casss

Geplaatst:

Leuk gemaakt, al ben ik al wat verder met HTML

Kloep

Geplaatst:

Dit is Javascript, voor HTML moet je een aantal edities terugkijken. Binnenkort zal er een overzicht komen van de gehele cursus. ;)

Beagle

Geplaatst:

Laat maar zien hoe ver hij is met zijn webdesignkennis.

Je moet in ieder geval dit soort dingen niet te veel gebruiken op je website aangezien dat hartstikke irritant is :puh:.

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