ok super. Jeg kom ikke lige videre med spørgsmålet her, og venter lidt med det. Jeg skal nemlig have noget JQuery til at virke først. Jeg prøver lige at se om jeg kan forklare det så godt så muligt.
Jeg har en side hvor jeg kan indtaste et tal mellem 1 - 100. Dette tal bliver gemt i min database, og udskrevet i mit div tag med id="show". Her har jeg lavet noget JQuery, som virker helt fint. Det vil sige tallet bliver vist med det samme, uden jeg skal opdatere. Jeg har så lavet et andet div tag, hvor jeg gerne vil have vist de 10 mest hotte tal. Det betyder de tal der er indtastet flest gange.
Men jeg ved ikke rigtig hvordan jeg laver mit Jquery til dette. SQL query virker helt fint, men det kræver jeg opdaterer. Har du en fornemmelse af hvor den går galt for mig? Jeg har prøvet at lave noget kode, men det er bare lidt trial and error kodning lige nu synes jeg.
HTML:
<div id="show">
<div class="numberheader">
<p>Tal</p>
</div>
<ul class="latestnumbers" style="list-style:none;padding-top: 60px;">
<?php include('response.php');?>
</ul>
</div>
<div class="content">
<p>Number</p>
<div class="form">
<fieldset>
<legend>Record Number</legend>
<form id="myForm" action="select.php" method="post">
<input type="number" name="numbervalue" id="numberinput"/>
<button id="sub">Save</button>
</form>
</fieldset>
</div>
<span id="result"></span>
</div>
<div id="#showhot">
<div class="hotnumbersheader">
<p>Hot</p>
</div>
<ul class="hotnumbers" style="list-style:none; padding-top: 60px;">
<?php include('hotnumbers.php');?>
</ul>
</div>
<div id="#showhot">
<div class="coldnumbersheader">
<p>Cold</p>
</div>
<ul class="coldnumbers" style="list-style:none; padding-top: 60px;">
<?php include('coldnumbers.php');?>
</ul>
</div>
JS:
// Insert function for number
function clearInput() {
$("#myForm :input").each( function() {
$(this).val('');
});
}
$(document).ready(function(){
$("#sub").click( function(e) {
e.preventDefault(); // remove default action(submitting the form)
$.post( $("#myForm").attr("action"),
$("#myForm :input").serializeArray(),
function(info){
$("#result").html(info);
});
clearInput();
});
});
// Recieve data from database
$(document).ready(function() {
setInterval(function () {
$('.latestnumbers').load('response.php')
}, 3000);
});
/* *** DET ER DENNE KODNING SOM JEG IKKE VED HVORDAN SKAL LAVES ****/
$(function ()
{
//Send a HTTP Request
$.ajax({
url: 'hotnumbers.php', //the script to call to get data
data: "dbconfig.inc.php", //Url argumnets to pass to dbconnection
dataType: 'json', //data format
success: function(data) //on recieve of reply
{
var numbers = data[0]; //get numbers
// 3) Update html content
$('#showhot').html(numbers); //Set output element html
}
});
});
// Recieve data from database
$(document).ready(function() {
setInterval(function () {
$('hotnumbers').load('hotnumbers.php')
}, 3000);
});
Hotnumbers.php
<?php
include ('session.php');
include 'dbconfic.inc.php';
// '?' er placeholders for variabler
$stmt = $mysqli->prepare("SELECT numbers FROM numbertable GROUP BY numbers ORDER BY COUNT(*) DESC LIMIT 10;");
// execute prepared statement
$stmt->execute();
// Make variables ready
$number = null;
$n_id = null;
// bind result variabler
$stmt->bind_result( $number);
// fetch values for each row
while ($stmt->fetch()) {
echo "<li>".$number."</li>";
}
// close statement
$stmt->close();
// close connection
$mysqli->close();
?>
