IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

AJAX Discussion :

Ajax, Wordpress actualisation d'une div


Sujet :

AJAX

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Août 2011
    Messages
    18
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Associations - ONG

    Informations forums :
    Inscription : Août 2011
    Messages : 18
    Par défaut Ajax, Wordpress actualisation d'une div
    Bonjour,
    Je cherche quelqu'un qui pourrait m'aider sur mon projet.

    J'ai un site sous wordpress. J'ai une page externe qui affiche des données (en php) qui doivent être actualiser toutes les X secondes. Je voudrais intégrer ma page php externe dans mon site word press avec de l'ajax afin que mes données soient rafraichies toutes les X secondes.
    Je voudrais utiliser les balises aria pour annoncer les données rafraîchies.

    Etant complètement novice dans le language javascript, je recherche une âme charitable pour me filer un petit coup de pouce.

    Merci à celui ou celle qui pourra résoudre mon problème que je tente de résoudre déjà depuis un long moment.

  2. #2
    Expert confirmé
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 668
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 668
    Par défaut
    Pour transmettre des données, le plus efficace actuellement est que le script transmette les données au format JSON avec la fonction http://php.net/json_encode.

    Du coté client en JavaScript, vous pouvez utiliser jQuery pour faire la requête AJAX avec cela : http://api.jquery.com/jQuery.ajax/

  3. #3
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 208
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 208
    Par défaut
    Bonjour,
    (...) je recherche une âme charitable pour me filer un petit coup de pouce.
    on ne demande pas mieux que de t'aider mais il faudrait que tu nous montres ce que tu as réalisé !

  4. #4
    Membre averti
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Août 2011
    Messages
    18
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Associations - ONG

    Informations forums :
    Inscription : Août 2011
    Messages : 18
    Par défaut
    Bonjour,

    Merci pour vos réponses...

    Voici ce que j'ai fait à l'aide de google...

    Ce code fonctionne sur une page simple, mais ne fonctionne pas lorsque le code est embarqué dans Wordpress

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
     
    <div id="tab">
    <?php
    $server = "localhost"; 
    $port = "8000"; 
    $fp = @fsockopen($server, $port, $errno, $errstr, 30);
    if ($fp):
            fputs($fp, "GET /7.html HTTP/1.0\r\nUser-Agent: XML Getter (Mozilla Compatible)\r\n\r\n");
     
            while(!feof($fp)):
                $page .= fgets($fp, 1000);
    ENDWHILE;
            fclose($fp);
            $page = ereg_replace(".*<body>", "", $page);
            $page = ereg_replace("</body>.*", ",", $page);
            $numbers = explode(",", $page);
            $shoutcast_currentlisteners = $numbers[0];
            $connected = $numbers[1];
            if($connected == 1):
                $radio_status = 1;
                $wordconnected = "yes";
            else:
                $wordconnected = "no";
                ENDIF;
            $shoutcast_peaklisteners = $numbers[2];
            $shoutcast_maxlisteners = $numbers[3];
            $shoutcast_reportedlisteners = $numbers[4];
            $shoutcast_bitrate = $numbers[5];
            $shoutcast_cursong = $numbers[6];
            $shoutcast_curbwidth = $shoutcast_bitrate * $shoutcast_currentlisteners;
            $shoutcast_peakbwidth = $shoutcast_bitrate * $shoutcast_peaklisteners;
            ENDIF;
     
    function suppr_accents($str, $encoding='windows-1252')
    {
    $str = htmlentities($str, ENT_NOQUOTES, $encoding);
    $str = preg_replace('#&([A-za-z])(?:acute|grave|cedil|circ|orn|ring|slash|th|tilde|uml);#', '\1', $str);
    $str = preg_replace('#&([A-za-z]{2})(?:lig);#', '\1', $str);
    $str = preg_replace('#&[^;]+;#', '', $str);
    return $str;
    }
    $shoutcast_cursong_l = suppr_accents($shoutcast_cursong);
    ?>
    <H1>Information sur le Flux Radio</H1>
    <?PHP
    if ($radio_status == 1):
        echo '<UL>
    <LI>Titre en cours : <b>'.$shoutcast_cursong_l.'</b>.</LI>
    <LI>Nombre de connectés : <b>' . $shoutcast_currentlisteners . '</b> auditeurs, sur '.$shoutcast_maxlisteners.' autorisés.</LI>
    <LI>Pic d\'audiance : <B>'.$shoutcast_peaklisteners.'</B> auditeurs.</LI>
    <LI>Qualité du stream : <b>' . $shoutcast_bitrate . '</b> Kbps.</LI>
    </UL>';
    else:
            echo '<P><B>Le flux de la radio n\'est actuellement pas disponible.</B><BR />
    Veuillez consulter notre site web plus plus emples informations !!!</P>';
    ENDIF;
    ?>
    </div>
     
     <script>
    setInterval(function(){
        $('#tab').load('InfoShoutcast.php').fadeIn("slow");
      }, 1000);
    </script>

Discussions similaires

  1. [AJAX] Actualisation d'une DIV
    Par NarOneR dans le forum AJAX
    Réponses: 4
    Dernier message: 30/01/2012, 14h23
  2. Réponses: 0
    Dernier message: 26/11/2011, 15h16
  3. [AJAX] Recuperer information d'une DIV
    Par voyageurdumonde dans le forum AJAX
    Réponses: 2
    Dernier message: 23/01/2011, 05h04
  4. [AJAX] Actualisation d'une DIV
    Par carter15_2001 dans le forum AJAX
    Réponses: 10
    Dernier message: 19/02/2010, 14h31
  5. [AJAX] auto actualisation d'une div
    Par you.baddi dans le forum Général JavaScript
    Réponses: 0
    Dernier message: 28/06/2008, 12h48

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo