Hjälp - bygg en jämförelse-hemsida
Basic proof of concept. Inte vacker eller modern alls. Finns säkert saker att anmärka på varje rad.
Men den hämtar data beroende på sliderns värde.
PHP-scriptet bör hämta data från databas men det orkade jag inte fixa.
index.html
<html>
<body>
<head>
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
</head>
<script type="text/javascript">
function change(value) {
var data;
document.getElementById("theValue").innerHTML = value;
$.getJSON( "/getData.php?value="+value, function( data ) {
var myJSON = JSON.stringify(data);
document.getElementById("data").innerHTML = myJSON;
});
}
</script>
<form>
<input type="range" min="1" max="50" value="25" onchange="change(this.value)"> <p id="theValue"></p>
</form>
<p id="data"></p>
</body>
</html>
getData.php
<?php
$data = [
["name" => "Comviq #1", "price" => 10],
["name" => "Comviq #2", "price" => 20],
["name" => "Comviq #3", "price" => 30],
["name" => "Comviq #4", "price" => 40],
["name" => "Comviq #5", "price" => 50]
];
$maxPrice = $_GET['value'];
$retData = array();
foreach($data as $product) {
if($product['price'] <= $maxPrice)
$retData[] = $product;
}
print json_encode($retData);
?>
- Idag Iphones marknadsandel faller i USA 31
- Igår Airtec Pro Type1 – batteridrivet alternativ till tryckluft på burk 62
- Igår Nu stiger hårddiskpriserna med uppemot 10 procent 21
- Igår Analytiker: Apple har överskattat intresset för Vision Pro 52
- 24 / 4 AMD, Nvidia och Intel – vad är det för skillnad mellan grafikkortstillverkarna? 35
- IT-bolag: Teknikstrul är största tidsboven idag14
- Dagens fynd — Diskussionstråden49497
- Tips på grafikkort9
- MC - förstahoj, körkort och utrustning [Samlingstråd]3046
- Söker PUBG spelare!0
- Fjärrstyrning server13
- Nu stiger hårddiskpriserna med uppemot 10 procent21
- Därför blockerar Windows 11 24H2 Start‑menyhack27
- Vad lyssnar du på just nu?13893
- Klickande/ploppande ljud i subwoofern.22
- Säljes Meta Quest 3 128GB
- Säljes Hårddiskar
- Säljes Finalmouse ULX Lion
- Säljes Gigabyte M28U intressekoll
- Säljes BitFenix Dawn Tempererat Glas
- Säljes Kingston PCie 4.0 NVMe M.2 4TB 7300MB/s
- Säljes i3-8100
- Köpes Luftkylning och Fläktar
- Köpes Nvidia Quadro P400,600 eller 620
- Säljes Dell Latitude 7530 15,6”
- IT-bolag: Teknikstrul är största tidsboven idag14
- Därför blockerar Windows 11 24H2 Start‑menyhack27
- Iphones marknadsandel faller i USA31
- Konsumentverket granskar tio nätbutiker som lurat kunder17
- Airtec Pro Type1 – batteridrivet alternativ till tryckluft på burk62
- Nintendo-innehåll tas bort från Garrys Mod24
- Nu stiger hårddiskpriserna med uppemot 10 procent21
- Quiz: Vad kan du om Inet?70
- Analytiker: Apple har överskattat intresset för Vision Pro52
- Microsoft rullar ut Startmenyreklam till alla80