Fonction dans une balise DIV

**BRUNO71** · 17/08/2011, 16h06

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

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
 
<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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**stealth35** · 17/08/2011, 16h13

regarde date

**FirePrawn** · 17/08/2011, 16h21

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.

**BRUNO71** · 17/08/2011, 23h25

Bonsoir,

..je travail sur ce bout de code..
Mais sans succès..
Suis-je sur la bonne piste.

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
 
<?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 ?

Histoire de me guider dans le droit chemin

Merci

**stealth35** · 17/08/2011, 23h36

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

**BRUNO71** · 18/08/2011, 10h50

Bonjour,

Effectivement égal c'est :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

==

Ce qui donne :

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
 
<?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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Merci

**FirePrawn** · 18/08/2011, 17h22

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.

**BRUNO71** · 18/08/2011, 22h42

Bonsoir FirePrawn,

Ca te semble tellement simple, je pense !

.
Je ne comprends pas bien ton message !

Désolé...

C'est à dire comme ça ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

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
 
<?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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

Fonction dans une balise DIV

Langage PHP

Discussions similaires

Partager

Partager