Vous êtes ici : page principale > sommaire eFlore v5 > IdentiPlante> Widget vote

Widget Vote


But
Afficher les images et les propositions des dernières observations rendues publiques du CEL afin de voter pour une proposition.

Permalien
Espace de test
http://www.tela-botanica.org/eflore-test/del/widget/vote

Vue générale
Une image de l'observation.
Les miniatures des autres images.
Une description (auteur, lieu, date).
La liste des propositions et les votes associés.

Intégration dans votre site
Pour intégrer ce widget sur votre site, copiez et collez le code ci-dessous :

<div id="galerie-cel-1">
  • <!-- Javascript : bibliothèques -->
  • <script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.6.2/jquery-1.6.2.min.js"></script>
  • <script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.pack.js"></script>
  • <!-- Feuilles de styles -->
  • <link rel="stylesheet" type="text/css" href="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.css" media="screen" />
  • <link rel="stylesheet" type="text/css" href="http://www.tela-botanica.org/widget:cel:modules/photo/squelettes/css/photo.css" media="screen" />
  • <script type="text/javascript">
    • $.getJSON("http://www.tela-botanica.org/widget:cel:photo?mode=ajax&callback=?", function (galerie) {
      • $("#galerie-cel-1").append(galerie.contenu);
    • });
  • </script>
</div>


Paramètres

de filtrage

  • dept : permet d'indiquer un code départemental.
ex. http://www.tela-botanica.org/widget:cel:photo?dept=30
  • commune : permet d'indiquer un nom de commune.
ex. http://www.tela-botanica.org/widget:cel:photo?commune=Montpellier
  • date : permet d'indiquer la date de prise de photo.
ex. http://www.tela-botanica.org/widget:cel:photo?date=21/03/2011
  • taxon : permet d'indiquer le nom scientifique de l'espèce.
ex. http://www.tela-botanica.org/widget:cel:photo?taxon=aconit
  • projet : permet de choisir les photos liées à une observation qui a pour mots-clés un terme (projet= AtelierRubus), plusieurs termes associés (projet=Flore contenude  CosteETÀ confirmer) ou plusieurs termes (projet= AtelierRubusOUFlore de Coste)
ex. http://www.tela-botanica.org/widget:cel:photo?projet=AtelierRubusOUFlore de Coste

Ces paramètres peuvent être combinés à l'aide de & : ?critere1=valeur1&critere2=valeur2.
ex. http://www.tela-botanica.org/widget:cel:photo?dept=34&tag=feuille&vignette=15,10&extra=0

Exemple
Le code HTML suivant affiche le widget ci-contre :

<div id="galerie-cel-1" style="float:right;width:310px;">
  • <!-- Javascript : bibliothèques -->
  • <script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.6.2/jquery-1.6.2.min.js"></script>
  • <script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.pack.js"></script>
  • <!-- Feuilles de styles -->
  • <link rel="stylesheet" type="text/css" href="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.css" media="screen" />
  • <link rel="stylesheet" type="text/css" href="http://www.tela-botanica.org/widget:cel:modules/photo/squelettes/css/photo.css" media="screen" />
  • <script type="text/javascript">
    • $.getJSON("http://www.tela-botanica.org/widget:cel:photo?mode=ajax&callback=?&tag=plantnetETfeuille", function (galerie) {
      • $("#galerie-cel-1").append(galerie.contenu);
    • });
  • </script>
</div>