1. Deze website gebruikt cookies en vergelijkbare technologie├źn. Dat houdt in dat wij het gedrag van bezoekers verzamelen, gebruiken en met derden delen om u een optimale gebruikerservaring te bieden. Cookies van derden kunnen worden gebruikt om advertenties te tonen die aansluiten op uw interesses. Door deze website verder te gebruiken, gaat u akkoord met ons gebruik van cookies. Leer Meer.

Javascript Tutorial

Discussie in 'Webdesign' gestart door R3Mo, 12 okt 2004.

Topicstatus:
Niet open voor verdere reacties.
  1. R3Mo

    R3Mo Guest

    [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 door een moderator: 22 jan 2006
Topicstatus:
Niet open voor verdere reacties.

Deel Deze Pagina