Actualisation d'un windget
Résolu/Fermé
Dijorxs
Messages postés
5
Date d'inscription
dimanche 4 août 2013
Statut
Membre
Dernière intervention
4 novembre 2014
-
Modifié par Dijorxs le 4/08/2013 à 22:16
Dijorxs Messages postés 5 Date d'inscription dimanche 4 août 2013 Statut Membre Dernière intervention 4 novembre 2014 - 5 août 2013 à 20:23
Dijorxs Messages postés 5 Date d'inscription dimanche 4 août 2013 Statut Membre Dernière intervention 4 novembre 2014 - 5 août 2013 à 20:23
3 réponses
ElementW
Messages postés
4816
Date d'inscription
dimanche 12 juin 2011
Statut
Contributeur
Dernière intervention
5 octobre 2021
1 225
5 août 2013 à 10:54
5 août 2013 à 10:54
Salut, les <iframe>s ça pue. Les <frameset> c'est encore pire, c'est du retour vers le passé.
De nos jours, JS avec AJAX (ou XmlHttpRequest de son vrai nom), est la meilleure solution. Ça peut paraitre dur à utiliser, mais c'est plus simple qu'on ne le pense.
Aussi, pense à expulser toute idée de frameset, d'iframe et de HTML4 de ta tête.
De nos jours, JS avec AJAX (ou XmlHttpRequest de son vrai nom), est la meilleure solution. Ça peut paraitre dur à utiliser, mais c'est plus simple qu'on ne le pense.
Aussi, pense à expulser toute idée de frameset, d'iframe et de HTML4 de ta tête.
<!DOCTYPE html> <!-- en-tête HTML5, simple non? -->
<html>
<head>
<title>Le titre n'est pas en option!</title>
</head>
<div id="viewer">Ici apparaitra le widget</div>
<script> // Pas besoin de type="javascript" en HTML5
var timeout;
function loopRefresh() {
clearTimeout(timeout);
var xhr = new XMLHttpRequest();
xhr.open("GET", "url du viewer", false); // false = synchrone = bloque l'éxécution du code tant que la page n'est pas chargée
xhr.send();
document.getElementById("viewer").innerHTML = xhr.responseText;
timeout = setTimeout(loopRefresh, 5000); // 5000 = 5sec
}
loopRefresh();
</script>
</html>Et voilà!
Dijorxs
Messages postés
5
Date d'inscription
dimanche 4 août 2013
Statut
Membre
Dernière intervention
4 novembre 2014
Modifié par Dijorxs le 5/08/2013 à 17:55
Modifié par Dijorxs le 5/08/2013 à 17:55
Merci, cela m'a était d'une grande aide.
En fait, j'ai essayer d'adapter ma commande avec mon script viewer.
étant donné que c'est mon fournisseur mumble qui ma fourni, dans l'intégralité:
sinon, il y a un petit soucis, le widget n'apparait pas. je pense que ca vient de là ou tu as:
je n'édite pas toute ma page, en fait, le widget a une position, définis par le site. j'ai juste à entrer le code html (4/5 ou plus si affinité ;) ) qui seras utilisé.
En fait, j'ai essayer d'adapter ma commande avec mon script viewer.
étant donné que c'est mon fournisseur mumble qui ma fourni, dans l'intégralité:
<p><iframe src="url du viewer" align="middle" width="260" height="200"></iframe></p>
sinon, il y a un petit soucis, le widget n'apparait pas. je pense que ca vient de là ou tu as:
<div id="viewer">Ici apparaitra le widget</div>
je n'édite pas toute ma page, en fait, le widget a une position, définis par le site. j'ai juste à entrer le code html (4/5 ou plus si affinité ;) ) qui seras utilisé.
ElementW
Messages postés
4816
Date d'inscription
dimanche 12 juin 2011
Statut
Contributeur
Dernière intervention
5 octobre 2021
1 225
5 août 2013 à 17:57
5 août 2013 à 17:57
Je n'ai pas précisé dans le code la taille du div, mais normalement elle devrait s'adapter au contenu. Essaie de mettre du CSS, soit dans un <style> ou en inline (style="width: 260px;height: 200px").
Dijorxs
Messages postés
5
Date d'inscription
dimanche 4 août 2013
Statut
Membre
Dernière intervention
4 novembre 2014
5 août 2013 à 20:23
5 août 2013 à 20:23
JE NOTE CE SUJET RÉSOLU CAR:
en fait je vient de me rendre compte que j'aurais pu faire n'importe quoi, il ne lit que du html. toutes insertion de JS, PHP ou encore AJAX et bloqué. Pour éviter tout problème.
mais le script offert par gravgun servira à plus d'un j'en suis sur!
en fait je vient de me rendre compte que j'aurais pu faire n'importe quoi, il ne lit que du html. toutes insertion de JS, PHP ou encore AJAX et bloqué. Pour éviter tout problème.
mais le script offert par gravgun servira à plus d'un j'en suis sur!
