Scripts

Jquery herlaadt div sectie met start/stop buttons

Door Lorenzho Dealorde -19-10-2017 13:58 -14.101 views

Dit script herlaadt een sectie. Met de twee buttons "start" "Stop" kan je het herladen laten stoppen of starten. Het script kan makkelijk naar eigen smaak aangepast worden. Herladen.js In dit script hoeft U alleen maar de snelheid aan te passen van het herladen. Load.php Het content dat U wilt herladen. Index.php Het pad toevoegen dat naar het .js bestand lijdt

Download alle bestanden als ZIP

Herladen.js

var timeout;
$(document).ready( function(){
$(' #auto').load('load.php');
refresh();
startReload();
});
 
function refresh()
{
    timeout = setTimeout( function() {
      $(' #auto').load('load.php');
      refresh();
    }, 5000); // 5000 is gelijk aan 5 seconden
}
function stopReload() {
  clearTimeout(timeout);
}
function startReload() {
  refresh();
}

index.php

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="Pad naar -> jquery-3.2.1.js"></script>
<script type="text/javascript" src="Pad naar -> Herladen.js"></script>
</head>
<body>
<div id="auto"></div>
<button onclick="startReload();">Start</button>
<button onclick="stopReload();">Stop</button>
</body>
</html>

load.php


<?php ?> 
<htlm> </html>
of gewoon een plain text