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] Actualiser une page sans la rafraichir


Sujet :

AJAX

  1. #1
    Nouveau Candidat au Club
    Homme Profil pro
    Webmaster
    Inscrit en
    Juillet 2014
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Meuse (Lorraine)

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Juillet 2014
    Messages : 2
    Points : 1
    Points
    1
    Par défaut [AJAX] Actualiser une page sans la rafraichir
    Bonjour,

    Je voudrais actualiser une seule partie sur une page en évitant que tout la page soit rafraîchie et donc relancer.

    J'ai une vidéo avec au dessus un bandeau défilant avec le nom de la vidéo. Le problème est que quand la vidéo change, le titre reste le même si on ne fait pas F5 et toutes les vidéos n'ont pas la même durée.

    Je veux donc uniquement actualiser ce qu'il y a dans les <marquee>.

    En cherchant sur internet, j'ai constaté que l'ajax serait la solution, mais je ne connais pas du tout ce langage de programmation ..

    Voici le code :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <marquee behavior="scroll" scrollamount="3" width="100%" direction="left"><h3><?php echo $video->meta->title; ?></h3></marquee>
    <div style="top:30px; bottom:0px; width: 100%; position: absolute; overflow: hidden;">
    <iframe style="width:100%; height:100%;" src="<?php echo $cloudKey->media->get_embed_url(array("id" => $selectedVideo->id)); ?>&autoplay=1&start=<?php echo $videoOffset; ?>" frameborder="0" scrolling="no" ></iframe>

  2. #2
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 957
    Points : 44 121
    Points
    44 121
    Par défaut
    Bonjour,
    tout d'abord
    j'ai constaté que l'ajax serait la solution, mais je ne connais pas du tout ce langage de programmation...
    Ajax n'est pas un langage à part, c'est du javascript.
    Les meilleurs cours et tutoriels pour apprendre l'AJAX.

    ensuite comment s'effectue le changement de la source de l'IFRAME car il existe la possibilité de mettre un événement, onload, qui sera déclenché à chaque fois que l'IFRAME sera chargée. Dans ce cas il serait possible de modifier le contenu d'un élément de la page mère.

  3. #3
    Nouveau Candidat au Club
    Homme Profil pro
    Webmaster
    Inscrit en
    Juillet 2014
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Meuse (Lorraine)

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Juillet 2014
    Messages : 2
    Points : 1
    Points
    1
    Par défaut
    Bonjour,

    En fait l'iframe me sert à intégrer mes vidéos stockées sur Dmcloud (version payante de Dailymotion) pour importer des vidéos avec un jeu de 'key' et de 'id'

    En gros je veux seulement actualiser cette partie du code sans avoir à recharger la page ce qui ferait relancer la vidéo (en dessous) :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <marquee behavior="scroll" scrollamount="3" width="100%" direction="left"><h3><?php echo $video->meta->title; ?></h3></marquee>

  4. #4
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 957
    Points : 44 121
    Points
    44 121
    Par défaut
    Si ton titre est intimement lié à la vidéo en cours, ce qui semble le cas, il te faut modifier les 2 en même temps d'où ma question précédente comment modifies tu la source de l'IFRAME?

Discussions similaires

  1. Actualiser une page sans en recharger les images, les sons.
    Par scarlatine dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 01/01/2013, 22h08
  2. Réponses: 5
    Dernier message: 08/01/2011, 13h49
  3. [AJAX] Raffraichir une page sans la recharger
    Par JClens dans le forum AJAX
    Réponses: 3
    Dernier message: 17/09/2010, 16h02
  4. Réponses: 2
    Dernier message: 20/07/2009, 14h02
  5. [PHP-JS] Actualiser une page sans la rafraichir
    Par skyangel20 dans le forum Langage
    Réponses: 4
    Dernier message: 01/11/2007, 16h16

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