Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement