Rafraîchir une page de site
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 - 21 juil. 2024 à 10:10
- Rafraîchir une page de site
- Site de telechargement - Accueil - Outils
- Supprimer une page word - Guide
- Site comme coco - Accueil - Réseaux sociaux
- Site de vente en ligne particulier - Guide
- Nouveau site coco chat ✓ - Forum Réseaux sociaux
3 réponses
Modifié le 21 juil. 2024 à 10:58
Salut
voila un petit exemple d AJAX avec js jQuery
ne voyant pas ton code , je suppose que tes pages objet sont toute structuré de la même manière ?
donc j ai fais 4 pages structuré identiquement ! objet1.html .objet2.html..ect
Dans cet exemple tes "tableaux" sont inséré dans une <div id="objet"> puis dans un paragraphe <p class="tableau">
bien sur sur les autres pages le titre change objet 2 ,objet 3 ect... mais cela n a pas d importance !
<!DOCTYPE html>
<html>
<head>
<title>
objet 1
</title>
<meta charset="utf-8">
</head>
<body>
<div id="objet">
<p class="tableau"> TON TABLEAU EST ICI DANS UN PARAGRAPHE<br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod
non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero
pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede
</p>
</div>
</body>
Ensuite sur ta page "index.html" dans mon exemple ou tu veux diffuser ces tableaux tu le fait de cette façon
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>load demo</title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<div id="objet1"></div>
<div id="objet2"></div>
<div id="objet3"></div>
<div id="objet4"></div>
<script>
$("#objet1").load("objet1.html #objet p.tableau");
$("#objet2").load("objet2.html #objet p.tableau");
$("#objet3").load("objet3.html #objet p.tableau");
$("#objet4").load("objet4.html #objet p.tableau");
</script>
</body>
</html>
tu lie ta page a la librairie JQuery
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
tes "tableau" apparaîtront dans les div désignée
pour le 1
$("#objet1").load("objet1.html #objet p.tableau");
#objet1 désigne la div de destination sur ta page index.html
load("objet1.html #objet p.tableau" va chercher le contenu a afficher ! ici il va chercher le paragraphe <p class="tableau"> inclus dans la <div id="objet"> de la page objet1.html
de cette manière pas besoin de tes meta dans les page objet c est toujours la dernière version qui est charge
PS: Cela ne fonctionne pas en local !!! il faut qu il soit sur ton serveur pas sur ton pc a moins que tu utilise un serveur local type XAMPP ou EASYPHP sur ton pc
tu peut faire un reload mais franchement je vois pas trop l intérêt sauf si tes visiteurs reste des heures sur ton site ! sinon voila toute les 2 minutes avec une alerte
$(document).ready(function () {
setTimeout(function () {
alert('Recharger la Page');
location.reload(true);
}, 120000);
});
ou avec un bouton !
<!DOCTYPE html>
<html lang="fr">
<head>
<title>
</title>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
location.reload(true);
});
});
</script>
</head>
<body>
<button type="button">
Bouton Pour Recharger la Page
</button>
</body>
</html>
A+
