New file |
0,0 → 1,164 |
<? |
$txt_latin = "Le nom latin est utilisé en sciences pour nommer un être vivant, |
ou un groupe d'êtres vivants. On l'appelle aussi nom scientifique ou encore |
nom savant, car il n'est pas employé couramment et parfois difficile à |
retenir."; |
$txt_famille = "Une famille rassemble des êtres vivants proches, qui se ressemblent, malgré leurs |
différences. Les familles botaniques sont ainsi utilisées pour classer les végétaux et pour |
estimer les similitudes ou affinités qu'il peut y avoir entre différentes plantes."; |
|
$icones = array('icon-eye-open', 'icon-book', 'icon-certificate', 'icon-home', 'icon-flag'); |
$index_icones = 0; |
|
$nb_onglets = 0; |
?> |
<header class="row-fluid"> |
<div id="tela" class="padding-05em"> |
<div class="text-center titre"> |
<? if ($nomsCommuns[0]['nom_vernaculaire'] != '') : ?> |
<?= $nomsCommuns[0]['nom_vernaculaire'] ?> |
<? else : ?> |
Aucun nom commun défini. |
<? endif; ?> |
</div> |
<div class="align-center"> |
<? if ($nom_retenu != '') : ?> |
<?= $nom_retenu; ?> |
<? else : ?> |
Aucun nom scientifique. |
<? endif; ?> |
<? if ($famille != '') : ?> |
(<span class="small-caps"><?= $famille; ?>)</span> |
<? endif; ?> |
</div> |
</div> |
</header> |
<span class="gradient-bas"></span> |
|
|
<div class="row-fluid"> |
<div class="span12"> |
<div class="row-fluid"> |
<div class="span5 margin-bottom-05em margin-center margin-right-05em"> |
<div class="row-fluid margin-top-05em padding-left-01em" id="icons"> |
<div class="span6"> |
<div class="wrapper_carte"> |
<ul id="galerie_carte" class="gallery"> |
<li> |
<a href="<?= $repartition['chorodep'] ?>" rel="external"> |
<img style="width:190; height:178" src="<?= $repartition['chorodep'] ?>" class="" title="Carte de répartition" alt="Carte de répartition" /> |
</a> |
</li> |
</ul> |
</div> |
</div> |
<div class="span6 bordered"> |
<div class="wrapper wrapper_demi"> |
<ul id="galerie_images" class="gallery"> |
<? if (count($illustrations) != 0) : ?> |
<? for($i = 0; $i < count($illustrations); $i++) : ?> |
<? if (trim($illustrations[$i]['legende']['texte']) != ' ') : ?> |
<? $alt = $illustrations[$i]['legende']['titre'].' ('.$illustrations[$i]['legende']['texte'].')'; ?> |
<? else : ?> |
<? $alt = $illustrations[$i]['legende']['titre']; ?> |
<? endif; ?> |
<li> |
<a href="<?= $illustrations[$i]['src'] ?>" rel="external"> |
<img src="<?= $illustrations[$i]['src'] ?>" alt="<?= $alt; ?>" /> |
</a> |
</li> |
<? endfor; ?> |
<? else: ?> |
Aucune image. |
<? endif; ?> |
</ul> |
</div> |
</div> |
</div> |
<? if ($floraison['floraison'] != -1) : ?> |
<div class="row-fluid margin-top-05em padding-left-01em"> |
<div class="span12 bordered"> |
<i class="margin-top-03em margin-left-03em icon-leaf pull-left"></i> |
<div class="margin-left-05em pull-left">Floraison</div> |
<canvas id="canvas_fleur" height="60"></canvas> |
<span id="floraison_value"><?= $floraison['floraison'] ?></span> |
</div> |
</div> |
<? endif; ?> |
|
<? if ($floraison['fructification'] != -1) : ?> |
<div class="row-fluid margin-top-05em padding-left-01em"> |
<div class="span12 bordered"> |
<i class="margin-top-03em margin-left-03em icon-asterisk pull-left"></i> |
<div class="margin-left-05em pull-left">Fructification</div> |
<canvas id="canvas_fruit" height="60"></canvas> |
<span id="fructification_value"><?= $floraison['fructification'] ?></span> |
</div> |
</div> |
<? endif; ?> |
</div> |
<script type="text/javascript"> |
var fleur = document.getElementById('floraison_value'), |
fruit = document.getElementById('fructification_value'); |
if (fleur) { |
dessinCanvas(document.getElementById('canvas_fleur'), '#00F', fleur.innerHTML); |
} |
if (fruit) { |
dessinCanvas(document.getElementById('canvas_fruit'), '#F00', fruit.innerHTML); |
} |
</script> |
|
|
<div id="principal"> |
<? if (count($texte['corps']) > 1) : ?> |
<?= $texte['corps'][2]; ?> |
<div class="clearfix"> |
<h4> |
<i class="<?= $icones[$index_icones++]; ?> margin-left-1em margin-top-03em"></i> |
<?= $texte['corps'][3]; ?> |
</h4> |
<?= $texte['corps'][4]; ?> |
</div> |
|
|
<div class="accordion" id="accordion2"> |
<? for($c = 3; $c < count($texte['corps'])-1; $c+=2) : ?> |
<? if ($c != 3) : ?> |
<div class="accordion-group"> |
<div class="accordion-heading"> |
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse_<?= $c; ?>"> |
<h4> |
<i class="<?= $icones[$index_icones++]; ?> margin-left-1em margin-top-03em"></i> |
<?= $texte['corps'][$c]; ?> |
</h4> |
</a> |
</div> |
<div id="collapse_<?= $c; ?>" class="accordion-body collapse"> |
<div class="accordion-inner"> |
<?= $texte['corps'][$c+1]; ?> |
</div> |
</div> |
</div> |
<? endif; ?> |
<? endfor; ?> |
</div> |
<? else : ?> |
<? if ($floraison['coste']['description']['texte'] != '') : ?> |
<?= $floraison['coste']['description']['texte']; ?> |
<? else : ?> |
<? if (count($floraison['baseflor']) > 1) : ?> |
<? foreach ($floraison['baseflor'] as $index => $texte) : ?> |
<? if ($floraison['baseflor'][$index] != '') : ?> |
<?= $index.' : '.$texte; ?> <br /> |
<? endif; ?> |
<? endforeach; ?> |
<? else : ?> |
<?= $txt_vide; ?> |
<? endif; ?> |
<? endif; ?> |
<? endif; ?> |
</div> |
</div> |
</div> <!-- span12 englobant --> |
</div> |
|