990 |
isa |
1 |
<?
|
|
|
2 |
$txt_latin = "<div onclick='gestionPopover();'>
|
|
|
3 |
Le nom latin est utilisé en sciences pour nommer un être vivant,
|
|
|
4 |
ou un groupe d'êtres vivants. On l'appelle aussi nom scientifique ou encore
|
|
|
5 |
nom savant, car il n'est pas employé couramment et parfois difficile à retenir.
|
|
|
6 |
</div>";
|
|
|
7 |
$txt_famille = "<div onclick='gestionPopover();'>
|
|
|
8 |
Une famille rassemble des êtres vivants proches, qui se ressemblent, malgré leurs
|
|
|
9 |
différences. Les familles botaniques sont ainsi utilisées pour classer les végétaux et pour
|
|
|
10 |
estimer les similitudes ou affinités qu'il peut y avoir entre différentes plantes.
|
|
|
11 |
</div>";
|
|
|
12 |
|
|
|
13 |
$icones = array('icon-eye-open', 'icon-book', 'icon-certificate', 'icon-home', 'icon-flag');
|
|
|
14 |
$index_icones = 0;
|
|
|
15 |
|
|
|
16 |
$txt_vide = "Aucune donnée disponible.";
|
|
|
17 |
$nb_onglets = 0;
|
|
|
18 |
?>
|
991 |
isa |
19 |
<div onclick="gestionPopover();">
|
|
|
20 |
<header class="row-fluid">
|
|
|
21 |
<div class="padding-05em">
|
|
|
22 |
<div class="tela pull-left">
|
|
|
23 |
<a href="http://tela-botanica.org" rel="external" title="Retour à Tela-Botanica.org">
|
|
|
24 |
<img src="modules/mobile/presentations/logos/tela.png" alt="Logo Tela" />
|
|
|
25 |
</a>
|
|
|
26 |
</div>
|
|
|
27 |
<div class="text-center titre">
|
|
|
28 |
<? if ($nomsCommuns[0]['nom_vernaculaire'] != '') : ?>
|
|
|
29 |
<?= $nomsCommuns[0]['nom_vernaculaire'] ?>
|
|
|
30 |
<? else : ?>
|
|
|
31 |
<? if ($texte['titre'][0] != '') : ?>
|
|
|
32 |
<?= $texte['titre'][0]; ?>
|
|
|
33 |
<? else : ?>
|
|
|
34 |
Aucun nom commun défini.
|
|
|
35 |
<? endif; ?>
|
|
|
36 |
<? endif; ?>
|
|
|
37 |
</div>
|
|
|
38 |
</div>
|
|
|
39 |
</header>
|
|
|
40 |
|
|
|
41 |
<div id="div-infos">
|
|
|
42 |
<div id="div-infos-latin" class="row-fluid">
|
|
|
43 |
<div class="align-center">
|
1035 |
isa |
44 |
<a href="<?= $url_absolue ?>#div-infos-latin" class="btn btn-large btn-pop"
|
991 |
isa |
45 |
data-content="<?= $txt_latin; ?>" data-html="true"
|
|
|
46 |
data-placement="bottom" data-toggle="popover"
|
|
|
47 |
data-original-title="<div onclick='gestionPopover();'>Pourquoi un nom latin ?</div>"
|
|
|
48 |
onclick="resetPopover();">
|
|
|
49 |
<? if ($nom_retenu != '') : ?>
|
|
|
50 |
<?= $nom_retenu; ?>
|
990 |
isa |
51 |
<? else : ?>
|
991 |
isa |
52 |
Aucun nom scientifique.
|
990 |
isa |
53 |
<? endif; ?>
|
991 |
isa |
54 |
</a>
|
|
|
55 |
</div>
|
|
|
56 |
</div>
|
|
|
57 |
|
|
|
58 |
<div id="div-illustrations" class="row-fluid">
|
|
|
59 |
<? if (count($illustrations) != 0) : ?>
|
|
|
60 |
<div class="align-center" onclick="gestionSlider();">
|
|
|
61 |
<a href="#btn-latin" class="" id="gstn-img">
|
|
|
62 |
<img src="<?= $illustrations[0]['src'] ?>" alt="Miniature" class="pull-left">
|
|
|
63 |
<img src="modules/mobile/presentations/icones/zoom.png" class="zoom pull-left"/>
|
|
|
64 |
<img src="<?= $illustrations[1]['src'] ?>" alt="Miniature" class="pull-left">
|
|
|
65 |
</a>
|
990 |
isa |
66 |
</div>
|
991 |
isa |
67 |
<div id="slider-pictures" class="carousel slide margin-top-05em">
|
|
|
68 |
<button class="btn btn-large" onclick="gestionSlider();">
|
|
|
69 |
<i class="icon-remove pull-left"></i>
|
|
|
70 |
</button>
|
|
|
71 |
<ol class="carousel-indicators">
|
|
|
72 |
<? for($i = 0; $i < count($illustrations); $i++) : ?>
|
|
|
73 |
<li data-target="#slider-pictures" data-slide-to="<?= $i ?>" class="<?= ($i == 0) ? 'active' : ''; ?>"></li>
|
|
|
74 |
<? endfor; ?>
|
|
|
75 |
</ol>
|
|
|
76 |
|
|
|
77 |
<div class="carousel-inner">
|
|
|
78 |
<? for($i = 0; $i < count($illustrations); $i++) : ?>
|
|
|
79 |
<div class="item <?= ($i == 0) ? ' active' : ''; ?>">
|
|
|
80 |
<img src="<?= $illustrations[$i]['src'] ?>" alt="Image_<?= $i ?>" >
|
|
|
81 |
<div class="carousel-caption">
|
|
|
82 |
<h4><?= $illustrations[$i]['legende']['titre'] ?></h4>
|
|
|
83 |
<p><?= $illustrations[$i]['legende']['texte'] ?></p>
|
|
|
84 |
</div>
|
|
|
85 |
</div>
|
|
|
86 |
<? endfor; ?>
|
990 |
isa |
87 |
</div>
|
991 |
isa |
88 |
|
|
|
89 |
<a class="left carousel-control" href="#slider-pictures" data-slide="prev">‹</a>
|
|
|
90 |
<a class="right carousel-control" href="#slider-pictures" data-slide="next">›</a>
|
|
|
91 |
</div>
|
|
|
92 |
<? endif; ?>
|
|
|
93 |
</div>
|
990 |
isa |
94 |
|
|
|
95 |
|
991 |
isa |
96 |
<div id="div-infos-famille" class="row-fluid">
|
|
|
97 |
<div class="align-center">
|
|
|
98 |
<a href="#div-infos-famille" class="btn btn-large btn-pop" data-content="<?= $txt_famille; ?>"
|
|
|
99 |
data-placement="bottom" data-toggle="popover" data-html="true"
|
|
|
100 |
data-original-title="<div onclick='gestionPopover();'>Pourquoi une famille de plante ?</div>"
|
|
|
101 |
onclick="resetPopover();">
|
|
|
102 |
<? if ($famille != '') : ?>
|
|
|
103 |
Famille des <span class="small-caps"><?= $famille; ?></span>
|
|
|
104 |
<? else : ?>
|
|
|
105 |
<span class="none">En savoir plus sur les familles de plante</span>
|
|
|
106 |
<? endif; ?>
|
|
|
107 |
</a>
|
990 |
isa |
108 |
</div>
|
991 |
isa |
109 |
</div>
|
|
|
110 |
</div>
|
|
|
111 |
<span class="gradient-bas"></span>
|
|
|
112 |
<?= $floraison['coste']['texte']; ?>
|
|
|
113 |
|
|
|
114 |
<div class="resume">
|
|
|
115 |
<? if (count($texte['corps']) > 1) : ?>
|
|
|
116 |
<?= $texte['corps'][2]; ?>
|
|
|
117 |
</div>
|
990 |
isa |
118 |
|
991 |
isa |
119 |
<? for($index = 3; $index < count($texte['corps'])-1; $index+=2) : ?>
|
|
|
120 |
<? if (isset($texte['corps'][$c+1])) :
|
990 |
isa |
121 |
$nb_onglets++;
|
|
|
122 |
$class = ($nb_onglets % 2 == 0) ? "couleur1-bg" : "couleur2-bg";
|
|
|
123 |
?>
|
991 |
isa |
124 |
<div class="row-fluid infos">
|
|
|
125 |
<div class="btn btn-block <?= $class ?>" data-toggle="collapse" data-target="#c<?= $index ?>">
|
|
|
126 |
<h4 class="padding-left-1em">
|
|
|
127 |
<i class="<?= $icones[$index_icones++]; ?> pull-left"></i>
|
|
|
128 |
<?= $texte['corps'][$index]; ?>
|
|
|
129 |
</h4>
|
|
|
130 |
</div>
|
|
|
131 |
<div id="c<?= $index ?>" class="collapse">
|
|
|
132 |
<div class="bg <?= $class ?>">
|
|
|
133 |
<div class="textes">
|
|
|
134 |
<? if ($index == 9) : ?>
|
|
|
135 |
<div class="span6 margin-right-05em">
|
|
|
136 |
Carte de répartition <br />
|
|
|
137 |
<ul id="galerie_carte" class="gallery style-none margin-center">
|
|
|
138 |
<li>
|
|
|
139 |
<a href="<?= $repartition['chorodep'] ?>" rel="external">
|
|
|
140 |
<img src="<?= $repartition['chorodep'] ?>" class="" title="Carte de répartition" alt="Carte de répartition" />
|
|
|
141 |
</a>
|
|
|
142 |
</li>
|
|
|
143 |
</ul>
|
|
|
144 |
</div>
|
|
|
145 |
<div class="">
|
|
|
146 |
<?= $texte['corps'][$index+1]; ?>
|
|
|
147 |
</div>
|
|
|
148 |
<div class="clearfix"></div>
|
|
|
149 |
<? else : ?>
|
|
|
150 |
<?= $texte['corps'][$index+1]; ?>
|
|
|
151 |
<? endif; ?>
|
|
|
152 |
</div> <!-- Fin de la zone de texte -->
|
990 |
isa |
153 |
</div>
|
991 |
isa |
154 |
</div> <!-- Fin de la zone déroulante -->
|
|
|
155 |
</div> <!-- Fin du bloc infos -->
|
|
|
156 |
<? endif; ?>
|
|
|
157 |
<? endfor; ?>
|
|
|
158 |
<? else : ?>
|
|
|
159 |
<? if ($floraison['coste']['description']['texte'] != '') : ?>
|
|
|
160 |
<?= $floraison['coste']['description']['texte']; ?>
|
990 |
isa |
161 |
<? else : ?>
|
991 |
isa |
162 |
<? if (count($floraison['baseflor']) > 1) : ?>
|
|
|
163 |
<? foreach ($floraison['baseflor'] as $index => $texte) : ?>
|
|
|
164 |
<? if ($floraison['baseflor'][$index] != '') : ?>
|
|
|
165 |
<?= $index.' : '.$texte; ?> <br />
|
|
|
166 |
<? endif; ?>
|
|
|
167 |
<? endforeach; ?>
|
990 |
isa |
168 |
<? else : ?>
|
991 |
isa |
169 |
<?= $txt_vide; ?>
|
990 |
isa |
170 |
<? endif; ?>
|
991 |
isa |
171 |
<? endif; ?>
|
|
|
172 |
</div>
|
|
|
173 |
<? endif; ?>
|