• De afgelopen dagen zijn er meerdere fora waarop bestaande accounts worden overgenomen door spammers. De gebruikersnamen en wachtwoorden zijn via een hack of een lek via andere sites buitgemaakt. Via have i been pwned? kan je controleren of jouw gegeven ook zijn buitgemaakt. Wijzig bij twijfel jouw wachtwoord of schakel de twee-staps-verificatie in.

Javascript Tutorial

Status
Niet open voor verdere reacties.
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;
Code:
<script language="javascript">
<!--
alert ("Welkom op mijn website!!");
-->
</script>
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
Code:
<script language="javascript">
<!--
window.open ("http://www.softcity.nl/index.php","",'scrollbars resizable');
window.location = "http://www.softcity.nl";
-->
</script>
-> 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
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>
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]
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan