Rafraichir div avec ajax

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par ZelkiN, 18 Février 2008.

  1. ZelkiN
    ZelkiN WRInaute occasionnel
    Inscrit:
    27 Juillet 2007
    Messages:
    458
    J'aime reçus:
    0
    Bonjour à vous,

    magré mes recherche sur google rien n'y fait je ne trouve pas un morceau de script qui me convient :p j'en fais donc appel a vous

    J'aimerai rafraichir toutes les X secondes une balise div contenant une variable php...

    en gros mon code

    Code:
    <div id="connected">Membres en ligne: <?php echo $total; ?></div>
    Ca serait pour que $total; se rafraichisse, afin que l'on ai pas besoin de rafraichir la page entiere pour voir si ca bouge ou pas ...

    Un petit bout de code ou une explication sera sympa :)

    Merci bien
     
  2. perodo
    perodo WRInaute discret
    Inscrit:
    9 Août 2005
    Messages:
    201
    J'aime reçus:
    0
    une piste :www.w3schools.com/htmldom/met_win_settimeout.asp
    sinon une bonne veille iframe avec un refresh :wink:
     
  3. capleton59
    capleton59 WRInaute occasionnel
    Inscrit:
    24 Avril 2005
    Messages:
    255
    J'aime reçus:
    0
    Exemple concret :

    fichier index.php

    a mettre entre <head> et </head> :
    Code:
    <script type="text/javascript">
    function writediv(texte)
    {
    document.getElementById('pseudobox').innerHTML = texte;
    }
    
    function verifPseudo(pseudo)
    {
    if(pseudo != '')
    {
    if(pseudo.length<2)
    writediv('<span style="color:#cc0000"><b>'+pseudo+' :</b> le mot est trop court</span>');
    else if(pseudo.length>4)
    writediv('<span style="color:#cc0000"><b>'+pseudo+' :</b> le mot est trop long</span>');
    else if(texte = file('http://127.0.0.1/ajax/check.php?test='+escape(pseudo)))
    {
    if(texte == 1)
    writediv('<span style="color:#cc0000"><b>'+pseudo+' :</b> le code est faux</span>');
    else if(texte == 2)
    writediv('<span style="color:#1A7917"><b>'+pseudo+' :</b> le code est bon</span>');
    else
    writediv(texte);
    }
    }
    
    }
    
    function file(fichier)
    {
    if(window.XMLHttpRequest) // FIREFOX
    xhr_object = new XMLHttpRequest();
    else if(window.ActiveXObject) // IE
    xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
    else
    return(false);
    xhr_object.open("GET", fichier, false);
    xhr_object.send(null);
    if(xhr_object.readyState == 4) return(xhr_object.responseText);
    else return(false);
    }
    </script>
    a mettre dans le corps de page :

    Code:
    <form action="">
    <input type="text" name="pseudo" onKeyUp="verifPseudo(this.value)" />
    <div id="pseudobox"></div>
    </form>
    fichier check.php :

    Code:
    $mot = $_GET['test'];
    if($mot == "titi")
    echo "2";
    else
    echo "1";
    Normalement c'est exactement ce que tu recherches ;)
     
  4. e-kiwi
    e-kiwi WRInaute accro
    Inscrit:
    23 Décembre 2003
    Messages:
    13 198
    J'aime reçus:
    1
  5. capleton59
    capleton59 WRInaute occasionnel
    Inscrit:
    24 Avril 2005
    Messages:
    255
    J'aime reçus:
    0
    En effet c'est plus simple ;)
     
  6. KOogar
    KOogar WRInaute accro
    Inscrit:
    16 Novembre 2004
    Messages:
    4 643
    J'aime reçus:
    81
    Merci pour ce lien.

    Google indexe-il le contenu ?
     
  7. darkjukka
    darkjukka WRInaute impliqué
    Inscrit:
    28 Avril 2007
    Messages:
    574
    J'aime reçus:
    0
    J'aurais tendance à dire que non car le fichier chargé est externe et appelé via du javascript.
     
  8. e-kiwi
    e-kiwi WRInaute accro
    Inscrit:
    23 Décembre 2003
    Messages:
    13 198
    J'aime reçus:
    1
    >> Google indexe-il le contenu ?

    non, je pense qu'il faut faire une version "html" en parrallèle :/
     
  9. KOogar
    KOogar WRInaute accro
    Inscrit:
    16 Novembre 2004
    Messages:
    4 643
    J'aime reçus:
    81
    Merci pour ta réponse mais tu entend quoi au juste par version "html" en parrallèle

    -la version normale html + une option avec cookie qui lance le JS pour les visiteurs qui le desire ?
    -ou une version html pour les moteurs + une autre version avec le JS pour les visiteurs ?
     
Chargement...
Similar Threads - Rafraichir div ajax Forum Date
Rafraichir ma page PHP Développement d'un site Web ou d'une appli mobile 24 Décembre 2011
forcer google à rafraichir une page (qui n'est pas de mon site) Crawl et indexation Google, sitemaps 10 Juin 2010
rafraichir l'indexation d'une page? Crawl et indexation Google, sitemaps 14 Septembre 2009
Rafraichir variable php avec ajax si nécéssaire Développement d'un site Web ou d'une appli mobile 30 Septembre 2008
Rafraichir variable php avec ajax Développement d'un site Web ou d'une appli mobile 28 Octobre 2007
[AJAX] Rafraichir une page avec un bouton Développement d'un site Web ou d'une appli mobile 23 Mars 2007
Rafraichir la page en cache dans Google d'un site tiers Crawl et indexation Google, sitemaps 21 Novembre 2006
Formulaire soumit plusieurs fois avec F5 ou rafraichir Administration d'un site Web 17 Mars 2005
Rafraichir la référence Référencement Google 9 Juin 2003
grande image centrer verticalement dans DIV avec largeur variable de l'ecran Développement d'un site Web ou d'une appli mobile 28 Juin 2022
Comment masquer une div qui rencontre une autre div Développement d'un site Web ou d'une appli mobile 16 Janvier 2022
Divers problèmes de Google Crawl et indexation Google, sitemaps 29 Novembre 2020
Contenu non visible de l'internaute ( Tab Div) & SEO Rédaction web et référencement 23 Mars 2020
Ajouter style="display: block;" dans une div Développement d'un site Web ou d'une appli mobile 8 Janvier 2020
Masquer une div si Internet Explorer Développement d'un site Web ou d'une appli mobile 14 Décembre 2019
Liens de diversité : la langue VS le prix Référencement international (langues, pays) 30 Janvier 2019
Inclure une page dans un div avec la source visible pour SEO Développement d'un site Web ou d'une appli mobile 28 Novembre 2018
Site ralenti à cause d'Adsense : note Google Speed divisée par 2 AdSense 16 Novembre 2018
Menu de navigation, diversité des ancres de liens et SEO Référencement Google 24 Octobre 2018
Chute brutale des revenus Adsense (divisés par 3) AdSense 18 Octobre 2018