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

JavaScript Discussion :

Changer un image en fonction de la date


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Analyste d'exploitation
    Inscrit en
    Novembre 2012
    Messages
    164
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : Analyste d'exploitation
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2012
    Messages : 164
    Par défaut Changer un image en fonction de la date
    Bonjour,
    J'ai un site mémoriel et si je développe des applis avec windev je ne connais rien en javascript.
    sur une page web, je voudrais changer une image par une autre ( à la date anniversaire du décès je voudrais mettre une image avec une gerbe)
    car en ce moment je le fais à la main et je voudrais automatiser le changement d'image.
    que l'image reste de j à j+5
    donc j'ai besoin d'un script JS c'est après c'est surtout après comment je récupère la variable image pour qu'elle soit affichée sur ma page web.
    Voilà si quelqu'un peut m'orienter sur le comment faire.
    merci
    Voici mon bout de code JS : est -il correct ? et comment récupérer la variable image dans mon champ html
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <script type="text/javascript">
         var DateEnCours = new date();
         MoisDateEncours= DateEncours.getMonth(); JourDateEnCours = DateEncours.getDate();
     
         DateDeces1 = "25/05/2015";
         MoisDateDeces1 = DateDeces1.getMonth(); JourDateDeces1 = DateDeces1.getDate();
     
     
         if (MoisDateEncours=MoisDateDeces et JourDateEncours=JourDateDeces)
         Var Image="Mes_images/DIA_1.gif"; 
         else 
         Var Image="Mes_images/DIA_0.gif";
     
    </script>
    Obturatix

  2. #2
    Membre confirmé
    Homme Profil pro
    Étudiant
    Inscrit en
    Mai 2018
    Messages
    70
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 31
    Localisation : France, Haute Vienne (Limousin)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mai 2018
    Messages : 70
    Par défaut
    Moi ce que je ferai perso, c'est de remplacer le contenu d'une div par une nouvelle référence à l'image :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <div id="monImage">
           <img src="Mes_images/DIA_0.gif">
    </div>

    JS :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    monImage = document.getElementById("monImage");
     
    // ton script pour vérifier la date, tu feras gaffe, il y a encore du pseudo-code et des erreurs de syntaxe
     
    monImage.innerHTML = "<img src=\"" + Image + "\">

  3. #3
    Membre éclairé
    Homme Profil pro
    Analyste d'exploitation
    Inscrit en
    Novembre 2012
    Messages
    164
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : Analyste d'exploitation
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2012
    Messages : 164
    Par défaut
    Bonjour et merci,
    je regarde tout cela,
    Obturatix

  4. #4
    Membre habitué Avatar de VertoDebru
    Homme Profil pro
    Développeur Web
    Inscrit en
    Octobre 2020
    Messages
    15
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Octobre 2020
    Messages : 15
    Par défaut
    Je pense que tu devra rajouter +1 a ta fonction getMonth() ...

    Car pour memoire il commence le mois de Janvier a 0.
    A voir

  5. #5
    Membre éclairé
    Homme Profil pro
    Analyste d'exploitation
    Inscrit en
    Novembre 2012
    Messages
    164
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : Analyste d'exploitation
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2012
    Messages : 164
    Par défaut
    Bonjour,
    Merci VertoDebru,
    je compare les mois donc si c'est deux mois de janvier les deux seront à 0.
    j'ai refait mon script
    mais cela ne donne rien
    Code : 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
     
    var DateEncours          = new date();
    var MoisDateEncours    = DateEncours.getMonth();
    Var JourDateEnCours    = DateEncours.getDate();
    var JourDateDeces1     = "25/05/2019";
    var MoisDateDeces1     = DateDeces1.getMonth(); 
    var JourDateDeces1     = DateDeces1.getDate();
    var img                       = document.createElement("img");
     
         if (MoisDateEncours==MoisDateDeces1 et JourDateEncours==JourDateDeces1) { 
        img.src = "images/DIA_2.gif";
        var div = document.getElementById("monImage");
        monImage.innerHTML = "<img src="+ img.src >;
    } else {   
        img.src = "images/DIA_3.gif";
        var div = document.getElementById("monImage");
        monImage.innerHTML = "<img src=" + img.src>;
        }
    Et comment récupérer la nouvelle image,(dans le test je devrais avoir l'image Dia_3.gif) j'ai bien essayé le code de Eckmül , mais rien à faire çà ne passe pas.
    Est-ce que ma date est bien formatée ?
    Qu'est qui ne va pas dans le code ?
    Mon if .... est-ce bien comme cela ?

    Est-ce qu'il existe un debugger JS ?
    merci de votre aide.
    Obturatix

  6. #6
    Expert confirmé
    Avatar de ProgElecT
    Homme Profil pro
    Retraité
    Inscrit en
    Décembre 2004
    Messages
    6 132
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 69
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Retraité
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Décembre 2004
    Messages : 6 132
    Par défaut
    Salut
    if (MoisDateEncours==MoisDateDeces1 et JourDateEncours==JourDateDeces1) { j'ose penser que s'est une faute d’inattention car et dans une condition if doit être &&.
    Est-ce qu'il existe un debugger JS ?
    il y en a un gratuit, ton navigateur F12 en général, et Console.log() dans ton code.
    :whistle:pourquoi pas, pour remercier, un :plusser: pour celui/ceux qui vous ont dépannés.
    saut de ligne
    OOOOOOOOO👉 → → Ma page perso sur DVP ← ← 👈

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Changer des valeurs en fonction d'une date
    Par sam01 dans le forum Requêtes
    Réponses: 10
    Dernier message: 05/03/2016, 18h22
  2. [Débutant] Changer une image en fonction d'une DropDownList
    Par Mozofeuk dans le forum ASP.NET MVC
    Réponses: 3
    Dernier message: 15/10/2013, 16h09
  3. Changer une image en fonction du bouton choisi
    Par brunochp dans le forum Flash
    Réponses: 1
    Dernier message: 31/08/2010, 14h15
  4. [Conception] comment changer une entree en fonction de la date
    Par flOZ dans le forum PHP & Base de données
    Réponses: 2
    Dernier message: 09/06/2006, 11h13
  5. Changer d'image en fonction des options d'un formulaire
    Par Pouzy dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 30/01/2006, 15h21

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