R
R3Mo
Gast
[hand]Welkom op de Javascript tutorial
Javascript is een veel gebruikt script wat inprincipe op elke website wel te vinden is.
Je kunt er allerlei dingen mee doen, zoals nieuwe schermen openen, achterhalen welke browser de gebruiker heeft, het Besturingssysteem van de gebruiker achterhalen, resolutie, meldingen geven aan de gebruiker, enz..
Hieronder zal ik maar direct beginnen met wat uitleg en voorbeelden zodat je meteen aan de slag kunt!
-----
Een javascript begint altijd zo: <script language="javascript">
en je sluit hem weer af met: </script>
Meestal word er ook dit stukje tussen gezet: <!-- en -->
Dit stukje zorgt ervoor dat als je een heel oude webbrowser hebt die
geen javascript ondersteund dat hij niets laat zien op het scherm,
want hij zal het dan niet zien als een script maar als een stukje text.
Let's begin...
We gaan beginnen met een vriendelijke groet naar de gebruiker die op je website komt kijken;
Open Kladblok en sla dit stukje maar eens op als test.htm op je bureaublad
Als je nu text.htm aanklikt zul je zien dat je de melding op het scherm krijgt die
tussen de (" en ") staat!
*Je ziet trouwens dat ik een regel met ; afsluit, dit moet altijd bij een javascript
behalve als je het in een functie gebruikt, maar daar kom ik later op terug...
Dit was vrij simpel, ik zal nu laten zien hoe je nieuwe schermen kunt openen met een javascript
-> Meer informatie over de attributen die je kunt gebruiken, kun je hier vinden!!
Nu zul je zien dat er een nieuw scherm wordt geopend, en dat het oorspronkelijke scherm
naar de orginele locatie wordt gestuurd
Een voordeel van zo'n nieuw scherm is dat je nu de links niet meer ziet, nouja,
je ziet niet meer de locatie van links als je er met de muis overheen gaat!
Oke dan, we schieten al lekker op, we gaan nu met functies aan de gang,
een erg fijne functie van javascript
Typ het volgende gedeelte text maar eens over in Kladblok
Nu zul je zien als je klaar bent, en het hebt opgeslagen
dat er in je browser netjes 2 links onder elkaar staan,
en dat ze allebei een ander scherm openen!
Je kunt uiteraard op de plek van 'ganaarsoftcity' alles zetten wat je wilt!
Let ook op dat aan het begin van de functie een "{" staat en dat de functie wordt afgesloten met een "}"
Nou hierbij sluit ik de beginners tutorial af, en zal ik eens beginnen met
een gevordenen tutorial
[/hand]
Javascript is een veel gebruikt script wat inprincipe op elke website wel te vinden is.
Je kunt er allerlei dingen mee doen, zoals nieuwe schermen openen, achterhalen welke browser de gebruiker heeft, het Besturingssysteem van de gebruiker achterhalen, resolutie, meldingen geven aan de gebruiker, enz..
Hieronder zal ik maar direct beginnen met wat uitleg en voorbeelden zodat je meteen aan de slag kunt!
-----
Een javascript begint altijd zo: <script language="javascript">
en je sluit hem weer af met: </script>
Meestal word er ook dit stukje tussen gezet: <!-- en -->
Dit stukje zorgt ervoor dat als je een heel oude webbrowser hebt die
geen javascript ondersteund dat hij niets laat zien op het scherm,
want hij zal het dan niet zien als een script maar als een stukje text.
Let's begin...
We gaan beginnen met een vriendelijke groet naar de gebruiker die op je website komt kijken;
Code:
<script language="javascript">
<!--
alert ("Welkom op mijn website!!");
-->
</script>
Als je nu text.htm aanklikt zul je zien dat je de melding op het scherm krijgt die
tussen de (" en ") staat!
*Je ziet trouwens dat ik een regel met ; afsluit, dit moet altijd bij een javascript
behalve als je het in een functie gebruikt, maar daar kom ik later op terug...
Dit was vrij simpel, ik zal nu laten zien hoe je nieuwe schermen kunt openen met een javascript
Code:
<script language="javascript">
<!--
window.open ("http://www.softcity.nl/index.php","",'scrollbars resizable');
window.location = "http://www.softcity.nl";
-->
</script>
Nu zul je zien dat er een nieuw scherm wordt geopend, en dat het oorspronkelijke scherm
naar de orginele locatie wordt gestuurd
Een voordeel van zo'n nieuw scherm is dat je nu de links niet meer ziet, nouja,
je ziet niet meer de locatie van links als je er met de muis overheen gaat!
Oke dan, we schieten al lekker op, we gaan nu met functies aan de gang,
een erg fijne functie van javascript
Typ het volgende gedeelte text maar eens over in Kladblok
Code:
<a href="javascript:ganaarsoftcity()">Ga naar Softcity!</a>
<a href="javascript:ganaarsoftcity2()">Ga naar hncf, maar zonder die intro!</a>
<script language="javascript">
<!--
function ganaarsoftcity(){
alert ("Je gaat nu naar Softcity!")
window.open ("http://www.softcity.nl")
}
function ganaarsoftcity2(){
alert ("Je gaat nu naar softcity, zonder intro!")
window.open ("http://www.softcity.nl/index1.html")
}
-->
</script>
dat er in je browser netjes 2 links onder elkaar staan,
en dat ze allebei een ander scherm openen!
Je kunt uiteraard op de plek van 'ganaarsoftcity' alles zetten wat je wilt!
Let ook op dat aan het begin van de functie een "{" staat en dat de functie wordt afgesloten met een "}"
Nou hierbij sluit ik de beginners tutorial af, en zal ik eens beginnen met
een gevordenen tutorial
[/hand]
Laatst bewerkt: