This week only. Pastebin PRO Accounts Christmas Special! Don't miss out!Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on Dec 17th, 2012  |  syntax: None  |  size: 8.79 KB  |  views: 22  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <meta charset="utf-8">
  5.                 <meta name="viewport" content="width=device-width, initial-scale=1">
  6.                 <title>Index</title>
  7.                 <link rel="stylesheet" href="themes/my-custom-theme.min.css" />
  8.                 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile.structure-1.2.0.min.css" />
  9.                 <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
  10.                 <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
  11.         </head>
  12.         <body>
  13.                 <div data-role="page" data-theme="a">
  14.                         <div data-role="header" data-position="inline">
  15.             <a href="#" data-role="button" data-icon="back" data-rel="back" >Terug</a>
  16.                                 <h1>Remco Visser</h1>
  17.                         </div>
  18.                         <div data-role="content" data-theme="a">
  19.                 <script type="text/javascript">
  20.                         $(document).ready(function()
  21.                                         {
  22.                                 function getParam ( sname )
  23.                                         {
  24.                                                 var params = location.search.substr(location.search.indexOf("?")+1);
  25.                                                 var sval = "";
  26.                                                 params = params.split("&");
  27.                        
  28.                         for (var i=0; i<params.length; i++)
  29.                            {
  30.                                  temp = params[i].split("=");
  31.                                  if ( [temp[0]] == sname )
  32.                                                                  {
  33.                                                                         sval = temp[1];
  34.                                                                 }
  35.                            }
  36.                                 return sval;
  37.                                         }
  38.                                
  39.                                         var theNaam = getParam('Naam');
  40.                         window.alert(theNaam);
  41.                         $.ajax
  42.                                         ({
  43.                                                 url: 'http://69025.ict-lab.nl/blok2/Web3G/opdracht3.1/verwijder.php?Naam=' + theNaam,
  44.                                                 type: 'GET',
  45.                                                 success: function (data)
  46.                                                 {
  47.                                                         $('#verwijder').html(data);
  48.                                                         window.alert(data);      
  49.                                                 }
  50.                                         });      
  51.                 });
  52.                 </script>
  53.                 <div id="verwijder">
  54.                        
  55.                 </div>
  56.                
  57.                         </div>
  58.             <div data-role="footer" data-position="inline">
  59.                   <h1>iets</h1>
  60.             </div>
  61.                 </div>
  62.         </body>
  63. </html>
  64.  
  65.  
  66.  
  67.  
  68.  
  69.  
  70.  
  71.  
  72.  
  73.  
  74.  
  75.  
  76.  
  77.  
  78.  
  79.  
  80.  
  81.  
  82.  
  83.  
  84.  
  85.  
  86.  
  87.  
  88. <?php
  89. include '../../../connection.php';
  90.  
  91. //Uitlezen
  92. $opdracht = "SELECT * FROM meog1_personen";
  93. $result = mysql_query($opdracht);
  94. echo ("<TABLE width=70% border=1>");
  95. while ($Rij = mysql_fetch_array($result)){
  96.         echo "<tr>";
  97.         echo ("<td> $Rij[Naam] </td>\n");
  98.         echo ("<td> $Rij[Adres] </td>\n");
  99.         echo ("<td> $Rij[Woonplaats] </td>\n");
  100.         echo ("<td> $Rij[Geboortedatum] </td>\n");
  101.         echo ("<td> $Rij[Emailadres] </td>\n");
  102.         echo ("<td> <a rel = 'external' href = 'verwijder2.html?Naam=$Rij[Naam]'>Verwijder</a></td>\n");
  103. }
  104. echo ("</table>");
  105. ?>
  106.  
  107.  
  108.  
  109.  
  110.  
  111.  
  112.  
  113.  
  114.  
  115.  
  116.  
  117.  
  118.  
  119.  
  120.  
  121.  
  122.  
  123.  
  124.  
  125.  
  126.  
  127.  
  128.  
  129.  
  130.  
  131.  
  132.  
  133.  
  134. <?php
  135.                 include '../../../connection.php';
  136.                 $Naam =  $_GET['Naam'];
  137.                                                
  138.                 mysql_query("DELETE FROM `meog1_personen` WHERE `Naam` = '$Naam'");
  139. ?>
  140.  
  141.  
  142.  
  143.  
  144.  
  145.  
  146.  
  147.  
  148.  
  149.  
  150.  
  151.  
  152.  
  153.  
  154.  
  155.  
  156.  
  157.  
  158.  
  159.  
  160.  
  161.  
  162.  
  163.  
  164.  
  165.  
  166.  
  167.  
  168.  
  169. <!DOCTYPE html>
  170. <html>
  171.         <head>
  172.                 <meta charset="utf-8">
  173.                 <meta name="viewport" content="width=device-width, initial-scale=1">
  174.                 <title>Index</title>
  175.                 <link rel="stylesheet" href="themes/my-custom-theme.min.css" />
  176.                 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile.structure-1.2.0.min.css" />
  177.                 <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
  178.                 <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
  179.         <link rel="stylesheet" href="css/styles.css">
  180.         </head>
  181.         <body>
  182.                 <div data-role="page" data-theme="a">
  183.                         <div data-role="header" data-position="inline">
  184.             <a href="#" data-role="button" data-icon="back" data-rel="back" >Terug</a>
  185.                                 <h1>Remco Visser</h1>
  186.                         </div>
  187.                         <div data-role="content" data-theme="a">
  188.                                 <p>tekst</p>
  189.  
  190.                                 <a href="link1.html" data-prefetch data-role="button" data-icon="forward" data-transition="flip">Link1</a>  
  191.                 <a href="link2.html" data-prefetch data-role="button" data-icon="forward" data-transition="pop">Link2</a>
  192.                 <a href="link3.html" data-prefetch data-role="button" data-icon="forward" data-transition="slideup">Link3</a>
  193.                
  194.                
  195.                 <a href="#popupBasic" data-role="button" data-rel="popup" data-icon="info">Popup</a>
  196.                 <div data-role="popup" id="popupBasic">                                                    
  197.                     <p>Dit is een Popup<p>
  198.                 </div>
  199.                
  200.                 <table width="30%" border="0">
  201.                   <tr>
  202.                     <td>Naam</td>
  203.                     <td><div data-role="fieldcontain">
  204.                       <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
  205.                     </div></td>
  206.                   </tr>
  207.                   <tr>
  208.                     <td>geslacht</td>
  209.                     <td><div data-role="fieldcontain">
  210.                       <fieldset data-role="controlgroup" data-type="horizontal">
  211.                         <input type="radio" name="geslacht" id="geslacht_0" value="" />
  212.                         <label for="geslacht_0">Man</label>
  213.                         <input type="radio" name="geslacht" id="geslacht_1" value="" />
  214.                         <label for="geslacht_1">Vrouw</label>
  215.                       </fieldset>
  216.                     </div></td>
  217.                   </tr>
  218.                   <tr>
  219.                     <td>Lengte</td>
  220.                     <td><div data-role="fieldcontain">
  221.                       <input type="range" name="slider" id="slider" value="0" min="0" max="100" />
  222.                     </div></td>
  223.                   </tr>
  224.                   <td>Alergie</td>
  225.                   <td><div data-role="fieldcontain">
  226.                     <fieldset data-role="controlgroup" data-type="horizontal">
  227.                       <input type="checkbox" name="Alergie" id="Alergie_0" class="custom" value="" />
  228.                       <label for="Alergie_0">Noten</label>
  229.                       <input type="checkbox" name="Alergie" id="Alergie_1" class="custom" value="" />
  230.                       <label for="Alergie_1">Dieren</label>
  231.                       <input type="checkbox" name="Alergie" id="Alergie_2" class="custom" value="" />
  232.                       <label for="Alergie_2">Bloemen</label>
  233.                     </fieldset>
  234.                   </td>
  235.                   </div>
  236.                   </table>
  237.                  
  238.                   <br/><br/><br/>
  239.                  
  240.                   <a href="#" id="button">Klik</a>
  241.                 <div id="modal">
  242.                     <div id="heading">
  243.                         Is een vierkant rond?
  244.                     </div>
  245.                
  246.                     <div id="content">
  247.                         <p>Uw antwoord is definitief, weet u het zeker?</p>
  248.                
  249.                         <a href="#" class="button green close"><img src="images/tick.png">Ja</a>
  250.                
  251.                         <a href="#" class="button red close"><img src="images/cross.png">Nee!</a>
  252.                     </div>
  253.                 </div>
  254.                
  255.                 <br/><br/><br/>
  256.                
  257.                     <!--jQuery-->
  258.                     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  259.                     <script src="js/jquery.reveal.js"></script>
  260.                
  261.                     <script type="text/javascript">
  262.                         $(document).ready(function() {
  263.                             $('#button').click(function(e) { // Button which will activate our modal
  264.                                 $('#modal').reveal({ // The item which will be opened with reveal
  265.                                     animation: 'fade',                   // fade, fadeAndPop, none
  266.                                     animationspeed: 600,                       // how fast animtions are
  267.                                     closeonbackgroundclick: true,              // if you click background will modal close?
  268.                                     dismissmodalclass: 'close'    // the class of a button or element that will close an open modal
  269.                                 });
  270.                             return false;
  271.                             });
  272.                         });
  273.                  </script>
  274.    
  275.                                
  276.                 <script type="text/javascript">
  277.                                 $.ajax({
  278.                                  url: 'http://69025.ict-lab.nl/blok2/Web3G/opdracht3.1/database.php',
  279.                                  type: 'GET',
  280.                                  success: function (data) {
  281.                                   $('#databasetabel').html(data);
  282.                                  }
  283.                                 });
  284.                                 </script>
  285.    
  286.                 <div id="databasetabel">
  287.                
  288.                 </div>
  289.                         </div>
  290.             <div data-role="footer" data-position="inline">
  291.                   <h1>iets</h1>
  292.             </div>
  293.                 </div>
  294.         </body>
  295. </html>
clone this paste RAW Paste Data