Afficher une div a certain moment
lola
-
oloufemi Messages postés 20 Date d'inscription Statut Membre Dernière intervention -
oloufemi Messages postés 20 Date d'inscription Statut Membre Dernière intervention -
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 ?
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 ?
A voir également:
- Afficher une div a certain moment
- Afficher appdata - Guide
- Afficher taille dossier windows - Guide
- Windows 11 afficher d'autres options - Guide
- Afficher mot de passe wifi android - Guide
- Afficher calendrier outlook dans google agenda - Guide
3 réponses
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.
@+
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.
@+
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
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
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
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
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 !