Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 739 Rev 789
1 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 1 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2 
<html xmlns="http://www.w3.org/1999/xhtml">
 2 
<html xmlns="http://www.w3.org/1999/xhtml">
3 
	<head>
 3 
	<head>
4 
		<title>Observations publiques du CEL - Tela Botanica</title>
 4 
		<title>Observations publiques du CEL - Tela Botanica</title>
5
5
6 
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
 6 
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
7 
		<meta http-equiv="Content-style-type" content="text/css" />
 7 
		<meta http-equiv="Content-style-type" content="text/css" />
8 
		<meta http-equiv="Content-script-type" content="text/javascript" />
 8 
		<meta http-equiv="Content-script-type" content="text/javascript" />
9 
		<meta http-equiv="Content-language" content="fr" />
 9 
		<meta http-equiv="Content-language" content="fr" />
10
10
11 
		<meta name="revisit-after" content="15 days" />
 11 
		<meta name="revisit-after" content="15 days" />
12 
        <meta name="robots" content="index,follow" />
 12 
        <meta name="robots" content="index,follow" />
13 
        <meta name="author" content="Jean-Pascal MILCENT, Grégoire DUCHÉ" />
 13 
        <meta name="author" content="Jean-Pascal MILCENT, Grégoire DUCHÉ" />
14 
        <meta name="keywords" content="Tela Botanica, observation, CEL" />
 14 
        <meta name="keywords" content="Tela Botanica, observation, CEL" />
15 
        <meta name="description" content="Widget de présentation des dernières observations publiées sur le Carnet en Ligne de Tela Botanica" />
 15 
        <meta name="description" content="Widget de présentation des dernières observations publiées sur le Carnet en Ligne de Tela Botanica" />
16 
 
 16 
 
17 
		<!-- Spécial mobile -->
 17 
		<!-- Spécial mobile -->
18 
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
 18 
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
19
19
20 
		<!-- Favicones -->
 20 
		<!-- Favicones -->
21 
		<link rel="icon" type="image/png" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" />
 21 
		<link rel="icon" type="image/png" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" />
22 
		<link rel="shortcut icon" type="image/x-icon" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.ico" />
 22 
		<link rel="shortcut icon" type="image/x-icon" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.ico" />
23
23
24 
		<!-- Feuilles de styles -->
 24 
		<!-- Feuilles de styles -->
25 
		<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" />
 25 
		<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" />
26 
		<link rel="stylesheet" type="text/css" href="<?=$url_css?>observation.css" media="screen" />
 26 
		<link rel="stylesheet" type="text/css" href="<?=$url_css?>observation.css" media="screen" />
27 
		<style type="text/css">
 - 
 
28 
			html {
 - 
 
29 
				overflow:hidden;
 - 
 
30 
			}
 - 
 
31 
			body{
 - 
 
32 
				overflow:hidden;
 - 
 
33 
				padding:0;
 - 
 
34 
				margin:0;
 - 
 
35 
				width:100%;
 - 
 
36 
				height:100%;
 - 
 
37 
				background-color:#4A4B4C;
 - 
 
38 
				color:#CCC;
 - 
 
39 
			}
 - 
 
40 
			#cel-observation-contenu, #cel-galerie-observation{
 - 
 
41 
				width:350px;
 - 
 
42 
			}
 - 
 
43 
		</style>
 - 
 
44
27
45 
		<!-- Javascript : bibliothèques -->
 28 
		<!-- Javascript : bibliothèques -->
46 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.4.4/jquery-1.4.4.min.js"></script>
 29 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.4.4/jquery-1.4.4.min.js"></script>
47 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.js"></script>
 30 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.js"></script>
48 
	</head>
 31 
	</head>
49 
	<body>
 32 
	<body>
50 
		<!-- WIDGET:CEL:OBSERVATION - DEBUT -->
 33 
		<!-- WIDGET:CEL:OBSERVATION - DEBUT -->
51 
		<div id="cel-observation-contenu">
 34 
		<div id="cel-observation-contenu">
52 
		<?php if (isset($erreurs) || isset($informations)) : ?>
 35 
		<?php if (isset($erreurs) || isset($informations)) : ?>
53 
			<h1>Erreur &amp; informations</h1>
 36 
			<h1>Erreur &amp; informations</h1>
54 
			<p>Impossible d'afficher le flux.</p>
 37 
			<p>Impossible d'afficher le flux.</p>
55 
			<!-- Affichage des erreurs et messages d'information : -->
 38 
			<!-- Affichage des erreurs et messages d'information : -->
56 
			<?php if ($erreurs) : ?>
 39 
			<?php if ($erreurs) : ?>
57 
				<?php foreach ($erreurs as $erreur) : ?>
 40 
				<?php foreach ($erreurs as $erreur) : ?>
58 
					<p class="erreur"><?=$erreur;?></p>
 41 
					<p class="erreur"><?=$erreur;?></p>
59 
				<?php endforeach; ?>
 42 
				<?php endforeach; ?>
60 
			<?php endif; ?>
 43 
			<?php endif; ?>
61
44
62 
			<?php if ($informations) : ?>
 45 
			<?php if ($informations) : ?>
63 
				<?php foreach ($informations as $information) : ?>
 46 
				<?php foreach ($informations as $information) : ?>
64 
					<p class="info"><?=$information;?></p>
 47 
					<p class="info"><?=$information;?></p>
65 
				<?php endforeach; ?>
 48 
				<?php endforeach; ?>
66 
			<?php endif; ?>
 49 
			<?php endif; ?>
67 
		<?php else : ?>
 50 
		<?php else : ?>
68 
		 	<h1>
 51 
		 	<h1>
69 
		 		Dernières observations du
52 
		 		Dernières observations du
70 
		 		<a href="http://www.tela-botanica.org/appli:cel" title="Carnet en Ligne" onclick="window.open(this.href);return false;">
 53 
		 		<a href="http://www.tela-botanica.org/appli:cel" title="Carnet en Ligne" onclick="window.open(this.href);return false;">
71 
		 			CEL
 54 
		 			CEL
72 
		 		</a>
 55 
		 		</a>
73 
		 		<a href="<?=$flux_rss_url?>" id="cel-observation-flux" title="Suivre les observations"
56 
		 		<a href="<?=$flux_rss_url?>" id="cel-observation-flux" title="Suivre les observations"
74 
					onclick="window.open(this.href);return false;">
 57 
					onclick="window.open(this.href);return false;">
75 
					<img src="http://www.tela-botanica.org/sites/commun/generique/images/rss.png" alt="Suivre les observations" />
 58 
					<img src="http://www.tela-botanica.org/sites/commun/generique/images/rss.png" alt="Suivre les observations" />
76 
				</a>
 59 
				</a>
77 
		 	</h1>
 60 
		 	</h1>
78 
			<div id="cel-liste-observation">
 61 
			<div id="cel-liste-observation">
79 
				<?php foreach ($items as $item) : ?>
 62 
				<?php foreach ($items as $item) : ?>
80 
					<div id="cel-observation-<?=$item['guid']?>" class="cel-observation" rel="<?=$item['guid']?>" >
 63 
					<div id="cel-observation-<?=$item['guid']?>" class="cel-observation" rel="<?=$item['guid']?>" >
81 
						<img id="imPlus-<?=$item['guid']?>" width="10" height="10"
64 
						<img id="imPlus-<?=$item['guid']?>" width="10" height="10"
82 
							name="imPlus-<?=$item['guid']?>" title="Voir les informations complémentaires" alt="+"
65 
							name="imPlus-<?=$item['guid']?>" title="Voir les informations complémentaires" alt="+"
83 
							src="http://www.tela-botanica.org/sites/commun/generique/images/plus.png" />
 66 
							src="http://www.tela-botanica.org/sites/commun/generique/images/plus.png" />
84 
						<img id="imMoins-<?=$item['guid']?>" width="10" height="10" class="imMoins"
 67 
						<img id="imMoins-<?=$item['guid']?>" width="10" height="10" class="imMoins"
85 
							name="imMoins-<?=$item['guid']?>" title="Cacher les informations complémentaires" alt="+"
68 
							name="imMoins-<?=$item['guid']?>" title="Cacher les informations complémentaires" alt="+"
86 
							src="http://www.tela-botanica.org/sites/commun/generique/images/moins.png" />
69 
							src="http://www.tela-botanica.org/sites/commun/generique/images/moins.png" />
87 
						<strong>
 70 
						<strong>
88 
								<a  href="<?=$item['eflore_url']?>"	onclick="window.open(this.href);return false;"
71 
								<a  href="<?=$item['eflore_url']?>"	onclick="window.open(this.href);return false;"
89 
									title="Cliquez pour accéder à la fiche eFlore">
 72 
									title="Cliquez pour accéder à la fiche eFlore">
90 
										<?=$item['titre']?>
 73 
										<?=$item['titre']?>
91 
								</a>
 74 
								</a>
92 
						</strong><br />
 75 
						</strong><br />
93 
						<span class="cel-img-date">Publiée le <?=$item['date']?></span><br />
 76 
						<span class="cel-img-date">Publiée le <?=$item['date']?></span><br />
94
77
95 
						<div id="cel-info-<?=$item['guid']?>" class="cel-infos">
 78 
						<div id="cel-info-<?=$item['guid']?>" class="cel-infos">
96 
							<?=$item['description']?>
 79 
							<?=$item['description']?>
97 
						</div>
 80 
						</div>
98 
					</div>
 81 
					</div>
99
82
100 
				<?php endforeach; ?>
 83 
				<?php endforeach; ?>
101 
			</div>
 84 
			</div>
102 
			<p id="cel-observation-date-generation" class="discretion nettoyage">Au <?=strftime('%A %d %B %Y à %H:%M:%S')?></p>
 85 
			<p id="cel-observation-date-generation" class="discretion nettoyage">Au <?=strftime('%A %d %B %Y à %H:%M:%S')?></p>
103 
			<script type="text/Javascript">
 86 
			<script type="text/Javascript">
104 
				// Function pour cacher / afficher le détail des observations
 87 
				// Function pour cacher / afficher le détail des observations
105 
				$(document).ready(function() {
 88 
				$(document).ready(function() {
106 
 
 89 
 
107 
					$('.cel-infos').hide();
 90 
					$('.cel-infos').hide();
108 
					$('.imMoins').hide();
 91 
					$('.imMoins').hide();
109 
					$('.cel-observation').hover(function() {
 92 
					$('.cel-observation').hover(function() {
110 
						var id_obs = $(this).attr("rel");
 93 
						var id_obs = $(this).attr("rel");
111 
						$('#cel-info-'+id_obs).show();
 94 
						$('#cel-info-'+id_obs).show();
112 
						$('#imPlus-'+id_obs).hide();
 95 
						$('#imPlus-'+id_obs).hide();
113 
						$('#imMoins-'+id_obs).show();
 96 
						$('#imMoins-'+id_obs).show();
114 
					},
 97 
					},
115 
					function() {
 98 
					function() {
116 
						var id_obs = $(this).attr("rel");
 99 
						var id_obs = $(this).attr("rel");
117 
						$('#cel-info-'+id_obs).hide();
 100 
						$('#cel-info-'+id_obs).hide();
118 
						$('#imPlus-'+id_obs).show();
 101 
						$('#imPlus-'+id_obs).show();
119 
						$('#imMoins-'+id_obs).hide();
 102 
						$('#imMoins-'+id_obs).hide();
120
103
121 
					});
 104 
					});
122 
 
 105 
 
123 
				});
 106 
				});
124 
			</script>
 107 
			</script>
125 
	   	<?php endif; ?>
 108 
	   	<?php endif; ?>
126 
	   	</div>
 109 
	   	</div>
127 
		<!-- WIDGET:CEL:OBSERVATION - FIN -->
 110 
		<!-- WIDGET:CEL:OBSERVATION - FIN -->
128 
	</body>
 111 
	</body>
129 
</html>
 112 
</html>