Les 9: formulier controle met javascript.

Maat: px
Weergave met pagina beginnen:

Download "Les 9: formulier controle met javascript."

Transcriptie

1 Les 9: formulier controle met javascript. Javascript is erg veel gebruikt bij internet toepassingen. In tegenstelling tot PHP, wat een server side scripting is, is java client side scripting. Dwz, niet de server gaat de scripting uitvoeren maar de browser gaat deze scripting uitvoeren. Toepassing. We gebruiken het formulier van de vorige les. Wanneer de gebruiker de gegevens zal verzenden en de velden niet ingevuld heeft gaan het volgende resultaat genereren. Een typische toepassing van een javascript controle is een window dat weergegeven wordt, hier worden dan vaak de foutmeldingen in weergegeven.

2 Je kan met javascript echter heel wat meer dan enkel deze venstertjes genereren om foutmeldingen te tonen. Deze venstertjes zijn trouwens erg ongebruiksvriendelijk. In ons voorbeeld zie je dat we de velden die niet ingevuld zijn een rode markering gaan geven. Ook de tekst bij het invul venster gaan we aanpassen met een correcte foutmelding. Dit kunnen we doen met DOM scripting. Javascript laat ons toe de DOM structuur van het document aan te passen. Code voor het formulier. <form name="myform" id="myform" action="les9_ok.html" method="post" onsubmit="return checkform(this);return null;"> <label for="naam" id="naamlabel">naam</label> <input type="text" name="naam" id="naam" class="txt" /> <label for="voornaam" id="voornaamlabel">voornaam</label> <input type="text" name="voornaam" id="voornaam" class="txt" /> <label for=" " id=" label"> </label> <input type="text" name=" " id=" " class="txt" /> <br class="clear" /> <input type="submit" name="submit" value="submit" class="btn" /> <input type="reset" name="reset" value="reset" class="btn" /> </form> Eerst en vooral moeten we ervoor zorgen dat we elk element specifiek moeten kunnen aanspreken. Om dit te kunnen doen moeten we ervoor zorgen dat onze elementen uniek zijn. Dit doen we door een id attribuut toe te voegen. We voegen een id attribuut toe aan de labels en aan de invoer velden. Deze staan in het groen en vet aangeduid hierboven in de code. Javascript oproepen. Om een javascript de controle te laten uitvoeren voor ons formulier de gegevens zal verzenden moeten we dit script oproepen bij het versturen van de gegevens. Dit doen we met de onsubmit. Deze wordt toegevoegd in de form tag van ons formulier. <form name="myform" id="myform" action="les9_ok.html" method="post" onsubmit="return checkform(this);return null;"> Dit zorgt ervoor dat de functie checkform die we plaatsen in ons javascript bestand (.js bestand) uitgevoerd zal worden. Alvorens de gegevens verstuurd worden naar de pagina, vermeld in de action van het formulier.

3 Js bestand Een js bestand, is een javascript bestand. We kunnen onze javascripts in een externe file plaatsen en deze oproepen op de pagina s waar we deze nodig hebben. Dit zorgt voor een ordelijke structuur en makkelijker te onderhouden code. Best plaats je altijd je javascripts in externe bestanden. We maken een nieuw bestandje aan en noemen dit formvalidation.js. Dit is een javascript file en hierin gaan we ons script plaatsen voor het controleren van ons formulier. In de head van onze php pagina plaatsen we de volgende regel, om het javascript bestand op te roepen. <script type="text/javascript" src="formvalidation.js"></script> Het controle script Om onze gegevens van het formulier te controleren gaan we een functie schrijven, deze zal ons een true terug geven wanneer alle data correct is, een false wanneer data niet correct is ingevuld. Wanneer deze functie een true terug geeft, zal de data vervolgens verzonden worden naar de pagina, vermeld in het action atribuut van ons formulier. Wanneer onze functie echter een false terug stuurt, zullen de gegevens niet verzonden worden, onze foutmeldingen zullen echter getoond worden en de gebruiker moet zijn gegevens aanpassen. Het script: We maken een functie. function checkform ( form ) { uit te voeren code komt hier. We gebruiken een variabele postmessage en plaatsen deze standard op true. Naarmate we nu vervolgens de controles gaan toevoegen gaan we deze variabele op false plaatsen wanneer de invoer niet correct is. function checkform ( form ) { var postmessage = true;

4 return postmessage; We controleren als naam ingevuld is, dit doen we: if (form.naam.value == ""){ uit te voeren code komt hier Form.naam.value: hiermee vragen we in javascript de waarde op van het tekstveld naam. Wanneer deze waarde leeg is, is er echter geen naam ingevuld. if (form.naam.value == ""){ document.getelementbyid( naam ): De functie getelementbyid() Dit is een veelgebruikte funtie in javascript. Als we de naam even ontleden spreekt deze voor zich. Get + Element + By + Id > deze functie gebruiken we om een specifiek element op de pagina te selecteren. Aan het begin van deze les hebben we ervoor gezorgd dat elk element uniek is op deze pagina. We hebben hiervoor het id attribuut toegevoedg! Dmv van deze functie kunnen we nu dit element gaan aanspreken en de eigenschappen van dit element gaan wijzigen. Dit doen we met DOM scripting. Een leeg tekstveld vaan we een rode rand geven, dat doen we als volgt. We spreken het element naam aan, dit is het invulveld van ons formulier, waar de gebruiker zijn naam moet invullen. Hiervan gaan we de border een rode kleur geven. Het volgende wat we gaan doen is de melding geven. Hiervoor gaan we het label attribuut aanpassen. We kunnen met DOM scripting de inhoud van elementen gaan veranderen. Dit doen we met innerhtml. document.getelementbyid("naamlabel").innerhtml = 'naam: verplicht in te vullen'; We spreken het label attribuut aan, dit weer door het id, wat we gegeven hebben aan dit attribuut in de html code. Vervolgens gebruiken we de functie innerhtml en op deze manier veranderen we de tekst inhoud van dit label. De volledige code is momenteel als volgt:

5 if (form.naam.value == ""){ document.getelementbyid("naamlabel").innerhtml = 'naam: verplicht in te vullen'; Wanneer deze code uitgevoerd wordt wil het zeggen dat de gebruiker zijn naam niet ingevuld heeft. Wanneer dit het geval is, moeten we ook de variabele postmessage op false plaatsen. Dit om te verhinderen dat het formulier onze gegevens zal verzenden. Dit doen we met postmessage = false ;. Wanneer een gebruiker meerdere malen zijn gegevens moet veranderen of aanpassen in het formulier, moeten we er ook voor zorgen dat wanneer de gegevens juist ingevuld staan, dat de velden gereset worden en terug hun oorspronkelijke lay out aannemen. Om dit te doen gaan de onze if structuur uitbreiden met de else, hierin gaan we de stijlregels terugplaatsen zoals het hoort. if (form.naam.value == ""){ document.getelementbyid("naamlabel").innerhtml = 'naam: verplicht in te vullen'; else { document.getelementbyid("naamlabel").innerhtml = 'naam:'; document.getelementbyid("naam").style.bordercolor='#666'; Boven staande stukje code is alles wat we nodig hebben om de controle uit te voeren op het veld waar de gebruiker de naam moet invullen. Ons formulier heeft echter 3 velden, een naam, voornaam en . Deze moeten we dus alle 3 op deze manier gaan controleren. De volledige code is: function checkform ( form ) { var postmessage = true; if (form.naam.value == ""){ document.getelementbyid("naamlabel").innerhtml = 'naam: is verplicht in te vullen'; else {

6 document.getelementbyid("naamlabel").innerhtml = 'naam:'; document.getelementbyid("naam").style.bordercolor='#666'; if (form.voornaam.value == ""){ document.getelementbyid("voornaam").style.bordercolor='red'; document.getelementbyid("voornaamlabel").innerhtml = 'voornaam: is verplicht in te vullen'; else { document.getelementbyid("voornaam").style.bordercolor='#666'; document.getelementbyid("voornaamlabel").innerhtml = 'voornaam:'; if (form. .value == ""){ document.getelementbyid(" ").style.bordercolor='red'; document.getelementbyid(" label").innerhtml = ' is verplicht in te vullen'; else { document.getelementbyid(" ").style.bordercolor='#666'; document.getelementbyid(" label").innerhtml = ' '; if(form. .value!= ""){ var str=form. .value; var if (filter.test(str)){ document.getelementbyid(" label").innerhtml = ' '; document.getelementbyid(" ").style.bordercolor='#666'; else{ document.getelementbyid(" label").innerhtml = ' je moet een geldig adres invullen'; document.getelementbyid(" ").style.bordercolor='red'; return postmessage;

Foutcontrole met Javascript

Foutcontrole met Javascript Foutcontrole met Javascript Pol Van Dingenen Yannick Van Hauwe INLEIDING Het controleren van de gegevens die ingevuld zijn in formulieren is heel erg belangrijk. In de praktijk is enkel en alleen controle

Nadere informatie

Formulier maken en opvangen met php

Formulier maken en opvangen met php Welkom bij mijn PHP tutorial (Deel 2) Ik ga in deze delen PHP uitleggen, dit doe ik in het programma notepad++ (gratis) deze kunt u downloaden van www.richard3332.nl/downloads.php Als u beschikt over dreamweaver

Nadere informatie

Formulieren maken met Dreamweaver CS 4/CS 5

Formulieren maken met Dreamweaver CS 4/CS 5 Formulieren maken met Dreamweaver CS 4/CS 5 In deze handleiding leer je om een formulier en elementen die je binnen een formulier kunt gebruiken, te ontwerpen met Dreamweaver. Het uitgangspunt is dat dit

Nadere informatie

HTML. Formulieren. Hans Roeyen V 3.0

HTML. Formulieren. Hans Roeyen V 3.0 Formulieren Hans Roeyen V 3.0 26 februari 2015 Inhoud 1. Formulieren... 3 1.1. De form tag... 3 1.1.1. Het action attribute... 4 1.1.2. Het method attribute... 4 1.2. De input tag... 4 1.3. Soorten input

Nadere informatie

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com Welkom bij mijn website tutorial (Deel 7) Ik ga uit van Microsoft XP voor de duidelijkheid. Ik heb dus geen idee of de programma s die ik gebruik ook op Vista werken. Notepad++ werkt zowieso op xp en Vista.

Nadere informatie

Les 15 : updaten van gegevens in de database (deel2).

Les 15 : updaten van gegevens in de database (deel2). Les 15 : updaten van gegevens in de database (deel2). In de volgende reeks lessen zal alle vorige leerstof uitgebreid aan het bod komen. Zie ook de vorige lessen en documenten om informatie op te zoeken

Nadere informatie

Gebruikershandleiding voor: Beperkte Password protectie met JavaScript

Gebruikershandleiding voor: Beperkte Password protectie met JavaScript Gebruikershandleiding voor: Beperkte Password protectie met JavaScript URL: http://home.hccnet.nl/s.f.boukes/html-2/html-202.htm INHOUD : 1. Structuur van een beveiligde site 2. Login-formulier 3. Login

Nadere informatie

Formulieren maken met Dreamweaver CS 4

Formulieren maken met Dreamweaver CS 4 Formulieren maken met Dreamweaver CS 4 In deze handleiding leer je om een formulier en elementen die je binnen een formulier kunt gebruiken, te ontwerpen met Dreamweaver. Het uitgangspunt is dat dit zoveel

Nadere informatie

Webapplication Security

Webapplication Security Webapplication Security Over mijzelf 7 jaar in websecurity Oprichter van VirtuaX security Cfr. Bugtraq Recente hacks hak5.org wina.ugent.be vtk.ugent.be... Aantal vulnerable websites Types vulnerable

Nadere informatie

Lab Webdesign: Javascript 7 april 2008

Lab Webdesign: Javascript 7 april 2008 H8: FORMULIEREN In dit hoofdstuk komt het "form"-object aan de orde: we zullen zien hoe we JavaScript kunnen gebruiken voor het manipuleren en valideren van de gegevens die een eindgebruiker invult in

Nadere informatie

Oplossingen overzicht PHP. Oplossing KPN opgave, zonder testen van POST

Oplossingen overzicht PHP. Oplossing KPN opgave, zonder testen van POST Oplossingen overzicht PHP Oplossing KPN opgave, zonder testen van POST internetminuten in welke categorie val ik?

Nadere informatie

<input type=text name=veldnaam size=20 maxlength=30 value=inhoud veld> Les 9: Formulieren. Proficiat, U hebt het al tot de laatste oefening gebracht. In deze les komen formulieren aan bod, U hebt ze zeker al eens gezien op een site, en indien niet neem dan eens vlug een kijke

Nadere informatie

Dynamische Websites. Week 2

Dynamische Websites. Week 2 Dynamische Websites Week 2 AGENDA Labo 1 GET, POST Navigatie, etc Varia 1 2

Nadere informatie

Websitecursus deel 3 JavaScript

Websitecursus deel 3 JavaScript Websitecursus deel 3 JavaScript A Eskwadraat WebCie www@a-eskwadraat.nl 12 oktober 2015 Introductie Twee weken geleden HTML Vorige week CSS Deze week JavaScript Javascript JavaScript (ook wel JS) is een

Nadere informatie

Hand-out Introduction to Programming, werkcollege 7 Alex Reuneker 2013

Hand-out Introduction to Programming, werkcollege 7 Alex Reuneker 2013 Hand-out Introduction to Programming, werkcollege 7 Alex Reuneker (a.reuneker@hhs.nl), 2013 1. Document Object Model (DOM) DOM: DOM staat voor Document Object Model. Het DOM is een model van webpagina

Nadere informatie

Afrekenen via de PayPro HTML PRODUCT API. op uw eigen website. (voor een ingesteld product in uw account) Versie 1.0

Afrekenen via de PayPro HTML PRODUCT API. op uw eigen website. (voor een ingesteld product in uw account) Versie 1.0 Afrekenen via de PayPro HTML PRODUCT API op uw eigen website (voor een ingesteld product in uw account) Versie 1.0 Inhoud Wat is de PayPro HTML PRODUCT API...3 Het HTML formulier...4 Omschrijving variabelen...5

Nadere informatie

HTML in Outlook 2007. Hoe zorgt u ervoor dat uw email goed in beeld komt?

HTML in Outlook 2007. Hoe zorgt u ervoor dat uw email goed in beeld komt? HTML in Outlook 2007 Hoe zorgt u ervoor dat uw email goed in beeld komt? HTML in Outlook 2007 Inleiding Emark Mail biedt u de mogelijkheid om kant en klare HTML nieuwsbrieven in te laden en te versturen.

Nadere informatie

Web building gevorderden: CSS & JavaScript. Karel Nijs 2008/11

Web building gevorderden: CSS & JavaScript. Karel Nijs 2008/11 Web building gevorderden: CSS & JavaScript Karel Nijs 2008/11 Webbuilding gevorderden les 3 JavaScript intro JavaScript invoegen JavaScript statements JavaScript popup berichten JavaScript functies JavaScript

Nadere informatie

DNM-address. Quick Installation Guide

DNM-address. Quick Installation Guide DNM-address Quick Installation Guide DNM-address basis installatie DNM-address is uitermate snel en efficiënt toe te voegen binnen uw webformulieren. Door het kopieren van twee stukken javascript code

Nadere informatie

B3 Programmeren - PHP

B3 Programmeren - PHP Wat is B3 Programmeren - De Basis Casper Bezemer Jan van Egmond Lyceum ( Jan van Egmond Lyceum ) 1 / 28 1 Wat is 2 Wat is 3 ( Jan van Egmond Lyceum ) 2 / 28 Wat gaan we tegenkomen Wat is Even wat geschiedenis

Nadere informatie

Abonnementen en Termijnbetalingen met de HTML INCASSO API. in uw eigen betaalomgeving. (voor een ingesteld product in uw account) Versie 1.

Abonnementen en Termijnbetalingen met de HTML INCASSO API. in uw eigen betaalomgeving. (voor een ingesteld product in uw account) Versie 1. Abonnementen en Termijnbetalingen met de HTML INCASSO API in uw eigen betaalomgeving (voor een ingesteld product in uw account) Versie 1.0 Inhoud Wat is de PayPro HTML INCASSO API...3 Het HTML formulier...4

Nadere informatie

Documentatie. InstantModules Q42. Versie 1.1

Documentatie. InstantModules Q42. Versie 1.1 Documentatie InstantModules Q42 Versie 1.1 Inhoudsopgave Inhoudsopgave... 2 Voor gebruikers... 3 InstantComment... 3 InstantTagging... 5 Voor webmasters... 9 InstantComment... 9 InstantTagging... 11 Voor

Nadere informatie

Javascript oefenblad 1

Javascript oefenblad 1 Leer de basis van Javascript. Javascript oefenblad 1 Niels van Velzen Javascript oefenblad 1 Pagina 2 Inleiding Javascript is niet altijd even makkelijk. Vooral aan het begin is het even wennen hoe de

Nadere informatie

Taak 2.1.9 - Strict or Strong. Inhoud

Taak 2.1.9 - Strict or Strong. Inhoud Taak 2.1.9 - Strict or Strong Inhoud Taak 2.1.9 Strict or Strong... 1 Inhoud... 1 Inleiding... 2 Wat is een Strict wachtwoord policy?... 3 Waarom een sterk wachtwoord?... 3 De controle methode... 4 PSDs...

Nadere informatie

Formulieren en waarden posten naar een view

Formulieren en waarden posten naar een view Hoofdstuk 4 Formulieren en waarden posten naar een view Waarden posten naar een view in een Zend-project gaat heel anders dan dat je gewend bent. Om dit mechanisme te leren, kunnen we het beste een eenvoudige

Nadere informatie

WEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B

WEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B WEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B WEBSITE-DESIGN INHOUD COLLEGE Afronding vak JQuery, mail(formulieren) en social media Testen Website-design 5-1-2015 2 AFRONDING VAK

Nadere informatie

Handleiding RS Form! 1.0.4

Handleiding RS Form! 1.0.4 Handleiding RS Form! 1.0.4 Inhoud 1. Controlepaneel... 3 2. Forms Manager... 4 2.1 Nieuwe form aanmaken... 4 2.2 Nieuwe fields toevoegen... 7 2.3 Wijzigen/verwijderen bestaande Forms, Fields... 10 Versie

Nadere informatie

HTML Graphics. Hans Roeyen V 3.0

HTML Graphics. Hans Roeyen V 3.0 HTML Graphics Hans Roeyen V 3.0 19 maart 2015 Inhoud 1. HTML5 Canvas... 3 1.1. Het Canvas element... 3 2. SVG Element... 9 2.1. SVG vergeleken met Canvas... 9 2.2. Een cirkel tekenen met SVG... 10 2.2.1.

Nadere informatie

AutoTrack.nl. Handleiding Implementatie Voorraadlijst

AutoTrack.nl. Handleiding Implementatie Voorraadlijst AutoTrack.nl Handleiding Implementatie Voorraadlijst Basis Implementatie De nieuwe AutoTrack.nl Voorraadlijst kunt u (of uw webbouwer) implementeren door op uw website de URL die u van AutoTrack.nl heeft

Nadere informatie

ideal Betaal Formulier (Ondersteund o.a. ideal, MisterCash, Direct E-Banking en Credit Card)

ideal Betaal Formulier (Ondersteund o.a. ideal, MisterCash, Direct E-Banking en Credit Card) Script: Versie: 0.5 Licentie: ideal Betaal Formulier (Ondersteund o.a. ideal, MisterCash, Direct E-Banking en Credit Card) Gratis te gebruiken door (erkende) goede doelen. 200,00 excl. BTW voor aanschaf

Nadere informatie

PHP tekst-bewerkingen, uploaden csv-bestanden import/eport

PHP tekst-bewerkingen, uploaden csv-bestanden import/eport PHP tekst-bewerkingen, uploaden csv-bestanden import/eport Inhoudsopgave Inleiding 3 Voorkennis voor PHP-gevorderd 3 PHP Bestandsbewerkingen 4 Gegevens in een tekstbestand zetten 4 Gegevens zoeken in een

Nadere informatie

In het CMS is het mogelijk om formulieren aan te maken. Voorafgaand een belangrijke tip:

In het CMS is het mogelijk om formulieren aan te maken. Voorafgaand een belangrijke tip: FORMULIEREN In het CMS is het mogelijk om formulieren aan te maken. Voorafgaand een belangrijke tip: belangrijk Importeer formulierdata uit een CSV-bestand precies zoals verderop beschreven. 1. Gedrag

Nadere informatie

Een formulier ontwerpen

Een formulier ontwerpen Een formulier ontwerpen Op iedere professionele website is tegenwoordig wel een formulier te vinden, dat door de bezoeker van de website kan worden ingevuld. Formulieren op websites worden voor verschillende

Nadere informatie

VT51-o: PHP 28 november 2016 JEL Informatica bzmr. PHP - Basis

VT51-o: PHP 28 november 2016 JEL Informatica bzmr. PHP - Basis Uitleg: PHP - Basis Voor deze toets heb je 50 minuten. Probeer zoveel mogelijk te maken. Ik ga met deze oefentoets proberen in te schatten hoeveel tijd er bij elke vraag nodig is. Als je me wilt helpen,

Nadere informatie

1. De consument klikt op de «Betalen met ideal» knop op de website van de winkelier.

1. De consument klikt op de «Betalen met ideal» knop op de website van de winkelier. 1 1. INTRODUCTIE: WAT IS ABN AMRO IDEAL EASY? ABN AMRO ideal Easy is een voordelige en gemakkelijk te gebruiken ideal only betaalknop. Het stelt uw klanten in staat in één klik een betaling via uw website

Nadere informatie

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com Welkom bij mijn PHP tutorial (Deel 1) Ik ga in deze delen PHP uitleggen, dit doe ik in het programma notepad++ (gratis) deze kunt u downloaden van www.richard3332.nl/downloads.php Als u beschikt over dreamweaver

Nadere informatie

Gebruikershandleiding

Gebruikershandleiding Hoe gebruiken? Gebruikershandleiding Inhoudsopgave 1. WAT MOET IK DOEN OM TOEGANG TE KRIJGEN TOT MIJN KLANTENZONE?... 3 2. NAAR UW KLANTENZONE GAAN... 4 3. CONSULTATIE VAN UW GEGEVENS... 6 3.1. MIJN ALGEMENE

Nadere informatie

JavaScript. 0 - Wat is JavaScript? JavaScript toevoegen

JavaScript. 0 - Wat is JavaScript? JavaScript toevoegen 0 - Wat is JavaScript? JavaScript is hele andere koek dan Scratch. Het wordt ook door professionele programmeurs gebruikt. Doordat er veel mensen gebruik maken van JavaScript is er veel informatie over

Nadere informatie

AFO 142 Titel Aanwinsten Geschiedenis

AFO 142 Titel Aanwinsten Geschiedenis AFO 142 Titel Aanwinsten Geschiedenis 142.1 Inleiding Titel Aanwinsten Geschiedenis wordt gebruikt om toevoegingen en verwijderingen van bepaalde locaties door te geven aan een centrale catalogus instantie.

Nadere informatie

GoogleMapsGoogleMapsGoogleMaps GoogleMapsGoogleMapsGoogleMaps GoogleMapsGoogleMapsGoogleMaps

GoogleMapsGoogleMapsGoogleMaps GoogleMapsGoogleMapsGoogleMaps GoogleMapsGoogleMapsGoogleMaps Google Maps INHOUDSOPGAVE Inleiding.. 3 Een Google Map maken.. 4 Een eigen adres opgeven 7 Inzoomen op je eigenkaart. 8 Satellietbeeld op je eigenkaart. 10 Markers plaatsen. 13 Tekstballon plaatsen.. 15

Nadere informatie

Externe pagina s integreren in InSite en OutSite

Externe pagina s integreren in InSite en OutSite Externe pagina s integreren in InSite en OutSite Document-versie: 1.1 Datum: 04-10-2013 2013 AFAS Software Leusden Niets uit deze uitgave mag verveelvoudigd worden en/of openbaar gemaakt worden door middel

Nadere informatie

De categorie Forms in het paneel Insert

De categorie Forms in het paneel Insert Formulieren Invulformulieren bieden u de mogelijkheid om te communiceren met de bezoekers van uw website. Ze geven de bezoeker de mogelijkheid om feedback te geven, informatie door te spelen, informatie

Nadere informatie

Lined Content Management System v.2 (LCMS 2)

Lined Content Management System v.2 (LCMS 2) Lined Content Management System v.2 (LCMS 2) Inhoudsopgave Lined Content Management System v.2 (LCMS 2)...2 Wat is LCMS 2?...3 Hoe gebruik ik LCMS 2?...3 De modules...4 Instellingen...4 Gebruikers...4

Nadere informatie

File Uploads met standaard ASP.NET

File Uploads met standaard ASP.NET File Uploads met standaard ASP.NET In deze tutorial gaan we een aspx pagina maken (met codebehind), waarmee je een bestand kan uploaden naar de webserver. Noot: de hier beschreven code gaat niet in op

Nadere informatie

Een ASP.NET applicatie opzetten. Beginsituatie:

Een ASP.NET applicatie opzetten. Beginsituatie: Hoofdstuk 1 Een ASP.NET applicatie opzetten Beginsituatie: Windows XP Pro, Windows Vista Pro of Windows 7 Pro Visual Studio.NET moet zijn geïnstalleerd. Let hierbij op dat de Express versie niet voldoet.

Nadere informatie

Handleiding ZorgMail Secure e-mail - Webmail

Handleiding ZorgMail Secure e-mail - Webmail Handleiding ZorgMail Secure e-mail - Webmail 2014 ENOVATION B.V. Alle rechten voorbehouden. Niets uit deze uitgave mag worden openbaar gemaakt of verveelvoudigd, opgeslagen in een data verwerkend systeem

Nadere informatie

Technische specificaties Tracking & Tracing

Technische specificaties Tracking & Tracing Netherlands B.V. Technische specificaties Tracking & Tracing Copyright 2006 GLS Netherlands B.V. Versie 052006 1.5 1 Inleiding... 3 Technische uitwerking... 4 Berekening CHK-component... 5 Voorbeelden...

Nadere informatie

Exercise assistant on-line

Exercise assistant on-line Exercise assistant on-line Onderwerpen - Introductie Exercise Assistant - On-line volgens MVC principe - Problemen bij MVC principe - Mogelijke oplossing - Richtingen onderzoek - Mogelijkheid tot meedoen

Nadere informatie

NBTC html wijzigingen juni

NBTC html wijzigingen juni NBTC html wijzigingen juni Verstuurd naar GX: 23 juni 2014 1. Recently viewed Zie Change / Incident 1: Prijzen recently viewed zijn niet correct. Aan de recently viewed items wordt een extra label (met

Nadere informatie

Voorwoord 1. Voorwoord

Voorwoord 1. Voorwoord Voorwoord 1 Voorwoord Naar aanleiding van vele PHP gerelateerde vragen en het ontbreken van een duidelijke on line Nederlandse beginnershandleiding, heb ik in december 2007 besloten om zo n handleiding

Nadere informatie

Postcode module Webservices

Postcode module Webservices Postcode module Webservices Installatie handleiding Total Internet Group B.V. - Amsterdam 1. Installatie van de postcode module via Magento connect 1. Login op de backend van uw Magento webwinkel 2. Ga

Nadere informatie

Handleiding Formulieren in TYPO3 Versie 1.2, 18 juli 2008

Handleiding Formulieren in TYPO3 Versie 1.2, 18 juli 2008 Handleiding Formulieren in TYPO3 Versie 1.2, 18 juli 2008 1. Formulieren aanmaken en plaatsen... 2 1.1 Formulieren aanmaken... 2 1.2 Formulier plaatsen op een pagina... 8 1.3 Aanmaken formulieren map...

Nadere informatie

ChainWise digitaal factureren

ChainWise digitaal factureren ChainWise digitaal factureren Product ChainWise Bedrijfssoftware Jaar 2016 Alle rechten voorbehouden aan ChainWise Niets in deze uitgave mag worden gebruikt in welke vorm dan ook zonder schriftelijke toestemming

Nadere informatie

Webscripting. PCVO Gent & OBAC. Willem De Meyer

Webscripting. PCVO Gent & OBAC. Willem De Meyer Webscripting PCVO Gent & OBAC Willem De Meyer Situering van de module De module webscripting kan na de cursus webdesign gevolgd worden. Kennis van html is noodzakelijk om op de opbouw van webpagina s te

Nadere informatie

HANDLEIDING IDEAL EASY

HANDLEIDING IDEAL EASY HANDLEIDING IDEAL EASY 1 2 1. INTRODUCTIE: WAT IS ABN AMRO IDEAL EASY? ABN AMRO ideal Easy is een voordelige en gemakkelijk te gebruiken betaalknop. Het stelt uw klanten in staat in één klik een betaling

Nadere informatie

Interactieve formulieren met gedragingen

Interactieve formulieren met gedragingen 13 Interactieve formulieren met gedragingen De belangrijkste punten van hoofdstuk 13 Formulieren gebruiken. Formulieren opmaken. Gedragingen gebruiken met formulieren. Een formulier laten valideren. DB_DRWCS4_H13.indd

Nadere informatie

ZorgMail Secure e-mail

ZorgMail Secure e-mail ZorgMail Secure e-mail 2014 ENOVATION B.V. Alle rechten voorbehouden. Niets uit deze uitgave mag worden openbaar gemaakt of verveelvoudigd, opgeslagen in een data verwerkend systeem of uitgezonden in enige

Nadere informatie

VBA voor doe het Zelvers - deel 10

VBA voor doe het Zelvers - deel 10 VBA voor doe het Zelvers - deel 10 Handleiding van Auteur: leofact Oktober 2014 handleiding: VBA voor doe het Zelvers - deel 10 VBA voor Doe het Zelvers is een reeks artikelen, bedoelt voor mensen die

Nadere informatie

AJAX (XMLHttpRequest)

AJAX (XMLHttpRequest) AJAX (XMLHttpRequest) Ajax is hot. De meesten die met webdesign bezig zijn hebben er wel al van gehoord, veronderstel ik. Voor diegenen die er nog niet van hoorden, of nog niet mee werkten volgt hier een

Nadere informatie

Week 1 1/4. Week 1 2/4

Week 1 1/4. Week 1 2/4 Week 1 1/4 3. Beschrijf keuzes: Wij hebben gekozen voor Dreamweaver omdat een van ons dit al op zijn/haar laptop had staan. Ook weten we hoe we dit programma moeten gebruiken en kan bijvoorbeeld notepad++

Nadere informatie

Beschrijving functioneel en technisch design van de website

Beschrijving functioneel en technisch design van de website Bespreking Punten: Beschrijving functioneel en technisch design van de website Nr. Punt 1 Student 2 Bedrijf 3 Algemene lay out 4 Technologieën 5 Webruimte en datatrafiek 1. Student Registratie Bij de registratie

Nadere informatie

Clang 1.3.0. Release Notes. created by

Clang 1.3.0. Release Notes. created by Clang 1.3.0 Release Notes created by Release 1.3.0 Niet zonder trots, presenteren wij Clang 1.3.0. Een release die geheel in het teken staat van de nieuwe split-run functionaliteit en de geheel vernieuwde

Nadere informatie

Een website maken met databasetoegang.

Een website maken met databasetoegang. Hoofdstuk 5 Een website maken met databasetoegang. In dit hoofdstuk gaan we het weblog dat je in hoofdstuk 4 hebt gemaakt verder uitbreiden. Een belangrijk onderdeel wordt toegevoegd aan de applicatie,

Nadere informatie

Nu de afbeeldingen, de bestanden zijn geplaatst, de styling is geregeld en de templates aanwezig zijn, kunt u een mailing maken.

Nu de afbeeldingen, de bestanden zijn geplaatst, de styling is geregeld en de templates aanwezig zijn, kunt u een mailing maken. 1 / 10 Mailing aanmaken De module Mailing, maakt gebruik van enkele onderdelen van de module websitebeheer. Het gaat hier om de hoofdstukken Afbeeldingen, Bestanden en Styling. Via deze hoofdstukken leert

Nadere informatie

Digitaal e-mail certificaat Ondertekenen en encryptie. De meest recente versie van dit document kunt u vinden op: www.ensbergen.nl

Digitaal e-mail certificaat Ondertekenen en encryptie. De meest recente versie van dit document kunt u vinden op: www.ensbergen.nl Digitaal e-mail certificaat Ondertekenen en encryptie De meest recente versie van dit document kunt u vinden op: www.ensbergen.nl Index 1 Inleiding... 4 1.1 Algemeen...4 1.2 Leeswijzer...4 2 Private key

Nadere informatie

Figuur 1 HTML-pagina opvragen

Figuur 1 HTML-pagina opvragen Inleiding In figuur 1 vraagt een host naar een HTML-pagina die in de Web-server is opgeslagen. De Web-server leest deze pagina van de hard disk en stuurt de desbetreffende pagina naar de host. harddisk

Nadere informatie

PhPlist Gebruikers Handleiding

PhPlist Gebruikers Handleiding PhPlist Gebruikers Handleiding Auteur: Sander Duivenvoorden Bedrijf: Buildnet webservices E-mail: support@buildnet.nl Datum: 23-09-2008 Laatste wijziging: 17-10-2008 Versie: 1.1 1 Inleiding Het verzenden

Nadere informatie

Info-books. Toegepaste Informatica. Deel 9c: Elektronisch publiceren FrontPage 2002. AL9c. Jos Gils Erik Goossens

Info-books. Toegepaste Informatica. Deel 9c: Elektronisch publiceren FrontPage 2002. AL9c. Jos Gils Erik Goossens Info-books AL9c Toegepaste Informatica Deel 9c: Elektronisch publiceren FrontPage 2002 Jos Gils Erik Goossens Hoofdstuk 3 Formulieren maken 3.1 Probleemstelling In de meeste gevallen is er een informatiestroom

Nadere informatie

PHP & MySQL. Studievaardigheden 2014. Jan van Rijn (j.n.van.rijn@liacs.leidenuniv.nl) LIACS, Universiteit Leiden

PHP & MySQL. Studievaardigheden 2014. Jan van Rijn (j.n.van.rijn@liacs.leidenuniv.nl) LIACS, Universiteit Leiden PHP & MySQL Studievaardigheden 2014 Jan van Rijn (j.n.van.rijn@liacs.leidenuniv.nl) LIACS, Universiteit Leiden Inleiding Voorkennis: geen Stof: dit college, www.w3schools.com en www.php.net Opdracht: maak

Nadere informatie

Overzicht HTML/Formulieren/PHP codes.

Overzicht HTML/Formulieren/PHP codes. Overzicht HTML/Formulieren/PHP codes. Rekenkundige operatoren: optellen + aftrekken - vermenigvuldigen * delen / modulo % (de modulo-operator berekent de rest na een deling) vb. 5%3 = 2 pow(, ); vb. 2

Nadere informatie

Online aanvragen - Gebruikershandleiding. Online aanvragen Gebruikershandleiding

Online aanvragen - Gebruikershandleiding. Online aanvragen Gebruikershandleiding Online aanvragen Gebruikershandleiding 01 / 11 Online aanvragen Gebruikershandleiding Inhoud Inloggen registreren Wachtwoord vergeten Mijn account Mijn account - Functies Het aanvraagformulier Het aanvraagformulier

Nadere informatie

Inhoudsopgave. Inhoudsopgave... 2. 1. Inleiding... 3. 2. Het begin... 4. 3. Opmaak... 6. 5. Formulieren... 16. 6. Editors... 23. 7. Webbrowsers...

Inhoudsopgave. Inhoudsopgave... 2. 1. Inleiding... 3. 2. Het begin... 4. 3. Opmaak... 6. 5. Formulieren... 16. 6. Editors... 23. 7. Webbrowsers... 1 Inhoudsopgave Inhoudsopgave... 2 1. Inleiding... 3 2. Het begin.... 4 3. Opmaak... 6 5. Formulieren... 16 6. Editors... 23 7. Webbrowsers... 24 8. Webhosting... 25 9. Website uploaden... 27 10. Website

Nadere informatie

Installatie Handleiding Alimentatie Rekendisk. 2011 Sdu Uitgeverij / A. Koppenaal

Installatie Handleiding Alimentatie Rekendisk. 2011 Sdu Uitgeverij / A. Koppenaal Installatie Handleiding Alimentatie Rekendisk / A. Koppenaal I Installatie Handleiding Alimentatie Rekendisk Inhoudsopgave A Inleiding 1 B Installatie 2 C Troubleshoot 4 1 Melding:... Kan database niet

Nadere informatie

Een app (webapplicatie) in php voor het berekenen van de inhoud van een balk

Een app (webapplicatie) in php voor het berekenen van de inhoud van een balk Een app (webapplicatie) in php voor het berekenen van de inhoud van een balk stap voor stap uitgelegd 1) Allereerst zetten we de algemene html structuur op: 2) We brengen de code voor het formulier aan

Nadere informatie

Voordelen: Nadelen: Benodigdheden: Programma s: Google Web Designer. Photoshop. Sublime (HTML-editor) Websites: Tinypng.com

Voordelen: Nadelen: Benodigdheden: Programma s: Google Web Designer. Photoshop. Sublime (HTML-editor) Websites: Tinypng.com Google Web Designer Voordelen: Sneller en makkelijker. Banners kunnen worden afgespeeld op telefoons (flash kan dit niet). Het vervangen van plaatjes kan zonder het programma op te starten. Meer FPS dan

Nadere informatie

Gebruikers handleiding Brugge Printshop webshop

Gebruikers handleiding Brugge Printshop webshop Gebruikers handleiding Brugge Printshop webshop Gebruikers handleiding Brugge Printshop webshop... 1 Inleiding... 3 Inloggen... 4 Wachtwoord vergeten... 4 Gebruikersnaam vergeten... 5 Nog geen klant?...

Nadere informatie

Via de Postbus in Mijn Orbis kunt u communiceren met de afdeling HR door middel van HR aanvragen.

Via de Postbus in Mijn Orbis kunt u communiceren met de afdeling HR door middel van HR aanvragen. Werkinstructie Postbus Mijn Orbis Via de Postbus in Mijn Orbis kunt u communiceren met de afdeling HR door middel van HR aanvragen. HR aanvragen Indien u vragen heeft aan HR, bijv. over de CAO of over

Nadere informatie

Javascript - antwoorden

Javascript - antwoorden informatica Javascript - antwoorden Op dit lesmateriaal is een Creative Commons licentie van toepassing. 2010 Remie Woudt remie.woudt@gmail.com 2013 François Vonk (Javascript geïsoleerd en major edits)

Nadere informatie

Inhoud. Pagina 2 van 13

Inhoud. Pagina 2 van 13 Code Conventie Inhoud PHP algemeen... 3 Namen van variabelen... 3 Enkele of dubbele aanhalingstekens... 3 Globale variabelen... 3 Namen van functies... 3 Argumenten van functies... 3 Formattering... 4

Nadere informatie

Taak 2.1.3 Versleutelen en dan weer terug... 1

Taak 2.1.3 Versleutelen en dan weer terug... 1 Taak 2.1.3 Versleutelen en dan weer terug Inhoud Taak 2.1.3 Versleutelen en dan weer terug... 1 Inhoud... 1 Inleiding... 2 Encryptie en Decryptie... 3 Symmetrisch... 3 Asymmetrisch... 3 Waarom Encryptie

Nadere informatie

Aanleveren van te verzenden sms berichten aan SMS Via

Aanleveren van te verzenden sms berichten aan SMS Via Aanleveren van te verzenden sms berichten aan SMS Via 1. Inleiding Er zijn drie methoden van aanlevering van sms berichten mogelijk: via een HTTP request; dit kunt u gebruiken voor één sms bericht tegelijk

Nadere informatie

Trippeltrap Content Management System

Trippeltrap Content Management System Handleiding Trippeltrap Content Management System versie 2.4 Aanmelden Voordat u de tekst op uw webpagina kunt aanpassen, moet u zich eerst aanmelden. Bovenaan de pagina vindt u een link naar het intranet.

Nadere informatie

HTML. Links. Hyperlinks. Hans Roeyen V 3.0

HTML. Links. Hyperlinks. Hans Roeyen V 3.0 Links En Hyperlinks Hans Roeyen V 3.0 5 februari 2015 Inhoud 1. Werken met (Hyper)links... 3 1.1. De anchor tag... 3 1.1.1. Het ID attribuut... 3 1.1.2. Oefeningen op linken... 4 1.1.3. Absoluut en relatief

Nadere informatie

Jarno Verhoogt 21 mei 2014 Stud. Nr. 500684953 Docent: Joost Faber. Deeltoets 2: Hoe maak je met javascript een eenvoudige slideshow?

Jarno Verhoogt 21 mei 2014 Stud. Nr. 500684953 Docent: Joost Faber. Deeltoets 2: Hoe maak je met javascript een eenvoudige slideshow? Jarno Verhoogt 21 mei 2014 Stud. Nr. 500684953 Docent: Joost Faber Deeltoets 2: Hoe maak je met javascript een eenvoudige slideshow? Inleiding Dit is een eenvoudige handleiding om in javascript een simpele

Nadere informatie

Instructie RFM modules

Instructie RFM modules Instructie RFM module Introductie RFM staat voor Registratie Flow Module. De RFM module vormt de basis voor een aantal nieuwe modules binnen equse Indicate: - Calamiteiten - Klachten - Kindermishandeling

Nadere informatie

Handleiding voor het beheren van opleidingen

Handleiding voor het beheren van opleidingen Handleiding voor het beheren van opleidingen Handleiding coördinator Handleiding voor het beheren van opleidingen HIGIS 2008 http://www.higis.eu.org Higis 13 februari 2008 1/13 Inhoudstafel Beheren van

Nadere informatie

Handleiding Evaluatieplatform Aanbieder

Handleiding Evaluatieplatform Aanbieder Handleiding Evaluatieplatform Aanbieder Versie 3 http://evaluatie.q-keurmerk.nl/ 1 Inhoudsopgave 1. Als aanbieder registreren... 3 2. Inloggen... 4 3. Cursus laten evalueren... 5 1. Inloggen als aanbieder

Nadere informatie

Javascript activeren. Internet Explorer 6+ file:///f:/seniorennet/oplossingen%20text/javascript_aanzetten.html. 1 van 10 2/04/2007 13:02

Javascript activeren. Internet Explorer 6+ file:///f:/seniorennet/oplossingen%20text/javascript_aanzetten.html. 1 van 10 2/04/2007 13:02 1 van 10 2/04/2007 13:02 Javascript activeren Onderstaand vind u de 5 meest gebruikte browsers, klikt u op de versie die u gebruikt zodat u kunt zien hoe u JavaScript aanzet. Internet Explorer 6+ Nederlandse

Nadere informatie

1 FileZilla... 2 1.1 Downloaden FileZilla... 2 1.2 Start het programma... 2 1.2.1 Site toevoegen... 3 1.2.2 Bestanden uploaden...

1 FileZilla... 2 1.1 Downloaden FileZilla... 2 1.2 Start het programma... 2 1.2.1 Site toevoegen... 3 1.2.2 Bestanden uploaden... 1 1 FileZilla... 2 1.1 Downloaden FileZilla... 2 1.2 Start het programma... 2 1.2.1 Site toevoegen... 3 1.2.2 Bestanden uploaden... 5 2 Onderhoud website De Onthaasting... 7 2.1 Editor... 7 2.2 Netbeans-project

Nadere informatie

Dynamische webapplicaties in Java

Dynamische webapplicaties in Java Dynamische webapplicaties in Java October 7, 2006 In java is het mogelijk dynamische webpagina s te implementeren. De code om de dynamische gegevens te genereren staat in servlets of Java Server Pages

Nadere informatie

Kantoren Hierin kunt u instellingen aangaande uw eigen Basecone kantooromgeving

Kantoren Hierin kunt u instellingen aangaande uw eigen Basecone kantooromgeving Basecone Instellingen en Help Instellingen en Help voor super users versie 1.0 oktober 2012 Welkom bij Basecone! Met deze gebruikshandleiding Instellingen en Help voorzien wij u van een overzicht van alle

Nadere informatie

AFO 241 - Leveranciers

AFO 241 - Leveranciers AFO 241 - Leveranciers 241.1 Inleiding[//] Het systeem hanteert een authority bestand voor leveranciers waarin alle leveranciers opgenomen worden. Bij het invoeren van een bestelling wordt een leverancier

Nadere informatie

Instructieblad aanmelden

Instructieblad aanmelden 5.0 E-mail aanmelden E-mail registreren en aanmelden Met een e-mailadres kun je post versturen en ontvangen met je computer. Je hebt daarvoor je eigen e-mailadres nodig en een e-mailadres van de persoon

Nadere informatie

Versie 0.4. Documentatie Onsweb Club plugin voor KNKV verenigingen. Laatste wijziging: 19 juli 2012 Auteurs: Marien Dongstra, Sebastian Huisman

Versie 0.4. Documentatie Onsweb Club plugin voor KNKV verenigingen. Laatste wijziging: 19 juli 2012 Auteurs: Marien Dongstra, Sebastian Huisman Documentatie Onsweb Club plugin voor KNKV verenigingen Versie 0.4 Laatste wijziging: 19 juli 2012 Auteurs: Marien Dongstra, Sebastian Huisman Alle rechten in dit document zijn voorbehouden. www.onsweb.nl,

Nadere informatie

Software Requirements Specification

Software Requirements Specification Software Requirements Specification PEN: Paper Exchange Network Software Engineering groep 1 (se1-1415) Academiejaar 2014-2015 Jens Nevens - Sander Lenaerts - Nassim Versbraegen Jo De Neve - Jasper Bevernage

Nadere informatie

Interactie: Document Object Model en JavaScript. Hoorcollege Webdesign 7 23 mei 2014 Christof van Nimwegen

Interactie: Document Object Model en JavaScript. Hoorcollege Webdesign 7 23 mei 2014 Christof van Nimwegen Interactie: Document Object Model en JavaScript Hoorcollege Webdesign 7 23 mei 2014 Christof van Nimwegen JavaScript WWW was geheel statisch, interactie was alleen volgen van link Javascript maakt interactie

Nadere informatie

Katholieke Hogeschool Kempen ASP

Katholieke Hogeschool Kempen ASP Katholieke Hogeschool Kempen Campus Geel Departement Handelswetenschappen en Bedrijfskunde 3de jaar Toegepaste Informatica ASP www.projectchatroom.be Yorkim Parmentier 3TI4 Andy Geluykens 3TI4 Academiejaar

Nadere informatie

Eigen Widgets in CRM. Introductie. Limitering. Widgets beschikbaar stellen. Tips & Tricks Eigen Widgets in CRM

Eigen Widgets in CRM. Introductie. Limitering. Widgets beschikbaar stellen. Tips & Tricks Eigen Widgets in CRM Tips & Tricks Eigen Widgets in CRM Eigen Widgets in CRM Introductie De WebUI van CRM 7.0 maakt het mogelijk om je eigen widgets te maken en deze in je eigen view te gebruiken. Dat kan door gebruik te maken

Nadere informatie

Handleiding ChainWise Digitaal factureren

Handleiding ChainWise Digitaal factureren Handleiding ChainWise Digitaal factureren Versie: 1.1 Datum: februari 2013 Inhoudsopgave 1 Inleiding... 3 2 Voorbereiding... 4 2.1 E-mail sjabloon aanpassen... 4 2.2 Instellen from en bcc adres, subject...

Nadere informatie