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 :

Afficher/cacher des div automatiquement


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de spawns
    Homme Profil pro
    Inscrit en
    Juillet 2004
    Messages
    558
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations forums :
    Inscription : Juillet 2004
    Messages : 558
    Par défaut Afficher/cacher des div automatiquement
    slt à tous,
    je suis empêtré dans mes div depuis un bon bout de temps et je m'en sort pas.

    Voila ce que je veux faire :

    je récupère la date dans une variable et en fonction de cette date j'affiche tel ou tel div.
    Mais toujours 1 seul a la fois les autres étant masqués.

    voici mon code qui ne fonctionne pas evidement :
    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
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
     
    <SCRIPT LANGUAGE="JavaScript">
    navvers = navigator.appVersion.substring(0,1);
    if (navvers > 3)
    	navok = true;
    else
    	navok = false;
    today = new Date;
    numero = today.getDate();
    if (numero<10)
    	numero = "0"+numero;
    mois = today.getMonth();
    if (navok)
    	annee = today.getFullYear();
    else
    	annee = today.getYear();
    mois++;
    if (mois < 10)
    	mois = "0" + mois;
    messageDate = numero + "/" + mois + "/" + annee;
     
     
     switch(messageDate)
        {
        case "30/01/2009" :
    	document.getElementById('divid1').style.display = 'block';
            break;
        case "30/02/2009" :
    	document.getElementById('divid2').style.display = 'block';
            break;
        case "30/03/2009" :
    	document.getElementById('divid3').style.display = 'block';
            break;
        default :
    	document.getElementById('?????????????').style.display = 'none';
        } 
     
          </script>
    	<html>
    <BODY>	
    <div id="divid1" style="display:none">1</div>
    <div id="divid2" style="display:none">2</div>	
    <div id="divid3" style="display:none">3</div>
    <div id="divid4" style="display:none">4</div>	
    blabla
    </body>
    Un petit coup de main serait le bienvenue
    Merci

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    function afficheDiv(){var numero = new Date.getDate();
    var i=0;
    while(document.getElementById('divid'+i)){
        document.getElementById('divid'+i).style.display = i == numero ? 'block' : 'none';
        i++;
    }
    }
    A mettre à la place de ton script entre les balises <head> de préférence et dans la balise <body>, tu ajoutes :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <body onload="afficheDiv()">
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre éclairé Avatar de spawns
    Homme Profil pro
    Inscrit en
    Juillet 2004
    Messages
    558
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations forums :
    Inscription : Juillet 2004
    Messages : 558
    Par défaut
    Merci Bovino
    mais ca ne fonctionne pas.

    J'ai ajouter ta fonction avant mon switch et le onload dans le body

    Mais rien

  4. #4
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    plus de switch !
    Le code que je t'ai donné est complet
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  5. #5
    Membre éclairé Avatar de spawns
    Homme Profil pro
    Inscrit en
    Juillet 2004
    Messages
    558
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations forums :
    Inscription : Juillet 2004
    Messages : 558
    Par défaut
    comment je fait alors
    pour que mes div s'affiche à la bonne date ???

    car je veux que par exemple le premier de chaque mois le div qui s'affiche change.
    janvier div1 afficher les autres caché
    fevrier div2 afficher les autre caché etc...

    et qu'il n'y ai 1 div de visible.
    tu vois ce que je veux dire ?

  6. #6
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    function afficheDiv(){
    var numero = new Date.getDate();  // numero prend la valeur du mois courant
    var i=0;  // on initialise une variable de boucle
    while(document.getElementById('divid'+i)){  // boucle while, tant qu'il existe une div dont l'id est divid + la valeur de i
        document.getElementById('divid'+i).style.display = i == numero ? 'block' : 'none';  //  on vérifie si elle correspond au mois courant, si c'est le cas, on l'affiche sinon on la cache
        i++;  //  on passe à la div suivante
    }
    }
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  7. #7
    Membre éclairé Avatar de spawns
    Homme Profil pro
    Inscrit en
    Juillet 2004
    Messages
    558
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations forums :
    Inscription : Juillet 2004
    Messages : 558
    Par défaut
    c'est bon j'ai trouvais en m'inspirant de ce que tu avais fait
    avec les mois.

    grand merci à toi Bovino
    @+

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

Discussions similaires

  1. Afficher / Cacher des div, probleme
    Par bob633 dans le forum Général JavaScript
    Réponses: 10
    Dernier message: 25/02/2012, 12h49
  2. afficher cacher des div script CGI
    Par calimero83 dans le forum Réseau/Web
    Réponses: 0
    Dernier message: 04/12/2011, 20h00
  3. Galerie image: Afficher/cacher des div
    Par lemirandais dans le forum jQuery
    Réponses: 1
    Dernier message: 09/09/2009, 08h49
  4. Afficher & Cacher des div
    Par stanley dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 29/10/2008, 20h26
  5. Afficher / Cacher des divs
    Par figatelliSTI dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 03/04/2008, 16h57

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