Widget Observation


But : afficher la liste des dernières observations rendues publiques dans le CEL. Passer la souris dessus permet d'avoir plus d'informations sur chaque observation.

Ce widget est une liste des dernières observations du CEL. En passant sur chaque observation, des informations complémentaires peuvent être affichées.

Permalien

https://www.tela-botanica.org/widget:cel:observation

Intégration dans votre site

Pour intégrer ce widget sur votre site, copiez et collez le code ci-dessous :
<div id="obs-cel-1">
  <link rel="stylesheet" type="text/css" href="""https://www.tela-botanica.org/widget:cel:modules/observation/squelettes/css/observation.css""" media="screen" />
  <!-- Javascript : bibliothèques -->
  <script type="text/javascript" src="""https://www.tela-botanica.org/commun/jquery/1.5.1/jquery-1.5.1.min.js"""></script>  
  <script type="text/javascript">
      $.getJSON("https://www.tela-botanica.org/widget:cel:observation?mode=ajax&callback=?", function (galerie) {
        $("#obs-cel-1").append(galerie.contenu);
      });
  </script>
</div>

Paramètres


Ces paramètres peuvent être combinés à l'aide de & : ?critere1=valeur1&critere2=valeur2.
ex. https://www.tela-botanica.org/widget:cel:observation?taxon=ranunculus&dept=30

Exemple

Le code HTML suivant affiche le widget ci-contre :
<div id="obs-cel-2" style="width:800px;">
  <link rel="stylesheet" type="text/css" href="""https://www.tela-botanica.org/widget:cel:modules/observation/squelettes/css/observation.css""" media="screen" />
  <!-- Javascript : bibliothèques -->
  <script type="text/javascript" src="""https://www.tela-botanica.org/commun/jquery/1.4.4/jquery-1.4.4.min.js"""></script>  
  <script type="text/javascript">
      $.getJSON("https://www.tela-botanica.org/widget:cel:observation?mode=ajax&callback=?&dept=34", function (galerie) {
        $("#obs-cel-2").append(galerie.contenu);
      });
  </script>
</div>