p1  =  JAVASCRIPT          p13=  AJAX          p26=  PHP  

 

JAVASCRIPT Leeftijd + 2 <script language="javascript" type="text/javascript"> var leeftijd = prompt('Hoe oud ben je?', 'vul hier je leeftijd in'); var leeftijd2 = parseInt (leeftijd)+2; prompt('Wanneer denk je te sterven?', leeftijd2);

Naam in Alert <script language="javascript" type="text/javascript"> var naam = prompt('Wat is je naam?', 'vul hier je naam in'); alert('Hallo, ' + naam + '. \nWelkom op deze website!');

Hoelang is de dag bezig <script language="javascript" type="text/javascript"> var uur = prompt('Hoe laat is het (uur)?', 'vul hier het uur in'); var minuten = prompt('Hoe laat is het (minuten)?', 'vul hier de minuten in'); var seconden = (parseInt(uur)*3600) + (parseInt(minuten)*60); alert('De dag is ' + seconden + ' seconden bezig..,');

Verander achtergrondkleur <script language="javascript" type="text/javascript"> var color = prompt('Gelieve een kleur op te geven', 'vul hier de kleur in') document.writeln("<style> body{background: #" + color + ";} ");

Toon info bij afbeelding

Roll over the images for more info

Wich image doesn’t fit Click the right image:


 

 

1  

1  

p1  =  JAVASCRIPT          p13=  AJAX          p26=  PHP  

 

Resize image <script language="javascript"> function resizeimage(){ var hoogte = document.imagesize.hoogte.value; var breedte= document.imagesize.breedte.value; document.riksja.height = hoogte; document.riksja.width = breedte; }

Enlarge / Shrink

Height :
Width :

Swap images <script language="javascript"> function swap(){ var tijdelijk = document.one.src; document.one.src = document.two.src; document.two.src = tijdelijk; }

Swap

Belangrijkste evenements bij een formulier

 

 

2  

2  

p1  =  JAVASCRIPT          p13=  AJAX          p26=  PHP  

 

De inhoud van een veld opvragen/veranderen

De inhoud van een veld opvragen en veranderen <script language="Javascript"> function nieuw(){ alert (document.formulier.invoer.value); document.formulier.invoer.value='Opnieuw!'; }

vul om het even wat in

Swap text <script language="javascript"> function swap(){ var tijdelijk = document.formulier.one.value; document.formulier.one.value = document.formulier.two.value; document.formulier.two.value = tijdelijk; }

<->

 

 

3  

3  

p1  =  JAVASCRIPT          p13=  AJAX          p26=  PHP  

 

Wisselkoers <script language="Javascript"> var wisselkoers = 40.3399; function bf2euro(){ document.munten.euro.value = document.munten.bef.value/wisselkoers; } function euro2bf(){ document.munten.bef.value = document.munten.euro.value*wisselkoers; }

BEF = €

Info samenplakken in een alert <script language="Javascript"> function gegevens(){ var naam= document.geg.voornaam.value + " " + document.geg.achternaam.value; var adres= document.geg.adres.value; var leeftijd= document.geg.leeftijd.value; var vraag= "Naam : " + naam + "\nAdres: " + adres + "\nLeeftijd: " + leeftijd + "\n\nKlopt dit?"; confirm(vraag); }

Voornaam en naam:
Adres:
Leeftijd:

 

 

4  

4  

p1  =  JAVASCRIPT          p13=  AJAX          p26=  PHP  

 

Formulier Validatie (met Alert) <script type="text/javascript"> function testAlles(){ var foutmelding = testNaam() + testLeeftijd() + testEmail(); if (foutmelding == "") return true; else{ alert("Het formulier is niet correct ingevuld: \n\n" + foutmelding); return false; } } function toonFout(fout){ if(fout != '') alert(fout); } function testNaam(){ if(document.invoer.naam.value=='') { return 'Naam is niet correct ingevuld!\n'; } else { return ''; } } function testLeeftijd(){ var age= parseInt(document.invoer.leeftijd.value); if(isNaN(age) || age <= 0 || age > 130) { return 'Leeftijd is niet correct ingevuld!\n'; } else { return ''; } } function testEmail(){ var email = document.invoer.email.value var at = email.indexOf("@"); var dot = email.indexOf(".", at); if (email == "") { return 'Email is niet ingevuld!\n'; } else if(at == -1 || dot == -1) { return 'Email adres is niet geldig!\n'; } else { return ''; } } Info voor HTML Form -> onsubmit=”return testAlles()” Email -> onblur="toonFout(testEmail())" Naam -> onblur="toonFout(testNaam())" Leeftijd -> onblur="toonFout(testLeeftijd())"

 

 

5  

5  

p1  =  JAVASCRIPT          p13=  AJAX          p26=  PHP  

 

Vergroot/verklein Html-text <script type="text/javascript"> function veranderGrootte(verandering){ var paragraaf = document.getElementById("par"); var huidigegrootte = parseInt(paragraaf.style.fontSize); if(isNaN(huidigegrootte)){ huidigegrootte = 15; } paragraaf.style.fontSize = huidigegrootte + verandering + "px"; }

Dit is een beetje tekst

Verwijder kleur <style type="text/css"> #een{ background-color: green; width: 100px; height: 100px; float: left; } #twee{ background-color: red; width: 100px; height: 100px; float: left; } #drie{ background-color: blue; width: 100px; height: 100px; float: left; } #knoppen{ clear: both; } <script type="text/javascript"> function verwijderBlok(blok){ var verwijderen = document.getElementById(blok); verwijderen.style.display = "none"; }

 

 

6  

6  

p1  =  JAVASCRIPT          p13=  AJAX          p26=  PHP  

 



Verander de inhoud van een div <style> .red{ background-color: #ff0000; color: #000; font-size: 14px; font-family: Verdana; } .black{ background-color: #000; color: #ffffff; font-size:16px; font-family: Georgia; } <script type="text/javascript" language="javascript"> function veranderinhoud(){ var inhoud = document.getElementById("content"); inhoud.className = "black"; inhoud.innerHTML = "Dit is iets anders"; }
veranderen

Toon rechter of linker muisklik <script type="text/javascript" language="javascript"> function toonknop(event){ if(event.button == 2) alert("rechter muisknop"); else if(event.button == 0) alert("linker muisknop"); }

 

 

7  

7  

p1  =  JAVASCRIPT          p13=  AJAX          p26=  PHP  

 

Toon coordinaten waar geklikt <script type="text/javascript" language="javascript"> function tooncoordinaten(event){ if (event.pageX || event.pageY){ posx = event.pageX; posy = event.pageY; } else if (event.clientX || event.clientY){ posx = event.clientX + document.body.scrollLeft; posy = event.clientY + document.body.scrollTop; } alert("Huidig X coordinaat: " + posx + "\nHuidig Y coordinaat: " + posy); }

FAQ <style type="text/css"> ol ol{ display: none; } <script type="text/javascript"> function klapopen(lijstid){ var lijst = document.getElementById(lijstid); var status = document.getElementById(lijstid + "Status"); if(lijst.style.display == "block"){ lijst.style.display = "none"; status.innerHTML = "+"; } else { lijst.style.display = "block"; status.innerHTML = "-"; } }

1. + een domeinnaam
   1. verzin domeinnaam
   2. check beschikbaarheid
   3. registreer domeinnaam
2. + grafisch ontwerp, er-schema
   1. voer gesprek met opdrachtgever
   2. giet grafisch ontwerp in template
   
   
    
   
    
   
   8  
   
   8  
   
   p1  =  JAVASCRIPT          p13=  AJAX          p26=  PHP  
   
    
   
   
   3. maak er-schema
3. + ontwikkeling
   1. zet er-schema om in database
   2. schrijf php-scriptjes
   3. schrijf javascriptjes
4. + online plaatsen
   1. zoek webhosting
   2. gebruik FTP
   3. zet site online

Div die muis volgt <style type="text/css"> #message{ font: 12px Arial; padding: 3px; position: absolute; background: #ff0000; color: #ffffff; /* zorgen dat het niet tegen de muis plakt */ margin: 5px 0 0 10px; } <script type="text/javascript"> function volg(event){ if(event.pageX || event.pageY){ var posx = event.pageX; var posy = event.pageY; } else if(event.clientX || event.clientY){ var posx = event.clientX + document.body.scrollLeft; var posy = event.clientY + document.body.scrollTop; } var blokje = document.getElementById("message"); blokje.style.left = posx + "px"; blokje.style.top = posy + "px"; }

 

 

9  

9  

p1  =  JAVASCRIPT          p13=  AJAX          p26=  PHP  

 

Zoek het geheime getal + aantal pogingen weergeven <script type="text/javascript"> var geheim = 4; var teller = 0; function probeer(keuze){ teller++; if(keuze.innerHTML == geheim){ keuze.style.backgroundColor = "#00FF00"; alert("U had " + teller + " pogingen nodig."); } else { keuze.style.backgroundColor = "#FF0000"; } }

1

2

3

4

5

6

7

8

9

10

Veranderspreak na tijdsinterval <script type="text/javascript"> var spreuken = new Array( "spreuk1", "spreuk2", "spreuk3"); function veranderSpreuk(){ var getal = Math.floor(Math.random()*spreuken.length); document.getElementById("statusbalk").innerHTML = spreuken[getal]; } setInterval("veranderSpreuk()", 2000);

Spreuken Generator

 

 

10  

10  

p1  =  JAVASCRIPT          p13=  AJAX          p26=  PHP  

 

Verplaatsen: zet de woorden terug in de juiste volg orde <script type="text/javascript"> var vorige = -1; function verplaats(id) { if (vorige == -1) { // we hebben nog niks geselecteerd vorige = id; document.getElementById(id).bgColor = "yellow"; } else { // wissel om var een = document.getElementById(vorige); een.bgColor = "white"; var twee = document.getElementById(id); var temp = een.innerHTML; een.innerHTML = twee.innerHTML; twee.innerHTML = temp; vorige = -1; } }

kan

goed

Javascript

ik

in

programmeren

Hide/show textbox with a checkbox <script type="text/javascript"> function addGSM(){ var gsm = document.getElementById("checkGSM"); var gsminvoer = document.getElementById("gsmTD"); if(gsm.checked){ gsminvoer.innerHTML = ''; } else { gsminvoer.innerHTML = ''; } }

 

 

11  

11  

p1  =  JAVASCRIPT          p13=  AJAX          p26=  PHP  

 

function addMSN(){ var msn = document.getElementById("checkMSN"); var msninvoer = document.getElementById("msnTD"); if(msn.checked){ msninvoer.innerHTML = ''; } else { msninvoer.innerHTML = ''; } }

Naam:
GSM
MSN

Verander achtergrondkleur met dropdown menu <script type="text/javascript"> var kleurcode = new Array(); kleurcode["wit"] = "#FFFFFF"; kleurcode["groen"] = "#00FF00"; kleurcode["lichtgroen"] = "#80FF80"; kleurcode["rood"] = "#FF0000"; function toonKleur(){ var gekozen = document.getElementById('code').value; document.getElementById("alles").style.backgroundColor = kleurcode[gekozen]; }

 

 

12  

12  

p1  =  JAVASCRIPT          p13=  AJAX          p26=  PHP  

 

AJAX Ondertitel voor een afbeelding Html <script src="functions.js" type="text/javascript">

updateonderschrift.php query($data)) { print("OK"); } else { print("KO!"); print("<pre>$data veroorzaakt volgende fout:
\n"); $fout = $link->error; print("   $fout"); } $link->close() or die("Kan link met " . $dbserver . " niet sluiten."); ?>

 

 

13  

13  

p1  =  JAVASCRIPT          p13=  AJAX          p26=  PHP  

 

GetOnderschrift.php query($query)) { print("OK;"); $record = $resultTekst->fetch_assoc(); print($record['onderschrift']); } else { print("KO!"); print("De query <pre>$query voor de db $dbnaam is mislukt. "); print("De foutmelding is:
\n"); $fout = $link->error; print("   $fout."); } $link->close() or die("Kan link met $dbserver niet sluiten."); ?>

Javascript function createREQ() { var req = false; try { req = new XMLHttpRequest(); // firefox, safari, É } catch (err1) { try { req = new ActiveXObject("Msxml2.XMLHTTP"); // sommige IE } catch (err2) { try { req = new ActiveXObject("Microsoft.XMLHTTP"); // meeste IE } catch (err3) { req = false; alert("Deze browser ondersteunt geen Ajax. Dikke pech!"); }}} return req; }

 

 

14  

14  

p1  =  JAVASCRIPT          p13=  AJAX          p26=  PHP  

 

function changeOnderschrift(){ var http = createREQ(); http.onreadystatechange = function(){ if(http.readyState == 4){ var div = document.getElementById('status'); if(http.responseText.substr(0,2) == "OK") { div.innerHTML = "Ondertitel opgeslagen"; document.getElementById('tekst').value = ""; ophalen(); } else div.innerHTML = "Probleem: " + http.responseText; } } http.open("POST", "updateOnderschrift.php"); http.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); http.send('bericht=' + document.getElementById('tekst').value); } function ophalen(){ var http = createREQ(); var urlGewoon = "getOnderschrift.php"; var rand = parseInt(Math.random()*999999); var url = urlGewoon + "?rand=" + rand; var divBox = document.getElementById('onderschrift'); http.onreadystatechange = function() { var status = http.responseText.substr(0,2); var tekst = http.responseText.substr(3); if(http.readyState == 4 && status == "OK"){ divBox.innerHTML = tekst; } else { divBox.innerHTML = "<em>onderschrift wordt opgehaald..."; } } http.open("GET", url); http.send(null); }

Quiz Html <script src="functions.js" type="text/javascript">

Welk festival gaat jaarlijks door in Kiewit?

Hoe goed werkt het internet op school?

 

 

15  

15  

p1  =  JAVASCRIPT          p13=  AJAX          p26=  PHP  

 

Antwoord.php

Javascript function createREQ() { var req = false; try { req = new XMLHttpRequest(); // firefox, safari, ... } catch (err1) { try { req = new ActiveXObject("Msxml2.XMLHTTP"); // sommige IE } catch (err2) { try { req = new ActiveXObject("Microsoft.XMLHTTP"); // meeste IE } catch (err3) { req = false; alert("Deze browser ondersteunt geen Ajax. Dikke pech!"); }}} return req; } function antwoord(vraag,poging){ var http = createREQ(); var urlGewoon = "antwoord.php?vraag=" + vraag; var rand = parseInt(Math.random()*999999); var url = urlGewoon + "&rand=" + rand; var divID = "antwoord" + vraag + "_" + poging; http.onreadystatechange = function(){ if(http.readyState < 4){ document.getElementById(divID).style.border = "1px grey dotted"; } else{ document.getElementById(divID).style.border = "0px"; var juist = http.responseText; if(poging == juist) document.getElementById(divID).style.backgroundColor = "green"; else document.getElementById(divID).style.backgroundColor = "red"; } } http.open("GET", url); http.send(null); }

 

 

16  

16  

p1  =  JAVASCRIPT          p13=  AJAX          p26=  PHP  

 

Ratingsysteem Html <style type="text/css"> .rate{ border: 1px solid #ffffff; padding: 3px; margin-right: 5px; cursor: pointer; font: 11px Arial, Helvetica, sans-serif; } .rate:hover{ border: 1px solid #000000; } <script src="functions.js" type="text/javascript">

Hoeveel sterren verdient deze CD?

<strong>Gemiddelde score: <span id="gemiddelde">

insertvote.php
if ($link->query($data)) {

 

 

17  

17  

p1  =  JAVASCRIPT          p13=  AJAX          p26=  PHP  

 

print("OK"); } else { print("KO!"); print("<pre>$data veroorzaakt volgende fout:
\n"); $fout = $link->error; print("   $fout"); } $link->close() or die("Kan link met $dbserver niet sluiten."); ?>

Getgemiddelde.php query($query)) { for ($i=0; $i < $result->num_rows; $i++) { $rij= $result->fetch_assoc(); //PAS VOLGENDE REGEL AAN print("OK;"); $gemiddelde = round($rij['gemiddelde']); print($gemiddelde); //EINDE AANPASSING } // geef geheugen vrij voor record-set $result->close(); } else { print("KO"); print("De foutmelding is:
\n"); $fout = $link->error; print("   $fout."); } $link->close() or die("Kan link met $dbserver niet sluiten."); ?>

 

 

18  

18  

p1  =  JAVASCRIPT          p13=  AJAX          p26=  PHP  

 

Javascript function createREQ() { var req = false; try { req = new XMLHttpRequest(); // firefox, safari, É } catch (err1) { try { req = new ActiveXObject("Msxml2.XMLHTTP"); // sommige IE } catch (err2) { try { req = new ActiveXObject("Microsoft.XMLHTTP"); // meeste IE } catch (err3) { req = false; alert("Deze browser ondersteunt geen Ajax. Dikke pech!"); }}} return req; } function rate(score){ var http = createREQ(); var urlGewoon = "insertVote.php?score="+score; var rand = parseInt(Math.random()*999999); var url = urlGewoon + "&rand=" + rand; var divBox = document.getElementById('status'); http.onreadystatechange = function(){ if(http.readyState == 4){ if(http.responseText.substr(0,2) == "OK") { divBox.innerHTML = "Score opgeslagen!"; ophalen(); } else divBox.innerHTML = "Probleem: " + http.responseText; } } http.open("GET", url); http.send(null); } function ophalen(){ var http = createREQ(); var urlGewoon = "getGemiddelde.php"; var rand = parseInt(Math.random()*999999); var url = urlGewoon + "?rand=" + rand; var divBox = document.getElementById('gemiddelde'); http.onreadystatechange = function() { var status = http.responseText.substr(0,2);

 

 

19  

19  

p1  =  JAVASCRIPT          p13=  AJAX          p26=  PHP  

 

var tekst = http.responseText.substr(3); if(http.readyState == 4 && status == "OK"){ divBox.innerHTML = tekst; } else { divBox.innerHTML = "<em>score wordt opgehaald..."; } } http.open("GET", url); http.send(null); }

Woordenketting Html <script src="functions.js" type="text/javascript">

Woordenketting

<strong>Voeg woord toe aan woordenketting:

Updateketting.php query($data)) { print("OK"); } else { print("KO!"); print("<pre>$data veroorzaakt volgende fout:
\n"); $fout = $link->error; print("   $fout"); } $link->close() or die("Kan link met $dbserver niet sluiten."); ?>

 

 

20  

20  

p1  =  JAVASCRIPT          p13=  AJAX          p26=  PHP  

 

Getketting.php query($query)) { print("OK;"); $record = $resultTekst->fetch_assoc(); print($record['ketting']); } else { print("KO!"); print("De query <pre>$query voor de db $dbnaam is mislukt. "); print("De foutmelding is:
\n"); $fout = $link->error; print("   $fout."); } $link->close() or die("Kan link met $dbserver niet sluiten."); ?>

Javascript function createREQ() { var req = false; try { req = new XMLHttpRequest(); // firefox, safari, É } catch (err1) { try { req = new ActiveXObject("Msxml2.XMLHTTP"); // sommige IE } catch (err2) { try { req = new ActiveXObject("Microsoft.XMLHTTP"); // meeste IE } catch (err3) { req = false; alert("Deze browser ondersteunt geen Ajax. Dikke pech!"); }}} return req; } function changeKetting(){ var http = createREQ(); http.onreadystatechange = function(){

 

 

21  

21  

p1  =  JAVASCRIPT          p13=  AJAX          p26=  PHP  

 

if(http.readyState == 4){ var div = document.getElementById('status'); if(http.responseText.substr(0,2) == "OK") { div.innerHTML = "Woord toegevoegd"; document.getElementById('tekst').value = ""; ophalen(); } else div.innerHTML = "Probleem: " + http.responseText; } } http.open("POST", "updateKetting.php"); http.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); http.send('bericht=' + document.getElementById('tekst').value); } function ophalen(){ var http = createREQ(); var urlGewoon = "getKetting.php"; var rand = parseInt(Math.random()*999999); var url = urlGewoon + "?rand=" + rand; var divBox = document.getElementById('ketting'); http.onreadystatechange = function() { var status = http.responseText.substr(0,2); var tekst = http.responseText.substr(3); if(http.readyState == 4 && status == "OK"){ divBox.innerHTML = tekst; } else { divBox.innerHTML = "<em>ketting wordt opgehaald..."; } } http.open("GET", url); http.send(null); }

Shoutbox Html <script type="text/javascript" src="functions.js">

 

 

22  

22  

p1  =  JAVASCRIPT          p13=  AJAX          p26=  PHP  

 

postbericht.php query($data)) { print("OK"); } else { print("KO!"); print("<pre>$data veroorzaakt volgende fout:
\n"); $fout = $link->error; print("   $fout"); } $link->close() or die("Kan link met " . $dbserver . " niet sluiten."); ?>

getbericht.php query($query)) { print("OK;"); for ($i=0; $i < $result->num_rows; $i++) { $rij= $result->fetch_assoc();

 

 

23  

23  

p1  =  JAVASCRIPT          p13=  AJAX          p26=  PHP  

 

//PAS VOLGENDE REGEL AAN $naam = $rij['naam']; $bericht = $rij['shout']; print(""); } // geef geheugen vrij voor record-set $result->close(); } else { print("KO!"); print("De query <pre>$query voor de db $dbnaam is mislukt. "); print("De foutmelding is:
\n"); $fout = $link->error; print("   $fout."); } $link->close() or die("Kan link met $dbserver niet sluiten."); ?>

javascript function createREQ() { ………….. } function laden(){ var http = createREQ(); var url = "getBerichten.php"; var rand = parseInt(Math.random()*99999999); var urlvolledig = url + "?rand=" + rand; http.onreadystatechange = function(){ var status = http.responseText.substr(0,2); var tekst = http.responseText.substr(3); if(http.readyState == 4 && status == "OK"){ document.getElementById("berichten").innerHTML = tekst; document.getElementById("status").style.display = "none"; } else if(http.readyState == 4 && status != "OK"){ document.getElementById("status").innerHTML = "Er ging iets mis..."; document.getElementById("status").style.display = "block"; } } http.open("GET", urlvolledig); http.send(null); } function posten(){ var http = createREQ(); http.onreadystatechange = function(){ if(http.readyState == 4){ var status = http.responseText.substr(0,2); if(status == "OK"){ laden();

 

 

24  

24  

p1  =  JAVASCRIPT          p13=  AJAX          p26=  PHP  

 

document.getElementById("tekst").value = ""; document.getElementById("status").style.display = "none"; } else { document.getElementById("status").innerHTML = "Er ging iets mis..."; document.getElementById("status").style.display = "block"; } } } http.open("POST", "postBericht.php"); http.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); http.send('bericht=' + document.getElementById("tekst").value + '&naam=' + document.getElementById("naam").value); }

CSS body{ font: 12px Arial, Verdana, sans-serif; } #berichten{ width:220px; margin: 10px 0 0 0; } .message{ border-bottom: 1px solid #e6e6e6; margin: 0 0 5px 0; padding: 0 0 5px 0; } #shout{ width:200px; padding: 10px; background: #eeeeee; border: 1px solid #e6e6e6; } #naam, #tekst{ width: 190px; border: 1px solid #e6e6e6; color: #666666; font: 12px Arial, Verdana, sans-serif; padding: 5px; } #verzenden{ clear: both; background: #666666; color: white; border: 0px; } #status{ width:212px; padding: 5px; background: red; color: white; display: none; }

 

 

25  

25  

p1  =  JAVASCRIPT          p13=  AJAX          p26=  PHP  

 

PHP Insertdata  
// de naam van de gegevensbank waaruit we gegevens ophalen

// Definieer hieronder de data // Als je veel data hebt die over meer dan 1 regel komt, // kan je vanaf de tweede regel hieronder na <$data = $data .> // de data vervolledigen tussen de aanhalingstekens. (zie vb.) // Pas wel op als je een string gebruikt. Zet dan tussen ' ' ipv " " (zie vb) $data = "INSERT INTO logboek (ipadres, tekst) VALUES (\"{$_SERVER['REMOTE_ADDR']}\",\"{$_POST['invoer']}\");"; // einde variabelen // Het volgende stuk mag je gewoon overnemen. // Begin connectie en invoegen data $link = new mysqli($dbserver, $user, $passwd, $dbnaam); if (mysqli_connect_errno()) { die("Geen connectie met $dbnaam op mySql mogelijk omwille van " . mysqli_connect_error()); } if ($link->query($data)) { print("Toevoegen van de data in de tabel is gelukt!"); } else { print("Kan geen data toevoegen!
"); print("<pre>$data veroorzaakt volgende fout:
\n"); $fout = $link->error; print("   $fout"); } $link->close() or die("Kan link met " . $dbserver . " niet sluiten."); // Einde connectie en invoegen data ?>  

       

 

 

26  

26  

p1  =  JAVASCRIPT          p13=  AJAX          p26=  PHP  

 

Bekijkquerie   // de query vervolledigen tussen de aanhalingstekens. (zie vb.) // Pas wel op als je een string gebruikt. Zet dan tussen ' ' ipv " " (zie vb) $query = "SELECT * FROM Hotels WHERE Plaats = \"genk\""; $query = $query . " LIMIT $beginRecord, $aantalRecords;"; // In deze string mag/moet je gebruik van dingen die je uit het formulier haalt // dat de gebruiker heeft ingevuld om dingen uit de db te bekijken. // einde variabelen // Het volgende stuk mag je gewoon overnemen, behalve voor de regel // waarin een rij van het resultaat getoond wordt. // Wanneer je de layout van het resultaat wil veranderen, bv. alles in // een tabel plaatsen, moet je nog code toevoegen. DOE DIT! // Begin connectie en bekijken Query $link = new mysqli($dbserver, $user, $passwd, $dbnaam); if (mysqli_connect_errno()) { die("Geen connectie met $dbnaam op mySql mogelijk omwille van " . mysqli_connect_error()); } if ($result=$link->query($query)) { for ($i=0; $i < $result->num_rows; $i++) { $rij= $result->fetch_assoc(); //PAS VOLGENDE REGEL AAN print("Hotel: {$rij['Hotel']}, PPN : {$rij['PPN']}
\n"); //EINDE AANPASSING } // geef geheugen vrij voor record-set $result->close(); } else { print("De query <pre>$query voor de db $dbnaam is mislukt. "); print("De foutmelding is:
\n"); $fout = $link->error; print("   $fout."); } $link->close() or die("Kan link met $dbserver niet sluiten."); // Einde connectie en bekijken query ?>

 

 

27  

27