Fonction dans une balise DIV

Version imprimable

Bonjour,
Je réalise un planning annuel en html, avec du js et du php.
Grâce à un select on sélectionne le mois et il s’affiche dans une balise DIV grâce au JS.
Voici le code du JS :

Code:

1
2
3
4
5
6
7
8
9
10
 
function liste_lsb(sel) {
        var opt=sel.getElementsByTagName("option" );
        for (var i=0; i<opt.length; i++) {
          var x=document.getElementById(opt[i].value);
          if (x) x.style.display="none";
        }
        var cat = document.getElementById(sel.value);
        if (cat) cat.style.display="block";
      }

Voici le code du select :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<select onchange="liste_lsb(this)>
            <option value="">Selectionner...</option>
            <option value="1">Janvier</option>
            <option value="2">Fevrier</option>
            <option value="3">Mars</option>
            <option value="4">Avril</option>
            <option value="5">Mai</option>
            <option value="6">Juin</option>
            <option value="7">Juillet</option>
            <option value="8">Aout</option>
	    <option value="9">Septembre</option>
	    <option value="10">Octobre</option>
	    <option value="11">Novembre</option>
	    <option value="12">Decembre</option>
 
  </select>

El le code des div :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<div id="1" style="display:none"><?php janvier(); ?></div>
<div id="2" style="display:none"><?php fevrier(); ?></div>
<div id="3" style="display:none"><?php mars(); ?></div>
<div id="4" style="display:none"><?php avril(); ?></div>
<div id="5" style="display:none"><?php mai(); ?></div>
<div id="6" style="display:none"><?php juin(); ?></div>
<div id="7" style="display:none"><?php juillet(); ?></div>
<div id="8" style="display:none"><?php aout(); ?></div>
<div id="9" style="display:block"><?php septembre(); ?></div>
<div id="10" style="display:none"><?php octobre(); ?></div>
<div id="11" style="display:none"><?php novembre(); ?></div>
<div id="12" style="display:none"><?php decembre(); ?></div>

Voici ma question :
Tout les mois je dois changer le « display :none » par « block » pour que le mois concerné soit visible à l’écran, peut-on intégrer du code php pour changer automatiquement none par block à chaque changement de mois.
A défaut de m’aider, vers quelle piste dois-je m’orienter ?
Bien cordialement.

17/08/2011, 15h13
stealth35

regarde date
17/08/2011, 15h21
FirePrawn

Bonjour,

Bien sûr que tu peux intégrer une condition en PHP. Regarde la fonction que t'a proposé andry. Ensuite tu compares le mois en cours avec l'id de ton div, et tu changes le style en fonction.

Bonsoir,
:oops:..je travail sur ce bout de code..
Mais sans succès..
Suis-je sur la bonne piste.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <?php $mois =array(1=>" janvier "," fevrier "," mars "," avril "," mai "," juin "," juillet "," aout "," septembre "," octobre "," novembre "," decembre "); $choix=$mois[date('n')]; if($mois=$choix) { function none_block() { echo <<<HTML <div id="1" style="display:block"> HTML, } } else { function none_block() { echo <<<HTML <div id="1" style="display:none"> HTML, } } none_block(); ?>
J'ai un petit soucis avec les insertions HTML, est-ce comme-ça ? :roll:

Histoire de me guider dans le droit chemin :cry:

Merci

17/08/2011, 22h36
stealth35

t'as condition n'est pas bonne $mois=$choix, je te conseil d'apprendre les bases avant de te lancer dans un projet

Bonjour,

Effectivement égal c'est :

Code:

==

Ce qui donne :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 <?php $mois =array(1=>"1","2","3","4","5","6","7","8","9","10","11","12"); $choix=$mois[date('n')]; if($mois == $choix) { function none_block() { echo <<<HTML <div id="1" style="display:block"> HTML, } } else { function none_block() { echo <<<HTML <div id="1" style="display:none"> HTML, } } none_block(); ?>
Par contre comment faire la relation avec chaque ID des 12 DIV ?

Comment les comparer ?

Cette ligne est-elle correcte ?
Code:

1 2 $mois =array(1=>"1","2","3","4","5","6","7","8","9","10","11","12");
Merci

18/08/2011, 16h22
FirePrawn

Et en reliant le numéro du mois courant avec l'id de ton div.
Tu récupères le mois courant, et tu utilises son numéro pour ta fonction. Tu as juste a mettre l'id du div en dynamique dans ta fonction js en récupérant le mois courant.

Bonsoir FirePrawn,

Ca te semble tellement simple, je pense ! :roll:.
Je ne comprends pas bien ton message !:oops:
Désolé...

C'est à dire comme ça ?
Code:

1 2 3 4 5 $ID_1 = array(1=>"1"); $ID_2 = array(1=>"2"); //etc
Et que vient faire le JS ?

C'est dur dur :cry:

A la rigueur j'ai pensé à faire ceci :
Code:

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 <?php $mois =array (1=>"jANVIER","FEVRIER","MARS","AVRIL","MAI","JUIN","JUILLET","AOUT","SEPTEMBRE","OCTOBRE","NOVEMBRE","DECEMBRE"); $choix=$mois[date('n')]; if($mois == $choix) { function none_block() { echo "display:block"; } } else { function none_block() { echo "display:none"; } } none_block(); ?>
Et puis je mets le code dans chaque balise div, comme ceci :
Code:

1 2 <div id="1" style="<?php ici mon code ?>"><?php janvier(); ?></div>
Je pense préférable de le glisser dans la balise div entre les guillemets du style ?

Est-ce la bonne solution ?