Afficher une div a certain moment

lola -  
oloufemi Messages postés 22 Statut Membre -
Bonjour,

je voudrais afficher une div qu'a certain moment de la journée sen avoir a rafraichir la page.
je pense qu'il faut utilisé javascript mais je ne sais pas comment faire .

Pouvez-vous aider ?
Configuration: Mac OS X
Firefox 3.5.6

3 réponses

  1. oloufemi Messages postés 22 Statut Membre
     
    Bonjour,
    Tu peux le faire aussi en php.
    Le principe est que lorsqu'un utilisateur tape l'url de la page, le code php verifie l'heure sur ton serveur et si la condition que tu souhaite est vérifiée alors il affiche le div sinon il ne l'affiche pas.
    @+
    0
    1. lola
       
      bonjour oloufemi,

      jais pensé a ca mes le problème es que si le personne es sur la page de puis longtemps sen la rafraichir il ne verra pas la div apparaitre, l'avantage est que avec PHP je peux créer un planning via mysql et je ne sais pas si on peux le faire avec javascript !
      0
  2. oloufemi Messages postés 22 Statut Membre
     
    Bonjour lola

    Alors utilise les deux: javascript + php ---> ajax

    La première chose que tu dois faire c'est de programmer une fonction javascript qui s'exécute par exemple toutes les 15 minutes. Ensuite tu utiliseras cette fonction pour la requête via ajax.

    Si tu bug quelque part ou si t es pas habitué a ajax, fais moi signe, et je t aidera a y voir clair
    0
    1. lola
       
      ok merci le problème es que je connais PHP mes pas javascript ni ajax
      0
  3. oloufemi Messages postés 22 Statut Membre
     
    Bonjour,

    Si tu maitrise le php, il te sera facile d'assimiler le javascripté

    Pour l'actualisation voici un lien utile:
    http://xooit.xooit.com/t6061-%5Btuto%5Drafraichissement-automatique.htm

    Pour ce qui est de l'ajax il y a plein de tuto dessus, le principe est en général le même, voici un exemple:

    <script type='text/javascript'>
    //cette fonction renverra la réponse
    function getXhr(){
    var xhr = null;
    if(window.XMLHttpRequest) // Firefox et autres
    xhr = new XMLHttpRequest();
    else if(window.ActiveXObject){ // Internet Explorer
    try {
    xhr = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
    xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    }
    else { // XMLHttpRequest non supporté par le navigateur
    alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
    xhr = false;
    }
    return xhr;
    }
    /*** Méthode qui sera appelée pour actualiser la balise div*/
    function go(){
    var xhr = getXhr();
    // On défini ce qu'on va faire quand on aura la réponse
    xhr.onreadystatechange = function(){
    // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
    if(xhr.readyState == 4 && xhr.status == 200){
    reponse = xhr.responseText;
    // On se sert de innerHTML pour rajouter les options a la liste, mettre l'id du div a actualiser
    document.getElementById('id_du_div_a_actualiser').innerHTML = reponse;
    }
    }

    // Ici on va faire du post; ajax.php est le fichier php qui fait le traitement, il peut etre juste un: echo 'text'; par exemple
    xhr.open("POST","ajax.php",true);
    // ne pas oublier ça pour le post
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    // ne pas oublier de poster les arguments
    argument="ok"; // juste exemple, l argument peut etre n importe quelle variable javascript
    xhr.send("argument="+argument);

    }
    </script>

    Du courage
    0