Rafraichissement de page sans rechagement

msi79 - 6 juin 2014 à 18:33
geegee - 17 sept. 2014 à 20:32

Bonjour,
je voudrais rafraichir une div sans que la page recharge . mais il se trouve que le code que j'utilise recharge la page.
voici mon code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
function refresh_div()

{

var xhr_object = null;

if(window.XMLHttpRequest)

{ // Firefox

xhr_object = new XMLHttpRequest();

}

else if(window.ActiveXObject)

{ // Internet Explorer

xhr_object = new ActiveXObject('Microsoft.XMLHTTP');

}

var method = 'GET';

var filename = 'index.php?page=articleMult_frame';

xhr_object.open(method, filename, true);

xhr_object.onreadystatechange = function()

{

if(xhr_object.readyState == 4)

{

var tmp = xhr_object.responseText;

document.getElementById('chat').innerHTML = tmp;

}

}

xhr_object.send(null);

}
$(document).ready(function(){ 
    setInterval('refresh_div()',10000); 
});
</script>

<div id="chat" style="position: absolute; top: 500px; left: 214px">

</div>

A voir également:

Rafraichissement de page sans rechagement
Exemple de page d'authentification - Conseils pratiques -PHP
"Url de la page, sur votre site, où est affiché le lien vers" ✓ - Forum Visual Basic 6
Intégration page internet - Forum C# / .NET
Défilement automatique page web ✓ - Forum Visual Basic
Reload page php - Forum PHP

1 réponse

Réponse 1 / 1

@karamel Messages postés 1855 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 18 avril 2024 153
Modifié par kazma le 6/06/2014 à 22:39

bonjour

c'est étrange que la page se recharge car a première vue il n'y a pas de raison.

essai en remplaçant $(document).ready par le code ci dessous

typeof window.addEventListener == 'undefined' ? window.attachEvent("onload",function(){setInterval(refresh_div,10000)}) : window.addEventListener("load",function(){setInterval(refresh_div,10000)}, false);

cours Forest cours !

geegee
17 sept. 2014 à 20:32

Code javascript

function updateDivMedias(){
$.ajax({
type: "GET",
url: "<?php echo Router::webroot('ajax/ajax.php'); ?>",
success: function(msg){
$('#mediasContent').html(msg);
}
})
}

<?php echo rand(1,6); ?>

salut,

oui
- une requête ajax pour récupérer les données (le plus simple c'est sous forme json)
- les afficher la où tu le souhaite.

des frameworks / librairies JS comme ExtJs ou jQuery peuvent t'y aider simplement.

quand à la "sortie" de ton composant "fantaisie" peux être qu'il fournit un event ou quelque chose du genre pour le gérer.

http://forum.phpfrance.com/javascript-ajax/rafraichire-une-div-sans-recharger-page-t269427.html

Discussions similaires

exemple de page d'accueil avec la balise div et css

Reload d'une page

Défilement automatique d'une page

Lien vers site internet

Formulaire de connexion et d'inscription

Votre réponse

Discussions similaires