Rafraichissement avec ajax

flozza83
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 19
Inscription: 20 Mai 2011

Rafraichissement avec ajax

Message le Ven Mai 20, 2011 8:12

Bonjour

je fais appel à votre aide car j'ai un peu de mal pour faire ce que j'aimerais.
J'ai sur mon site une sorte de mini "shootbox" et j'aimerais donc que les messages a l'intérieur s'actualisent toutes les secondes.
Les méthode document.reload et meta refresh rechargent la page, c'est génant visible et c'est pas ce que je veux.
Alors j'aimerais savoir s'il est possible avec ajax de rafraichir une iframe ou bien un div (peu importe, le plus simple) toute les secondes.

je vous remercie d'avance pour votre aide

EDIT: je précise que je doit afficher une page .php


Leonick
WRInaute accro
WRInaute accro
 
Messages: 19598
Inscription: 8 Aoû 2004

Re: Rafraichissement avec ajax

Message le Ven Mai 20, 2011 9:21

oui, c'est possible

flozza83
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 19
Inscription: 20 Mai 2011

Re: Rafraichissement avec ajax

Message le Ven Mai 20, 2011 9:47

hm d'accord... Est ce que vous pourriez m'indiquer la marche à suivre si vous la connaissez ? s'il vous plait

Babylon
WRInaute discret
WRInaute discret
 
Messages: 191
Inscription: 18 Oct 2006

Re: Rafraichissement avec ajax

Message le Ven Mai 20, 2011 10:04

Un simple recherche google et tu as ta réponse :
http://www.google.fr/search?hl=&q=rafraichir+div+ajax


YoyoS
WRInaute accro
WRInaute accro
 
Messages: 3835
Inscription: 14 Sep 2006

Re: Rafraichissement avec ajax

Message le Ven Mai 20, 2011 10:06

Je confirme c'est possible et google est ton ami.

flozza83
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 19
Inscription: 20 Mai 2011

Re: Rafraichissement avec ajax

Message le Ven Mai 20, 2011 10:09

j'ai déjà cherché sur google. je ne comprends pas ajax, et je ne compte pas l'apprendre car je ne m'en servirais pas plus. sur google, on a des exemples pour changer ce qu'il y a écrit dans un div => <?php include() ?> n'affiche rien
ou charger un .txt ou .html dans une iframe, un .php après essai ne s'éxécute pas. voilà donc s'il vous plait j'aurais besoin d'un peu plus que google


Leonick
WRInaute accro
WRInaute accro
 
Messages: 19598
Inscription: 8 Aoû 2004

Re: Rafraichissement avec ajax

Message le Ven Mai 20, 2011 10:15

flozza83 a écrit:j'ai déjà cherché sur google. je ne comprends pas ajax, et je ne compte pas l'apprendre car je ne m'en servirais pas plus.
donc la meilleure solution dans ton cas c'est de laisser le meta refresh

Babylon
WRInaute discret
WRInaute discret
 
Messages: 191
Inscription: 18 Oct 2006

Re: Rafraichissement avec ajax

Message le Ven Mai 20, 2011 10:17

Si tu ne compte rien faire, rien apprendre, ne faire aucun effort et que tu compte sur nous pour te pondre un bout de code tout prêt je pense que tu t'es trompé d'adresse (et de métier si tu compte faire ca en tant que pro).
Ce que tu veux faire n'est absolument pas compliqué pour peu que tu te donne les moyens ...
Dernière édition par Babylon le Ven Mai 20, 2011 10:19, édité 1 fois.

flozza83
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 19
Inscription: 20 Mai 2011

Re: Rafraichissement avec ajax

Message le Ven Mai 20, 2011 10:17

en fait, le metarefresh sous chrome et firefox, se voit (le titre se recharge, le curseur affiche l'attente...) et c'est genant. des visiteurs m'ont fait la remarque.donc c'est pas ce que je veux. la fonction document.reload() en javascript affiche les mêmes inconvénients.

flozza83
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 19
Inscription: 20 Mai 2011

Re: Rafraichissement avec ajax

Message le Ven Mai 20, 2011 10:21

Babylon a écrit:Si tu ne compte rien faire, rien apprendre, ne faire aucun effort et que tu compte sur nous pour te pondre un bout de code tout prêt je pense que tu t'es trompé d'adresse (et de métier si tu compte faire ca en tant que pro).
Ce que tu veux faire n'est absolument pas compliqué pour peut que tu te donne les moyens ...


ne vous sentez pas abusé, je suis pret à y mettre les mains dedans. seulement, j'aimerais un peu plus que "google est ton ami". Et je ne suis pas pro du tout.

je précise d'ailleurs que j'ai essayé un tas de trucs et en vain. comme je vous l'ai dit <?php include() ?> n'affiche rien, et pas moyen d'exécuter un .php à la place des syntaxes de base pour un .txt ou un .html. Je ne suis donc même pas encore arrivé à l'étape d'auto rafraichissement. Avec un bouton je n'arrive pas à charger un php dans un div ou une iframe.

Babylon
WRInaute discret
WRInaute discret
 
Messages: 191
Inscription: 18 Oct 2006

Re: Rafraichissement avec ajax

Message le Ven Mai 20, 2011 10:31

Ok ... pour faire ce que tu veux tu as besoin d'utiliser de l'ajax donc tu as 2 solutions :
- Tu veux absolument ta shoutbox avec refresh et tu trouve un script tout fait sur GG ou tu lis des tuto sur ajax (comme ici
http://www.snoupix.com/initiation-a-ajax-avec-jquery-partie-1_tutorial_20.html) et tu te fais ton propre bout de code.
- Tu abandonne ton idée de shoutbox

Sur un forum tu trouveras de l'aide si tu as un pbm sur un code déjà avancé, personne ne fera ton script ( sauf si tu le paye bien sur ;-) )

flozza83
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 19
Inscription: 20 Mai 2011

Re: Rafraichissement avec ajax

Message le Ven Mai 20, 2011 10:36

Je vais faire un tour sur le lien pour voir ça.merci. j'ai déjà essayé de m'appuyer sur des scripts tout faits. seulement ils utilisent beaucoup de fonctions, comme gestion des membres, ban, etc... c'est pas du code pur, alors je ne m'y retrouve pas.
Par contre si vous voulez je peux vous poster ce que j'ai codé . seulement c'est pas une erreur, c'est un manque de connaissance pour la compatibilité ajax/php

flozza83
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 19
Inscription: 20 Mai 2011

Re: Rafraichissement avec ajax

Message le Ven Mai 20, 2011 10:46

L'iframe:
<iframe id="shootbox" name="shootbox" src="affsh.php" class="chat"></iframe><input type="button" value="Rafraichir" onClick="rechargeFichier" />


Dans script.js:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
function chargeFichier() {
// Création de l'objet
var XHR = new XHRConnection();
// Zone &agrave; remplir
XHR.setRefreshArea('shootbox');
// Chargement de la page
XHR.sendAndLoad("affsh.php';" />", "GET");
return true;
}


et juste avant <body ..>

<script type="text/javascript" src="script.js"></script>


Ou est ce que ça cloche ?

Babylon
WRInaute discret
WRInaute discret
 
Messages: 191
Inscription: 18 Oct 2006

Re: Rafraichissement avec ajax

Message le Ven Mai 20, 2011 11:07

Ca va être difficile de t'aider avec juste ça ...
Qu'as tu comme erreur ?
As tu une page ou on peut tester ?

Juste comme ca par contre ta fonction appeler dans le onclick n'a pas le même nom que dans ton fichier

flozza83
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 19
Inscription: 20 Mai 2011

Re: Rafraichissement avec ajax

Message le Ven Mai 20, 2011 11:17

Je viens d'essayer comme ça, et ça ne m'affiche rien: (j'ai essayé de suivre le lien du tuto que tu m'as conseillé)

Tout est dans shootbox.php

echo '<div style="background-color: whitesmoke;" id="shootbox" name="shootbox" class="chat">';
if (isset($_GET['contenu']) {
echo $_GET['contenu'];
}
else {
include("affsh.php");
}
echo '"</div><input type="button" value="raf" onClick="executer()" />';


Juste avant <body>:
<script type="text/javascript">
function executer(){

//Exécution du script PHP avec Ajax
$.get('affsh.php', {
contenu
}, function(data){}


});

}
}
</script>


Avec le code d'avant, et en corrigeant l'appel de fonction, j'avais pareil, absence d'affichage.

Rafraichissement avec ajax

Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités