Beste kijkers !
Ik heb een klein beetje hulp nodig, voor jullie misschien een klein dingetje voor mij een dag expirimenteren :P
Ik wil de "radioDetails" laten refreshen alleen dus niet de hele pagina.
Nu heb ik dit in elkaar gezet maar werkt nog niet helaas.
Wie kan mij een tip geven ?
Zie bestand:
<?php
header("Cache-Control: private, no-store, no-cache, must-revalidate, max-age=0");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>test</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<div id="topbuts">
<a class="btn" href="./index.php">Ververs</a>
<a class="btn" href="./log_listeners.php" target="_blank">Listeners Updates / Peaks</a>
<div class="clearfix"></div>
</div>
<?php include ('array.php');?>
<div class="content">
<br />
<?php
$peak = file_get_contents ('peak.txt');
if ($data['status'] != '1')
{
echo '<b>Error: Servers Offline...</b>';
}
?>
<br />
<div class="box">
<div class="head"><i class="icon-play-circle"></i> </div>
<div class="box-content">
<div class="radioLogo">
<img src="logo120.png">
</div>
<div class="radioDetails">
<b>Listeners:</b> <?php echo $data['listeners']; ?> <br />
<b>Listener Peak:</b> <?php echo $peak; ?> <br />
<b>Total Stream Hits:</b> <?php echo $data['hits']; ?> <br />
</div>
<div class="clearfix" style="border-bottom: 1px solid #C8C8C8;"></div>
<div class="listener">
<div class="col">Hostname</div>
<div class="col">Useragent (Player)</div>
<div class="col">Listen Time</div>
<div class="col">Server</div>
<div class="col">Location</div>
</div>
<div id="listeners">
<?php
if (is_array($data['listeners-list']))
{
foreach ($data['listeners-list'] as $list)
{
$ip = $list['HOSTNAME'];
if ($ip == '127.0.0.1')
{
$LocationString = 'Localhost';
}
else
{
$ipInfo = grabIpInfo($ip);
$ipJsonInfo = json_decode($ipInfo);
$LocationString = $ipJsonInfo->name;
}
echo '<div class="listener">
<div class="col">' . $list['HOSTNAME'] . '</div>
<div class="col">' . $list['USERAGENT'] . '</div>
<div class="col">' . floor($list['CONNECTTIME']/3600)."h ".floor(($list['CONNECTTIME'] / 60) % 60) ."m ".floor($list['CONNECTTIME'] % 60)."s" . '</div>
<div class="col">' . $list['SERVER'] . '</div>
<div class="col">' . $LocationString . '</div>
</div>';
}
}
function grabIpInfo($ip)
{
$curl = curl_init();
curl_setopt($curl, CURLOPT_URL, "https://api.ipgeolocationapi.com/geolocate/" . $ip);
curl_setopt($curl, CURLOPT_RETURNTRANSFER, TRUE);
$returnData = curl_exec($curl);
curl_close($curl);
return $returnData;
}
?>
</div>
</div>
</div>
<br /><br />
</div>
</body>
///// vanaf hier zelf geexpirimenteerd !
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<div id="radioDetails"></div>
<script>
$(document).ready(function(){
$("#radioDetails").load(location.href + " #radioDetails");
</script>
-
12-03-2021, 14:54 #1
Particulier
- Berichten
- 58
- Lid sinds
- 12 Jaar
Refresh via ajax
-
12-03-2021, 14:56 #2
Particulier
- Berichten
- 58
- Lid sinds
- 12 Jaar
Re: Refresh via ajax
Als ik dit eronder zet, kopieerd hij de pagina eronder.
Dan werkt de refresh wel!
<script>
$(document).ready(function(){
setInterval(function(){
$("#radioDetails").load(window.location.href + "#radioDetails" );
}, 3000);
});
</script>
-
26-03-2021, 01:28 #3
Particulier
- Berichten
- 95
- Lid sinds
- 19 Jaar
Re: Refresh via ajax
is dat SAM ?
-
26-03-2021, 07:00 #4
Particulier
- Berichten
- 58
- Lid sinds
- 12 Jaar
Re: Refresh via ajax
Nee geen Sam.
maar het is inmiddels geregeld
