Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <?php
- $db = "mysql:host=localhost;dbname=matraswijzer;port=3307";
- $user = "root";
- $pass = "usbw";
- $pdo = new PDO($db, $user, $pass);
- //date_default_timezone_set('Europe/Amsterdam');
- //$date = date("Y-m-d");
- require_once('searchfilter.php');
- ?>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>Matraswijzer</title>
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css">
- <link rel="stylesheet" href="css/style.css">
- <link rel="stylesheet"
- href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.7.2/css/bootstrap-slider.min.css">
- <script src="js/jquery-3.1.1.min.js?"></script>
- <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.7.2/bootstrap-slider.min.js"></script>
- </head>
- <body>
- <div class="container text-center">
- <legend id="thelegend27"><h1>Leen Bakker Matraswijzer</h1></legend>
- <form action="index.php" method="get" id="formpje">
- <h4>Beantwoord de volgende vragen voor uw advies:</h4> <br><br>
- <h3 class="text-center">Wat is uw budget?</h3>
- <b>€0</b> <input id="ex2" type="text" class="span2" value="" data-slider-min="0" data-slider-max="1500"
- data-slider-step="5" data-slider-value="[500,1000]"/> <b>€ 1500</b>
- <br><br>
- <legend></legend>
- <br>
- <h3 class="text-center">Wat is uw gewicht?</h3>
- <b>0 kg</b> <input id="ex3" type="text" class="span4" value="" data-slider-min="0" data-slider-max="200"
- data-slider-step="5" data-slider-value="[60 ,130]"/> <b>200 kg</b>
- <script src="sliderFunctionality.js"></script>
- <input type="hidden" name="minprijs" value="" id="minprijs">
- <input type="hidden" name="maxprijs" value="" id="maxprijs">
- <input type="hidden" name="mingewicht" value="" id="mingewicht">
- <input type="hidden" name="maxgewicht" value="" id="maxgewicht">
- <br><br>
- <legend></legend>
- <br>
- <h3 class="text-center">Welke matrasbreedte zoekt u?</h3>
- <label class="col-md-4 control-label" for="breedte"></label>
- <div class="form-group">
- <div class="row">
- <div class="col-md-4">
- <label class="radio-inline" for="breedte-0">
- <input name="breedte" id="breedte-0" value="40cm" checked="checked" type="radio">
- 40cm
- </label>
- <label class="radio-inline" for="breedte-1">
- <input name="breedte" id="breedte-1" value="50cm" type="radio">
- 50cm
- </label>
- <label class="radio-inline" for="breedte-2">
- <input name="breedte" id="breedte-2" value="70cm" type="radio">
- 70cm
- </label>
- <label class="radio-inline" for="breedte-3">
- <input name="breedte" id="breedte-3" value="80cm" type="radio">
- 80cm
- </label>
- <label class="radio-inline" for="breedte-4">
- <input name="breedte" id="breedte-4" value="90cm" type="radio">
- 90cm
- </label>
- <label class="radio-inline" for="breedte-5">
- <input name="breedte" id="breedte-5" value="120cm" type="radio">
- 120cm
- </label>
- <label class="radio-inline" for="breedte-6">
- <input name="breedte" id="breedte-6" value="140cm" type="radio">
- 140cm
- </label>
- <label class="radio-inline" for="breedte-7">
- <input name="breedte" id="breedte-7" value="160cm" type="radio">
- 160cm
- </label>
- <label class="radio-inline" for="breedte-8">
- <input name="breedte" id="breedte-8" value="180cm" type="radio">
- 180cm
- </label>
- </div>
- </div>
- </div>
- <legend></legend>
- <br>
- <h3 class="text-center">Welke matraslengte zoekt u?</h3>
- <div class="form-group">
- <div class="row">
- <label class="col-md-4 control-label" for="lengte"></label>
- <div class="col-md-4">
- <label class="radio-inline" for="lengte-0">
- <input name="lengte" id="lengte-0" value="190cm" checked="checked" type="radio">
- 190cm
- </label>
- <label class="radio-inline" for="lengte-1">
- <input name="lengte" id="lengte-1" value="200cm" type="radio">
- 200cm
- </label>
- <label class="radio-inline" for="lengte-2">
- <input name="lengte" id="lengte-2" value="210cm" type="radio">
- 210cm
- </label>
- <label class="radio-inline" for="lengte-3">
- <input name="lengte" id="lengte-3" value="220cm" type="radio">
- 220cm
- </label>
- </div>
- </div>
- </div>
- <legend></legend>
- <br>
- <h3 class="text-center">Welke stevigheid heeft uw voorkeur?</h3>
- <div class="form-group">
- <div class="row">
- <label class="col-md-4 control-label" for="comfort"></label>
- <div class="col-md-4">
- <label class="checkbox-inline" for="comfort-0">
- <input name="comfort" id="comfort-0" value="Soepel" checked="checked" type="radio">
- Soepel
- </label>
- <label class="checkbox-inline" for="comfort-1">
- <input name="comfort" id="comfort-1" value="Medium" type="radio">
- Medium
- </label>
- <label class="checkbox-inline" for="comfort-2">
- <input name="comfort" id="comfort-2" value="Hard" type="radio">
- Hard
- </label>
- </div>
- </div>
- </div>
- <legend></legend>
- <br>
- <h3 class="text-center">In welke houding slaapt u?</h3>
- <p style="font-size: 11px">(meerdere antwoorden mogelijk)</p>
- <div class="form-group">
- <div class="row">
- <label class="col-md-4 control-label" for="houding"></label>
- <div class="col-md-4">
- <label class="checkbox-inline" for="houding-0">
- <input name="houding" id="houding-0" value="Rug" type="checkbox">
- Rug
- </label>
- <label class="checkbox-inline" for="houding-1">
- <input name="houding" id="houding-1" value="Buik" type="checkbox">
- Buik
- </label>
- <label class="checkbox-inline" for="houding-2">
- <input name="houding" id="houding-2" value="Zij" type="checkbox">
- Zij
- </label>
- </div>
- </div>
- </div>
- <legend></legend>
- <br>
- <h3 class="text-center">Heeft u het snel warm?</h3>
- <div class="form-group">
- <div class="row">
- <label class="col-md-4 control-label" for="warm"></label>
- <div class="col-md-4">
- <label class="radio-inline" for="warm-0">
- <input name="warm" id="warm-0" value="ja" checked="checked" type="radio">
- Ja
- </label>
- <label class="radio-inline" for="warm-1">
- <input name="warm" id="warm-1" value="nee" type="radio">
- Nee
- </label>
- <label class="radio-inline" for="warm-2">
- <input name="warm" id="warm-2" value="geenvoorkeur" type="radio">
- Geen van beide
- </label>
- </div>
- </div>
- </div>
- <legend></legend>
- <br>
- <h3 class="text-center">Heeft u last van rugklachten?</h3>
- <div class="form-group">
- <div class="row">
- <label class="col-md-4 control-label" for="rugklacht"></label>
- <div class="col-md-4">
- <label class="radio-inline" for="rugklacht-0">
- <input name="rugklacht" id="rugklacht-0" value="ja" checked="checked" type="radio">
- Ja
- </label>
- <label class="radio-inline" for="rugklacht-1">
- <input name="rugklacht" id="rugklacht-1" value="nee" type="radio">
- Nee
- </label>
- </div>
- </div>
- </div>
- <legend></legend>
- <br>
- <h3 class="text-center">Heeft u een allergie voor huiststofmijt?</h3>
- <div class="form-group">
- <div class="row">
- <label class="col-md-4 control-label" for="allergie"></label>
- <div class="col-md-4">
- <label class="radio-inline" for="allergie-0">
- <input name="allergie" id="allergie-0" value="ja" checked="checked" type="radio">
- Ja
- </label>
- <label class="radio-inline" for="allergie-1">
- <input name="allergie" id="allergie-1" value="nee" type="radio">
- Nee
- </label>
- </div>
- </div>
- </div>
- <legend></legend>
- <br>
- <h3 class="text-center">Heeft/wilt u een verstelbare bedbodem?</h3>
- <div class="form-group">
- <div class="row">
- <label class="col-md-4 control-label" for="bedbodem"></label>
- <div class="col-md-4">
- <label class="radio-inline" for="bedbodem-0">
- <input name="bedbodem" id="bedbodem-0" value="ja" checked="checked" type="radio">
- Ja
- </label>
- <label class="radio-inline" for="bedbodem-1">
- <input name="bedbodem" id="bedbodem-1" value="nee" type="radio">
- Nee
- </label>
- </div>
- </div>
- </div>
- <legend></legend>
- <br>
- <h3 class="text-center">Geeft u voorkeur aan een soort matras?</h3>
- <div class="form-group">
- <div class="row">
- <label class="col-md-4 control-label" for="soort"></label>
- <div class="col-md-4">
- <label class="radio-inline" for="soort-0">
- <input name="soort" id="soort-0" value="vering" checked="checked" type="radio">
- Vering (Pocket- en Binnenvering)
- </label>
- <label class="radio-inline" for="soort-1">
- <input name="soort" id="soort-1" value="schuim" type="radio">
- Schuim (Koud- en Traagschschuim, polyether)
- </label>
- <label class="radio-inline" for="soort-1">
- <input name="soort" id="soort-1" value="geenvoorkeur" type="radio">
- Geen voorkeur
- </label>
- </div>
- </div>
- </div>
- <legend></legend>
- <br>
- <input type="submit" class="btn btn-info btn-lg btn-custom" value="Genereer Advies" name="submit">
- </form>
- <hr style="height:40px;visibility:hidden;">
- <?php
- if (isset($_GET["submit"])) {
- echo "<strong style=\"font-size:20px;\">Overeengekomen resultaten:</strong><hr style=\"height:30px;visibility:hidden;\">";
- //$stmt = $pdo->query("SELECT naam, artikelnummer, foto, link, prijs FROM matras WHERE anti-allergisch = $allergie AND vochtregulatie = $vochtregulatie AND comfort = $comfort AND lengte = $lengte AND breedte = $breedte AND houding LIKE %$houding% AND $soort AND prijs > $minprijs AND prijs < $maxprijs AND gewicht > $mingewicht AND gewicht < $maxgewicht");
- $allergieTest = 1;
- $vochtRe = "hoog";
- $stmt = $pdo->query("SELECT naam, artikelnummer, foto, link, prijs FROM matras WHERE anti_allergisch = $allergieTest");
- while ($row = $stmt->fetch()) {
- echo '<div class="tables">';
- echo '<table>';
- echo '<tr>';
- echo '<th>';
- //foto
- echo '<img src="media/';
- echo $row['foto'];
- echo '" height="200px" width="200px">';
- echo "<br>";
- echo '</th>';
- echo '</tr>';
- echo '<tr>';
- echo '<td>';
- //naam, artikelnummer, prijs
- echo $row['naam'] . " (";
- echo $row['artikelnummer'] . ")<br>€ ";
- echo $row['prijs'] . " ";
- //link
- echo '<a href="';
- echo $row['link'];
- echo '">leenbakker.nl</a>';
- echo "\n";
- echo '</td>';
- echo '</tr>';
- echo '</table>';
- echo '</div>';
- }
- }
- ?>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement