Subversion Repositories eFlore/Applications.eflore-consultation

Rev

Rev 1163 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1163 Rev 1329
1
<?
1
<?
2
$txt_latin = "Le nom latin est utilisé en sciences pour nommer un être vivant, 
2
$txt_latin = "Le nom latin est utilisé en sciences pour nommer un être vivant, 
3
			  ou un groupe d'êtres vivants. On l'appelle aussi nom scientifique ou encore 
3
			  ou un groupe d'êtres vivants. On l'appelle aussi nom scientifique ou encore 
4
			  nom savant, car il n'est pas employé couramment et parfois difficile à 
4
			  nom savant, car il n'est pas employé couramment et parfois difficile à 
5
			  retenir.";
5
			  retenir.";
6
$txt_famille = "Une famille rassemble des êtres vivants proches, qui se ressemblent, malgré leurs 
6
$txt_famille = "Une famille rassemble des êtres vivants proches, qui se ressemblent, malgré leurs 
7
				différences. Les familles botaniques sont ainsi utilisées pour classer les végétaux et pour 
7
				différences. Les familles botaniques sont ainsi utilisées pour classer les végétaux et pour 
8
				estimer les similitudes ou affinités qu'il peut y avoir entre différentes plantes.";
8
				estimer les similitudes ou affinités qu'il peut y avoir entre différentes plantes.";
9
 
9
 
10
$icones = array('icon-eye-open', 'icon-book', 'icon-certificate', 'icon-home', 'icon-flag');
10
$icones = array('icon-eye-open', 'icon-book', 'icon-certificate', 'icon-home', 'icon-flag');
11
$index_icones = 0;
11
$index_icones = 0;
12
 
12
 
13
$nb_onglets = 0;
13
$nb_onglets = 0;
14
?>	
14
?>	
15
<header class="row-fluid">
15
<header class="row-fluid">
16
	<div id="tela" class="padding-05em">
16
	<div id="tela" class="padding-05em">
17
		<div class="text-center titre">
17
		<div class="text-center titre">
18
		  <? if (isset($texte['nom-commun'])) : ?>
18
		  <? if (isset($texte['nom-commun'])) : ?>
19
		  <?= $texte['nom-commun']; ?>
19
		  <?= $texte['nom-commun']; ?>
20
		  <? elseif ($nomsCommuns[0]['nom_vernaculaire'] != '') : ?>
20
		  <? elseif ($nomsCommuns[0]['nom_vernaculaire'] != '') : ?>
21
				<?= $nomsCommuns[0]['nom_vernaculaire'] ?>
21
				<?= $nomsCommuns[0]['nom_vernaculaire'] ?>
22
			<? else : ?>
22
			<? else : ?>
23
				Aucun nom commun défini.
23
				Aucun nom commun défini.
24
			<? endif; ?>
24
			<? endif; ?>
25
		</div>
25
		</div>
26
		<div class="align-center">
26
		<div class="align-center">
27
			<? if ($nom_retenu != '') : ?>
27
			<? if ($nom_retenu != '') : ?>
28
				<?= $nom_retenu; ?>
28
				<?= $nom_retenu; ?>
29
			<? else : ?>
29
			<? else : ?>
30
				Aucun nom scientifique.
30
				Aucun nom scientifique.
31
			<? endif; ?>
31
			<? endif; ?>
32
			<? if ($famille != '') : ?>
32
			<? if ($famille != '') : ?>
33
					(<span class="small-caps"><?= $famille; ?>)</span>
33
					(<span class="small-caps"><?= $famille; ?>)</span>
34
			<? endif; ?>
34
			<? endif; ?>
35
		</div>
35
		</div>
36
	</div>
36
	</div>
37
</header> 
37
</header> 
38
<span class="gradient-bas"></span>	
38
<span class="gradient-bas"></span>	
39
		
39
		
40
 
40
 
41
<div class="row-fluid">
41
<div class="row-fluid">
42
 	<div class="span12">
42
 	<div class="span12">
43
 		<div class="row-fluid">
43
 		<div class="row-fluid">
44
			<div class="span5 margin-bottom-05em margin-center margin-right-05em">
44
			<div class="span5 margin-bottom-05em margin-center margin-right-05em">
45
				<div class="row-fluid margin-top-05em padding-left-01em" id="icons">
45
				<div class="row-fluid margin-top-05em padding-left-01em" id="icons">
46
					<div class="span6">
46
					<div class="span6">
-
 
47
						<? if ($repartition['carte'] != null) : ?>
47
						<div class="wrapper_carte">
48
							<div class="wrapper_carte">
48
							<ul id="galerie_carte" class="gallery">
49
								<ul id="galerie_carte" class="gallery">
49
								<li>
50
									<li>
50
									<a href="<?= $repartition['chorodep'] ?>" rel="external">
51
										<a href="<?= $repartition['carte'] ?>" rel="external">
51
										<img style="width:190px; height:178px" src="<?= $repartition['chorodep'] ?>" class="" title="Carte de répartition" alt="Carte de répartition" />
52
											<img style="width:190px; height:178px" src="<?= $repartition['carte'] ?>" class="" title="Carte de répartition" alt="Carte de répartition" />
52
									</a>
53
										</a>
53
								</li>
54
									</li>
54
							</ul>
55
								</ul>
55
						</div>
56
							</div>
-
 
57
						<? endif; ?>
56
					</div>
58
					</div>
57
					<div class="span6 bordered">
59
					<div class="span6 bordered">
58
						<div class="wrapper wrapper_demi">
60
						<div class="wrapper wrapper_demi">
59
							<ul id="galerie_images" class="gallery">
61
							<ul id="galerie_images" class="gallery">
60
								<? if (count($illustrations) != 0) : ?>
62
								<? if (count($illustrations) != 0) : ?>
61
									<? for($i = 0; $i < count($illustrations); $i++) : ?>
63
									<? for($i = 0; $i < count($illustrations); $i++) : ?>
62
										<? if (trim($illustrations[$i]['legende']['texte']) != '&nbsp;') : ?>
64
										<? if (trim($illustrations[$i]['legende']['texte']) != '&nbsp;') : ?>
63
											<? $alt = $illustrations[$i]['legende']['titre'].' ('.$illustrations[$i]['legende']['texte'].')'; ?>
65
											<? $alt = $illustrations[$i]['legende']['titre'].' ('.$illustrations[$i]['legende']['texte'].')'; ?>
64
										<? else : ?>
66
										<? else : ?>
65
											<? $alt = $illustrations[$i]['legende']['titre']; ?>
67
											<? $alt = $illustrations[$i]['legende']['titre']; ?>
66
										<? endif; ?>
68
										<? endif; ?>
67
										<li>
69
										<li>
68
											<a href="<?= $illustrations[$i]['src'] ?>" rel="external">
70
											<a href="<?= $illustrations[$i]['src'] ?>" rel="external">
69
												<img src="<?= $illustrations[$i]['src'] ?>" alt="<?= $alt; ?>" />
71
												<img src="<?= $illustrations[$i]['src'] ?>" alt="<?= $alt; ?>" />
70
											</a>
72
											</a>
71
										</li>
73
										</li>
72
									<? endfor; ?>
74
									<? endfor; ?>
73
								<? else: ?>
75
								<? else: ?>
74
									Aucune image.
76
									Aucune image.
75
								<? endif; ?>
77
								<? endif; ?>
76
							</ul>
78
							</ul>
77
						</div>
79
						</div>
78
					</div>
80
					</div>
79
				</div>					
81
				</div>					
80
				<? if ($floraison['floraison'] != -1) : ?>
82
				<? if ($floraison['floraison'] != -1) : ?>
81
					<div class="row-fluid margin-top-05em padding-left-01em">
83
					<div class="row-fluid margin-top-05em padding-left-01em">
82
						<div class="span12 bordered">
84
						<div class="span12 bordered">
83
							<i class="margin-top-03em margin-left-03em icon-leaf pull-left"></i>
85
							<i class="margin-top-03em margin-left-03em icon-leaf pull-left"></i>
84
							<div class="margin-left-05em pull-left">Floraison</div>		
86
							<div class="margin-left-05em pull-left">Floraison</div>		
85
								<canvas id="canvas_fleur" height="60"></canvas>
87
								<canvas id="canvas_fleur" height="60"></canvas>
86
								<span id="floraison_value"><?= $floraison['floraison'] ?></span>	
88
								<span id="floraison_value"><?= $floraison['floraison'] ?></span>	
87
						</div>
89
						</div>
88
					</div>
90
					</div>
89
				<? endif; ?>
91
				<? endif; ?>
90
 
92
 
91
				<? if ($floraison['fructification'] != -1) : ?>
93
				<? if ($floraison['fructification'] != -1) : ?>
92
					<div class="row-fluid margin-top-05em padding-left-01em">
94
					<div class="row-fluid margin-top-05em padding-left-01em">
93
						<div class="span12 bordered">
95
						<div class="span12 bordered">
94
							<i class="margin-top-03em margin-left-03em icon-asterisk pull-left"></i>
96
							<i class="margin-top-03em margin-left-03em icon-asterisk pull-left"></i>
95
							<div class="margin-left-05em pull-left">Fructification</div>
97
							<div class="margin-left-05em pull-left">Fructification</div>
96
								<canvas id="canvas_fruit" height="60"></canvas>
98
								<canvas id="canvas_fruit" height="60"></canvas>
97
								<span id="fructification_value"><?= $floraison['fructification'] ?></span>	
99
								<span id="fructification_value"><?= $floraison['fructification'] ?></span>	
98
						</div>
100
						</div>
99
					</div>
101
					</div>
100
				<? endif; ?>
102
				<? endif; ?>
101
			</div>				
103
			</div>				
102
			<script type="text/javascript">
104
			<script type="text/javascript">
103
				var fleur = document.getElementById('floraison_value'),
105
				var fleur = document.getElementById('floraison_value'),
104
					fruit = document.getElementById('fructification_value');
106
					fruit = document.getElementById('fructification_value');
105
				if (fleur) {
107
				if (fleur) {
106
					dessinCanvas(document.getElementById('canvas_fleur'), '#00F', fleur.innerHTML);
108
					dessinCanvas(document.getElementById('canvas_fleur'), '#00F', fleur.innerHTML);
107
				}
109
				}
108
				if (fruit) {
110
				if (fruit) {
109
					dessinCanvas(document.getElementById('canvas_fruit'), '#F00', fruit.innerHTML);
111
					dessinCanvas(document.getElementById('canvas_fruit'), '#F00', fruit.innerHTML);
110
				}
112
				}
111
			</script>		
113
			</script>		
112
			
114
			
113
									
115
									
114
			<div id="principal">
116
			<div id="principal">
115
				<? if (count($texte['corps']) > 1) : ?>
117
				<? if (count($texte['corps']) > 1) : ?>
116
					<?= $texte['corps'][2]; ?>
118
					<?= $texte['corps'][2]; ?>
117
					<div class="clearfix">
119
					<div class="clearfix">
118
						<h4>
120
						<h4>
119
							<i class="<?= $icones[$index_icones++]; ?> margin-left-1em margin-top-03em"></i>
121
							<i class="<?= $icones[$index_icones++]; ?> margin-left-1em margin-top-03em"></i>
120
							<?= $texte['corps'][3]; ?>
122
							<?= $texte['corps'][3]; ?>
121
						</h4>
123
						</h4>
122
						<?= $texte['corps'][4]; ?>
124
						<?= $texte['corps'][4]; ?>
123
					</div>
125
					</div>
124
					
126
					
125
					
127
					
126
					<div class="accordion" id="accordion2">
128
					<div class="accordion" id="accordion2">
127
						<? for($c = 3; $c < count($texte['corps'])-1; $c+=2) : ?>
129
						<? for($c = 3; $c < count($texte['corps'])-1; $c+=2) : ?>
128
							<? if ($c != 3) : ?>
130
							<? if ($c != 3) : ?>
129
								<div class="accordion-group">
131
								<div class="accordion-group">
130
									<div class="accordion-heading">
132
									<div class="accordion-heading">
131
										<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse_<?= $c; ?>">
133
										<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse_<?= $c; ?>">
132
											<h4>
134
											<h4>
133
												<i class="<?= $icones[$index_icones++]; ?> margin-left-1em margin-top-03em"></i>
135
												<i class="<?= $icones[$index_icones++]; ?> margin-left-1em margin-top-03em"></i>
134
												<?= $texte['corps'][$c]; ?>
136
												<?= $texte['corps'][$c]; ?>
135
											</h4>
137
											</h4>
136
										</a>
138
										</a>
137
									</div>
139
									</div>
138
									<div id="collapse_<?= $c; ?>" class="accordion-body collapse">
140
									<div id="collapse_<?= $c; ?>" class="accordion-body collapse">
139
										<div class="accordion-inner">
141
										<div class="accordion-inner">
140
											<?= $texte['corps'][$c+1]; ?>
142
											<?= $texte['corps'][$c+1]; ?>
141
										</div>
143
										</div>
142
									</div>
144
									</div>
143
								</div>
145
								</div>
144
							<? endif; ?>
146
							<? endif; ?>
145
						<? endfor; ?>
147
						<? endfor; ?>
146
					</div>
148
					</div>
147
				<? else : ?>
149
				<? else : ?>
148
 
150
 
149
				<? if (isset($repartition['chorodep'])) /* affichage de la chorologie quand même, en l'absence de fiche Smartflore */ : ?>
151
				<? if (isset($repartition['carte'])) /* affichage de la chorologie quand même, en l'absence de fiche Smartflore */ : ?>
150
				<div class="row-fluid infos">
152
				<div class="row-fluid infos">
151
				  <div data-target="#c9" data-toggle="collapse" class="btn btn-block couleur1-bg"> 
153
				  <div data-target="#c9" data-toggle="collapse" class="btn btn-block couleur1-bg"> 
152
				    <h4 class="padding-left-1em">
154
				    <h4 class="padding-left-1em">
153
				      <i class="icon-home pull-left"></i>
155
				      <i class="icon-home pull-left"></i>
154
				      Écologie &amp; habitat</h4>
156
				      Écologie &amp; habitat</h4>
155
				  </div>
157
				  </div>
156
				  <div class="in collapse" id="c9" style="height: auto;">
158
				  <div class="in collapse" id="c9" style="height: auto;">
157
				    <div class="bg couleur1-bg">
159
				    <div class="bg couleur1-bg">
158
				      <div class="textes">
160
				      <div class="textes">
159
					<div class="span6 margin-right-05em"> Carte de répartition <br>
161
					<div class="span6 margin-right-05em"> Carte de répartition <br>
160
					  <ul class="gallery style-none margin-center" id="galerie_carte">
162
					  <ul class="gallery style-none margin-center" id="galerie_carte">
161
					    <li>
163
					    <li>
162
					      <a href="<?= $repartition['chorodep'] ?>" rel="external">
164
					      <a href="<?= $repartition['carte'] ?>" rel="external">
163
						<img style="width:190px; height:178px" src="<?= $repartition['chorodep'] ?>" class="" title="Carte de répartition" alt="Carte de répartition" />
165
						<img style="width:190px; height:178px" src="<?= $repartition['carte'] ?>" class="" title="Carte de répartition" alt="Carte de répartition" />
164
					      </a>
166
					      </a>
165
					    </li>
167
					    </li>
166
					  </ul>
168
					  </ul>
167
					</div>
169
					</div>
168
					<div class="clearfix"></div>
170
					<div class="clearfix"></div>
169
				      </div><!-- Fin de la zone de texte -->
171
				      </div><!-- Fin de la zone de texte -->
170
				    </div>
172
				    </div>
171
				  </div><!-- Fin de la zone déroulante -->
173
				  </div><!-- Fin de la zone déroulante -->
172
				</div>
174
				</div>
173
				<? endif; ?>
175
				<? endif; ?>
174
 
176
 
175
					<? if ($floraison['coste']['description']['texte'] != '') : ?>
177
					<? if ($floraison['coste']['description']['texte'] != '') : ?>
176
						<?= $floraison['coste']['description']['texte']; ?>
178
						<?= $floraison['coste']['description']['texte']; ?>
177
					<? else : ?>
179
					<? else : ?>
178
						<? if (count($floraison['baseflor']) > 1) : ?>
180
						<? if (count($floraison['baseflor']) > 1) : ?>
179
							<? foreach ($floraison['baseflor'] as $index => $texte) : ?>
181
							<? foreach ($floraison['baseflor'] as $index => $texte) : ?>
180
								<? if ($floraison['baseflor'][$index] != '') : ?>
182
								<? if ($floraison['baseflor'][$index] != '') : ?>
181
									<?= $index.' : '.$texte; ?> <br />
183
									<?= $index.' : '.$texte; ?> <br />
182
								<? endif; ?>
184
								<? endif; ?>
183
							<? endforeach; ?>
185
							<? endforeach; ?>
184
						<? else : ?>
186
						<? else : ?>
185
							<?= $txt_vide; ?>
187
							<?= $txt_vide; ?>
186
						<? endif; ?>
188
						<? endif; ?>
187
					<? endif; ?>
189
					<? endif; ?>
188
				<? endif; ?>
190
				<? endif; ?>
189
			</div>
191
			</div>
190
		</div>
192
		</div>
191
	</div> <!-- span12 englobant -->
193
	</div> <!-- span12 englobant -->
192
</div>   
194
</div>
193
			
-
 
194
195