Présentation Enchainement des résultats

Version imprimable

Bonjour,

Voilà, j'utilise Jquery mobile avec PHP/Mysql et j'ai un problème de présentation, je pense que c'est l'ordre de mes requêtes qui doit être erroné, mais j'ai fait plusieurs essais et là, je m'arrache les cheveux..:aie:

Voilà ce que je souhaiterai en présentation :
(une seule date = plusieurs types) (un seul type = plusieurs noms )

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
* Lundi 21 novembre 2011
   - Type d'évenement 1
      - Nom premier
          -description du premier....
      - Nom deuxième
          -description du deuxième....
....
 
   - Type d'évenement 2
      - Nom autre premier
          -description de l'autre premier....
 
* Mardi 22 novembre 2011
....

mon code :

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
28
29
30
31
32
33
34
35
36
37
38
<?php
require('configuration.php');$sql = connect_sql();
$date_depart=date('y').'-'.date('n').'-'.date('j');
$date_depart2 = date('Y-m-d', strtotime($date_depart2.' -1 days'));
$compteur = 0;mysql_query("SET NAMES 'utf8'");setlocale (LC_TIME, 'fr_FR.UTF8');
while ($compteur <6){	$compteur = $compteur+1;							$date_depart2 = date('Y-m-d', strtotime($date_depart2.' +1 days'));
						$date_vue_depart = strftime("%A %d %B %Y",strtotime("$date_depart2"));$jour_vue = ucwords(strtolower($date_vue_depart));
						$select3 = "SELECT * FROM evenement WHERE date_ev ='$date_depart2' ORDER BY type_evenement ASC, date_ev ASC";
						$result2 = mysql_query($select3) or die ('Erreur : '.mysql_error() );
						if	(mysql_num_rows($result2) == 0)	{}
						else	$PrecedentType2=""; ?>	
							<div data-role="collapsible" data-collapsed="false" data-theme="c" data-content-theme="c"> <!-- DEBUT DATE -->
								<?php echo '<h3>'.$jour_vue.'</h3>'.'<br />';	
								while($affiche2 = mysql_fetch_array($result2))
								{	?>	
									<div data-role="collapsible" data-collapsed="false" data-theme="e" data-content-theme="e">  <!-- DEBUT TYPE -->
									<?php 
									if ($affiche2["type_evenement"] <> $PrecedentType2)
									{ echo '<h3>'.$affiche2["type_evenement"].'</h3>';	}
									$PrecedentType2=$affiche2["type_evenement"];$date_affiche = $affiche2["date_ev"];$date_vue = strftime("%A %d %B %Y",strtotime("$date_affiche")); ?>
									<div data-role="collapsible" data-collapsed="true" data-theme="c" data-content-theme="d"><!-- DEBUT Nom -->
									<h3><?php echo stripslashes($affiche2["nom"]); ?></h3>
									<p><!-- Début de la description -->
									<?php	echo '<b>'.$date_vue.'</b>'."Début à : ".stripslashes($affiche2["heure"])."   ";
									if (($affiche2["tarif"]) == 'Payant') 
									{	echo '<b>'.'  '.stripslashes($affiche2["tarif"]).'</b>'." ".stripslashes($affiche2["montant"]);	}
									else { 	echo "  ".stripslashes($affiche2["tarif"])."   "; 	}
									echo '<br/>'.stripslashes($affiche2["lieu"])."   ".'<br />'; ?>
									<li><a><?php echo stripslashes($affiche2["description"]); ?></a></li>
									<li><?php echo !empty($affiche2["site_infos"]) ? 
									'<a href="'.stripslashes($affiche2["site_infos"]).'" data-transition="flip" rel="external">Site web</a>' : ' '; ?></li>
									<li><a>mis en ligne par <?php echo $affiche2["pseudo_ev"];	?></a></li>
									</p><!-- Fin de la description -->
									</div> <!-- FIN Nom -->
									</div> <!-- FIN TYPE -->
					<?php		} // fin du while sur les donnees ?>
							</div> <!-- FIN DATE -->
			<?php 	} // fin du while sur le compteur de date ?>

Merci !

22/11/2011, 12h30
Celira

Soit dit sans t'offenser, ton code est un vrai bazar au niveau de la mise en page et de l’indentation :aie: En règle générale, on évite au moins d'écrire deux instructions sur la même ligne et on évite de faire des conditions sans instructions (ou alors on met au moins un commentaire pour indiquer que c'est normal :roll:)
Tu as une instruction $date_depart2 = date('Y-m-d', strtotime($date_depart2.' -1 days')); au début. Sauf que $date_depart2 n'a pas encore été défini... Normalement, ça va te renvoyer hier, mais je ne suis pas sûre que ce soit le cas et ce que tu voulais.

Pour le reste, ben il va falloir préciser ton "problème de présentation".

J'ai modifié mon code :oops:

c'est presque ça, sauf que que je n'ai que le premier nom

Code:

<h3><?php echo stripslashes($affiche2["nom"]); ?></h3>

pour chaque type d'événement :

Code:

1
2
3
4
<div data-role="collapsible" data-collapsed="true"  data-theme="e" data-content-theme="e">  <!-- DEBUT TYPE -->
									<?php 
									if ($affiche2["type_evenement"] <> $PrecedentType2)
									{ echo '<h3>'.$affiche2["type_evenement"].'</h3>';	}

Code complet :

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<?php
require('configuration.php');
$sql = connect_sql();
$date_depart=date('y').'-'.date('n').'-'.date('j');
$date_depart2 = date('Y-m-d', strtotime($date_depart.' -1 days'));
$compteur = 0;mysql_query("SET NAMES 'utf8'");
setlocale (LC_TIME, 'fr_FR.UTF8');
while ($compteur <6)	{	$compteur = $compteur+1;
							$date_depart2 = date('Y-m-d', strtotime($date_depart2.' +1 days'));
							$date_vue_depart = strftime("%A %d %B",strtotime("$date_depart2"));
							$jour_vue = ucwords(strtolower($date_vue_depart));
							$select3 = "SELECT * FROM evenement WHERE date_ev ='$date_depart2' ORDER BY type_evenement ASC, date_ev ASC";
							$result2 = mysql_query($select3) or die ('Erreur : '.mysql_error() );
							if	(mysql_num_rows($result2) == 0)
							{   } // pas de données on affiche pas !
							else
							$PrecedentType2=""; ?>
							<div data-role="collapsible" data-collapsed="true" data-theme="c" data-content-theme="c" id="accordeon"> <!-- DEBUT DATE -->
							<h3><?php echo $jour_vue; ?></h3>
							<?php
							while($affiche2 = mysql_fetch_array($result2))
							{	?>
									<div data-role="collapsible" data-collapsed="true"  data-theme="e" data-content-theme="e">  <!-- DEBUT TYPE -->
									<?php 
									if ($affiche2["type_evenement"] <> $PrecedentType2)
									{ echo '<h3>'.$affiche2["type_evenement"].'</h3>';	}
									else
									{   } // pas de nouveau type on affiche pas !
									$PrecedentType2=$affiche2["type_evenement"];
									$date_affiche = $affiche2["date_ev"];
									$date_vue = strftime("%A %d %B %Y",strtotime("$date_affiche")); ?>
									<div data-role="collapsible" data-collapsed="false" data-theme="c" data-content-theme="d"><!-- DEBUT Nom -->
									<h3><?php echo stripslashes($affiche2["nom"]); ?></h3>
									<p><!-- Début de la description -->
									<?php	echo '<b>'.$date_vue.'</b>'."Début à : ".stripslashes($affiche2["heure"])."   ";
									if (($affiche2["tarif"]) == 'Payant') 
									{	echo '<b>'.'  '.stripslashes($affiche2["tarif"]).'</b>'." ".stripslashes($affiche2["montant"]);	}
									else 
									{ 	echo "  ".stripslashes($affiche2["tarif"])."   "; 	}
									echo '<br/>'.stripslashes($affiche2["lieu"])."   ".'<br />'; ?>
									<li><a><?php echo stripslashes($affiche2["description"]); ?></a></li>
									<li><?php echo !empty($affiche2["site_infos"]) ? 
									'<a href="'.stripslashes($affiche2["site_infos"]).'" data-transition="flip" rel="external">Site web</a>' : ' '; ?></li>
									<li><a>mis en ligne par <?php echo $affiche2["pseudo_ev"];	?></a></li>
									</p><!-- Fin de la description -->
									</div> <!-- FIN Nom -->
									</div> <!-- FIN TYPE -->
					<?php		} // fin du while sur les donnees ?>
							</div> <!-- FIN DATE -->
			<?php 	} // fin du while sur le compteur de date ?>

Merci encore pour votre patience

22/11/2011, 13h42
Celira

Hum... pour autant que je puisse juger, le code devrait fonctionner. Donc logiquement, c'est au niveau de la requête que ça cafouille...
Quelle est la structure de ta table ? Tu as bien une ligne dans la base par événement (et au moins un cas où il ya deux événements de même type le même jour) ?

Quand je regarde le code source généré, j'ai tous les événements.. mais pas en affichage :

Code source généré :

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
<div data-role="collapsible" data-collapsed="true" data-theme="c" data-content-theme="c" id="accordeon"> <!-- DEBUT DATE -->
<h3>Mercredi 23 Novembre</h3>
<div data-role="collapsible" data-collapsed="true"  data-theme="e" data-content-theme="e">  <!-- DEBUT TYPE -->
<h3>Concert</h3>
<div data-role="collapsible" data-collapsed="false" data-theme="c" data-content-theme="d"><!-- DEBUT Nom -->
<h3>Artiste 1</h3>
<p><!-- Début de la description -->
<b>mercredi 23 novembre 2011</b>Début à : 20h00   <b>  Payant</b> à partir de : 12<br/>Lieu 1 <br />
<li><a>Desccription 1 essai...</a></li>
<li><a href="http://www.essai1.com" data-transition="flip" rel="external">Site web</a></li>
<li><a>mis en ligne par Faz A caen</a></li>
</p><!-- Fin de la description -->
</div> <!-- FIN Nom -->
</div> <!-- FIN TYPE -->
<div data-role="collapsible" data-collapsed="true"  data-theme="e" data-content-theme="e">  <!-- DEBUT TYPE -->
<div data-role="collapsible" data-collapsed="false" data-theme="c" data-content-theme="d"><!-- DEBUT Nom -->
<h3>Artiste 2</h3>
<p><!-- Début de la description -->
<b>mercredi 23 novembre 2011</b>Début à : 20h00   <b>  Payant</b> NC<br/> Lieu 2  <br />
<li><a>Desccription 2 essai...</a></li>
<li><a href="http://www.essai2.com" data-transition="flip" rel="external">Site web</a></li>
<li><a>mis en ligne par Faz A caen</a></li>
</p><!-- Fin de la description -->
</div> <!-- FIN Nom -->
</div> <!-- FIN TYPE -->
</div> <!-- FIN DATE -->

et moi, je souhaite la présentation suivante :

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
28
29
<div data-role="collapsible" data-collapsed="true" data-theme="c" data-content-theme="c" id="accordeon"> <!-- DEBUT DATE -->
<h3>Mercredi 23 Novembre</h3>
 
<div data-role="collapsible" data-collapsed="true"  data-theme="e" data-content-theme="e">  <!-- DEBUT TYPE -->
<h3>Concert</h3>
 
<div data-role="collapsible" data-collapsed="false" data-theme="c" data-content-theme="d"><!-- DEBUT Nom -->
<h3>Artiste 1</h3>
<p><!-- Début de la description -->
<b>mercredi 23 novembre 2011</b>Début à : 20h00   <b>  Payant</b> à partir de : 12<br/>Lieu 1 <br />
<li><a>Desccription 1 essai...</a></li>
<li><a href="http://www.essai1.com" data-transition="flip" rel="external">Site web</a></li>
<li><a>mis en ligne par Faz A caen</a></li>
</p><!-- Fin de la description -->
</div> <!-- FIN Nom -->
 
<div data-role="collapsible" data-collapsed="false" data-theme="c" data-content-theme="d"><!-- DEBUT Nom -->
<h3>Artiste 2</h3>
<p><!-- Début de la description -->
<b>mercredi 23 novembre 2011</b>Début à : 20h00   <b>  Payant</b> NC<br/> Lieu 2  <br />
<li><a>Desccription 2 essai...</a></li>
<li><a href="http://www.essai2.com" data-transition="flip" rel="external">Site web</a></li>
<li><a>mis en ligne par Faz A caen</a></li>
</p><!-- Fin de la description -->
</div> <!-- FIN Nom -->
 
</div> <!-- FIN TYPE -->
 
</div> <!-- FIN DATE -->

Je suis pas très clair :calim2:
le problème doit être dans ma boucle je pense, mais là je vois pas trop...:cry:

22/11/2011, 14h57
Celira

Ah je crois que j'ai compris : tu veux une div pour le type qui encadres les événements d'un même type, c'est bien ça ?
22/11/2011, 15h08
fazpedro

@ Celira :
C'est exactement ça que je recherche ! :ccool:
mais je vois pas où est l'erreur dans ma boucle ?
Merci...

Dans ce cas, il faut refermer et rouvrir la balise à chaque nouveau type (en pensant à l'ouvrir une fois avant pour le 1er type et une fois après pour fermer le dernier type)

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<?
if (mysql_num_rows($result2) > 0) {
    $PrecedentType2 = "";
    $CourantType2 = "";
    //ouveture de la 1ere balise :
    ?>
    <div data-role="collapsible" data-collapsed="true"  data-theme="e" data-content-theme="e">  <!-- DEBUT 1ER TYPE -->
    <?php
    while($affiche2 = mysql_fetch_array($result2))
    {    
        // type courant 
        $CourantType2 = $affiche2["type_evenement"];
        ?>
 
        <?php 
        if ($CourantType2 <> $PrecedentType2)
        {
            // si on n'est pas la 1ere ligne
            if ($PrecedentType2 != '') {
            ?>
            </div> <!-- FIN TYPE PRECEDENT -->
            <div data-role="collapsible" data-collapsed="true"  data-theme="e" data-content-theme="e">  <!-- DEBUT TYPE -->
            <?php 
            }
            ?>
            <h3><?php echo $affiche2["type_evenement"] ?></h3>
        <?php 
            $PrecedentType2 = $CourantType2;
        }
        $date_affiche = $affiche2["date_ev"];
        $date_vue = strftime("%A %d %B %Y",strtotime("$date_affiche")); ?>
        <div data-role="collapsible" data-collapsed="false" data-theme="c" data-content-theme="d"><!-- DEBUT Nom -->
            <h4><?php echo stripslashes($affiche2["nom"]); ?></h4>
            <p><!-- Début de la description -->
                <?php    echo '<b>'.$date_vue.'</b>'."Début à : ".stripslashes($affiche2["heure"])."   ";
                if (($affiche2["tarif"]) == 'Payant') 
                {    echo '<b>'.'  '.stripslashes($affiche2["tarif"]).'</b>'." ".stripslashes($affiche2["montant"]);    }
                else 
                {     echo "  ".stripslashes($affiche2["tarif"])."   ";     }
                echo '<br/>'.stripslashes($affiche2["lieu"])."   ".'<br />'; ?>
                <ul>
                    <li><a><?php echo stripslashes($affiche2["description"]); ?></a></li>
                    <li><?php echo !empty($affiche2["site_infos"]) ? 
                    '<a href="'.stripslashes($affiche2["site_infos"]).'" data-transition="flip" rel="external">Site web</a>' : ' '; ?></li>
                    <li><a>mis en ligne par <?php echo $affiche2["pseudo_ev"];    ?></a></li>
                </ul>
            </p><!-- Fin de la description -->
        </div> <!-- FIN Nom -->
    <?php        
    } // fin du while sur les donnees 
    ?>
    </div> <!-- FIN DERNIER TYPE -->
    <?php
} // fin de l'affichage des données
?>

Merci beaucoup Celira :mouarf:
C'est excellent !

Voici le code modifié :

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
 
<div data-role="collapsible-set" data-theme="c" data-content-theme="d"> <!-- DEBUT ACCORDDEON -->
 
<!-- affichage des evenements de la semaine -->
<?php
require('configuration.php');
$sql = connect_sql();
$date_depart=date('y').'-'.date('n').'-'.date('j');
$date_depart2 = date('Y-m-d', strtotime($date_depart.' -1 days'));
$compteur = 0;mysql_query("SET NAMES 'utf8'");
setlocale (LC_TIME, 'fr_FR.UTF8');
while ($compteur <6)
	{						$compteur = $compteur+1;
							$date_depart2 = date('Y-m-d', strtotime($date_depart2.' +1 days'));
							$date_vue_depart = strftime("%A %d %B",strtotime("$date_depart2"));
							$jour_vue = ucwords(strtolower($date_vue_depart));
							$select3 = "SELECT * FROM evenement WHERE date_ev ='$date_depart2' ORDER BY type_evenement ASC, date_ev ASC";
							$result2 = mysql_query($select3) or die ('Erreur : '.mysql_error() );
							if (mysql_num_rows($result2) > 0) 
							{	
							?>
							<div data-role="collapsible" data-collapsed="true" data-theme="c" data-content-theme="c" id="accordeon"> <!-- DEBUT DATE -->
							<h3><?php echo $jour_vue; ?></h3>
							<?php
							$PrecedentType2 = "";
							$CourantType2 = "";
							//ouveture de la 1ere balise :
							?>
								<div data-role="collapsible" data-collapsed="true"  data-theme="e" data-content-theme="e">  <!-- DEBUT 1ER TYPE -->
							<?php
							while($affiche2 = mysql_fetch_array($result2))
							{    
							// type courant
							$CourantType2 = $affiche2["type_evenement"];
							if ($CourantType2 <> $PrecedentType2)
							{
								// si on n'est pas la 1ere ligne
								if ($PrecedentType2 != '') 
								{
									?>
									</div> <!-- FIN TYPE PRECEDENT -->
									<div data-role="collapsible" data-collapsed="true"  data-theme="e" data-content-theme="e">  <!-- DEBUT TYPE -->
									<?php 
								}
								?>
								<h3><?php echo $affiche2["type_evenement"] ?></h3>
								<?php
								$PrecedentType2 = $CourantType2;
							}
							$date_affiche = $affiche2["date_ev"];
							$date_vue = strftime("%A %d %B %Y",strtotime("$date_affiche")); ?>
							<div data-role="collapsible" data-collapsed="true" data-theme="c" data-content-theme="d"><!-- DEBUT Nom -->
							<h4><?php echo stripslashes($affiche2["nom"]); ?></h4>
							<p><!-- Début de la description -->
							<?php    echo '<b>'.$date_vue.'</b>'."Début à : ".stripslashes($affiche2["heure"])."   ";
							if (($affiche2["tarif"]) == 'Payant') 
							{    echo '<b>'.'  '.stripslashes($affiche2["tarif"]).'</b>'." ".stripslashes($affiche2["montant"]);    }
							else 
							{     echo "  ".stripslashes($affiche2["tarif"])."   ";     }
							echo '<br/>'.stripslashes($affiche2["lieu"])."   ".'<br />'; ?>
							<ul>
							<li><a><?php echo stripslashes($affiche2["description"]); ?></a></li>
							<li><?php echo !empty($affiche2["site_infos"]) ? 
							'<a href="'.stripslashes($affiche2["site_infos"]).'" data-transition="flip" rel="external">Site web</a>' : ' '; ?></li>
							<li><a>mis en ligne par <?php echo $affiche2["pseudo_ev"];    ?></a></li>
							</ul>
							</p><!-- Fin de la description -->
							</div> <!-- FIN Nom -->
							<?php
							} // fin du while sur les donnees 
							?>
									</div> <!-- FIN DERNIER TYPE -->
									</div> <!-- FIN DATE -->
							<?php
							} // fin de l'affichage des données
	} // fin du while sur le compteur
							?>
 
</div><!-- FIN ACCORDDEON -->