Nationaal Computer Forum
Voor al je problemen met computers, tablets en smartphones

Javascript Tutorial

Weergegeven resultaten: 1 t/m 1 van 1
  1. #1
    R3Mo
    Inactief

    Thumbs up Javascript Tutorial

    Handleiding
    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


    nationaalcomputerforum.nl © 2010
    Created for Nationaal Computer Forum www.nationaalcomputerforum.nl  (disclaimer)
    Laatst gewijzigd door nano; 22 januari 2006 om 17:02



Soortgelijke discussies

  1. Tutorial
    By frankw in forum Netwerk
    Reacties: 2
    Laatste bericht: 27 februari 2005, 08:46
  2. Test Tutorial
    By G-F in forum Programmeren
    Reacties: 8
    Laatste bericht: 15 februari 2005, 01:54
  3. Teller javascript
    By Chriz in forum Web Development
    Reacties: 5
    Laatste bericht: 23 mei 2004, 23:55
  4. Browser Ondersteunt Javascript Niet
    By Ineke in forum Internet en Email
    Reacties: 6
    Laatste bericht: 18 mei 2004, 06:58

Regels voor berichten

  • Je mag geen nieuwe discussies starten
  • Je mag niet reageren op berichten
  • Je mag geen bijlagen versturen
  • Je mag niet je berichten bewerken
  •