Untitled

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Index</title>
		<link rel="stylesheet" href="themes/my-custom-theme.min.css" />
		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile.structure-1.2.0.min.css" />
		<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
		<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
	</head>
	<body>
		<div data-role="page" data-theme="a">
			<div data-role="header" data-position="inline">
            <a href="#" data-role="button" data-icon="back" data-rel="back" >Terug</a>
				<h1>Remco Visser</h1>
			</div>
			<div data-role="content" data-theme="a">
                <script type="text/javascript">
                	$(document).ready(function()
					{
                		function getParam ( sname )
                			{
                 				var params = location.search.substr(location.search.indexOf("?")+1);
                  				var sval = "";
                  				params = params.split("&");

                        for (var i=0; i<params.length; i++)
                           {
                                 temp = params[i].split("=");
                                 if ( [temp[0]] == sname )
								 {
								 	sval = temp[1];
								}
                           }
                  		return sval;
					}

					var theNaam = getParam('Naam');
                	window.alert(theNaam);
                	$.ajax
					({
						url: 'http://69025.ict-lab.nl/blok2/Web3G/opdracht3.1/verwijder.php?Naam=' + theNaam,
						type: 'GET',
						success: function (data)
						{
							$('#verwijder').html(data);
							window.alert(data);
						}
					});
                });
                </script>
                <div id="verwijder">

                </div>

			</div>
            <div data-role="footer" data-position="inline">
           	  <h1>iets</h1>
            </div>
		</div>
	</body>
</html>


<?php
include '../../../connection.php';

//Uitlezen
$opdracht = "SELECT * FROM meog1_personen";
$result = mysql_query($opdracht);
echo ("<TABLE width=70% border=1>");
while ($Rij = mysql_fetch_array($result)){
	echo "<tr>";
	echo ("<td> $Rij[Naam] </td>\n");
	echo ("<td> $Rij[Adres] </td>\n");
	echo ("<td> $Rij[Woonplaats] </td>\n");
	echo ("<td> $Rij[Geboortedatum] </td>\n");
	echo ("<td> $Rij[Emailadres] </td>\n");
	echo ("<td> <a rel = 'external' href = 'verwijder2.html?Naam=$Rij[Naam]'>Verwijder</a></td>\n");
}
echo ("</table>");
?>


<?php
		include '../../../connection.php';
		$Naam =  $_GET['Naam'];

		mysql_query("DELETE FROM `meog1_personen` WHERE `Naam` = '$Naam'");
?>


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Index</title>
		<link rel="stylesheet" href="themes/my-custom-theme.min.css" />
		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile.structure-1.2.0.min.css" />
		<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
		<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
        <link rel="stylesheet" href="css/styles.css">
	</head>
	<body>
		<div data-role="page" data-theme="a">
			<div data-role="header" data-position="inline">
            <a href="#" data-role="button" data-icon="back" data-rel="back" >Terug</a>
				<h1>Remco Visser</h1>
			</div>
			<div data-role="content" data-theme="a">
				<p>tekst</p>

				<a href="link1.html" data-prefetch data-role="button" data-icon="forward" data-transition="flip">Link1</a>
                <a href="link2.html" data-prefetch data-role="button" data-icon="forward" data-transition="pop">Link2</a>
                <a href="link3.html" data-prefetch data-role="button" data-icon="forward" data-transition="slideup">Link3</a>


                <a href="#popupBasic" data-role="button" data-rel="popup" data-icon="info">Popup</a>
                <div data-role="popup" id="popupBasic">
                    <p>Dit is een Popup<p>
                </div>

                <table width="30%" border="0">
                  <tr>
                    <td>Naam</td>
                    <td><div data-role="fieldcontain">
                      <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
                    </div></td>
                  </tr>
                  <tr>
                    <td>geslacht</td>
                    <td><div data-role="fieldcontain">
                      <fieldset data-role="controlgroup" data-type="horizontal">
                        <input type="radio" name="geslacht" id="geslacht_0" value="" />
                        <label for="geslacht_0">Man</label>
                        <input type="radio" name="geslacht" id="geslacht_1" value="" />
                        <label for="geslacht_1">Vrouw</label>
                      </fieldset>
                    </div></td>
                  </tr>
                  <tr>
                    <td>Lengte</td>
                    <td><div data-role="fieldcontain">
                      <input type="range" name="slider" id="slider" value="0" min="0" max="100" />
                    </div></td>
                  </tr>
                  <td>Alergie</td>
                  <td><div data-role="fieldcontain">
                    <fieldset data-role="controlgroup" data-type="horizontal">
                      <input type="checkbox" name="Alergie" id="Alergie_0" class="custom" value="" />
                      <label for="Alergie_0">Noten</label>
                      <input type="checkbox" name="Alergie" id="Alergie_1" class="custom" value="" />
                      <label for="Alergie_1">Dieren</label>
                      <input type="checkbox" name="Alergie" id="Alergie_2" class="custom" value="" />
                      <label for="Alergie_2">Bloemen</label>
                    </fieldset>
                  </td>
                  </div>
                  </table>

                  <br/><br/><br/>

                  <a href="#" id="button">Klik</a>
                <div id="modal">
                    <div id="heading">
                        Is een vierkant rond?
                    </div>

                    <div id="content">
                        <p>Uw antwoord is definitief, weet u het zeker?</p>

                        <a href="#" class="button green close"><img src="images/tick.png">Ja</a>

                        <a href="#" class="button red close"><img src="images/cross.png">Nee!</a>
                    </div>
                </div>

                <br/><br/><br/>

                    <!--jQuery-->
                    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
                    <script src="js/jquery.reveal.js"></script>

                    <script type="text/javascript">
                        $(document).ready(function() {
                            $('#button').click(function(e) { // Button which will activate our modal
                                $('#modal').reveal({ // The item which will be opened with reveal
                                    animation: 'fade',                   // fade, fadeAndPop, none
                                    animationspeed: 600,                       // how fast animtions are
                                    closeonbackgroundclick: true,              // if you click background will modal close?
                                    dismissmodalclass: 'close'    // the class of a button or element that will close an open modal
                                });
                            return false;
                            });
                        });
                 </script>


                <script type="text/javascript">
				$.ajax({
				 url: 'http://69025.ict-lab.nl/blok2/Web3G/opdracht3.1/database.php',
				 type: 'GET',
				 success: function (data) {
				  $('#databasetabel').html(data);
				 }
				});
				</script>

                <div id="databasetabel">

                </div>
			</div>
            <div data-role="footer" data-position="inline">
           	  <h1>iets</h1>
            </div>
		</div>
	</body>
</html>