Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 789 Rev 1451
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
27
28 
		<!-- Javascript : bibliothèques -->
 28 
		<!-- Javascript : bibliothèques -->
29 
		<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>
30 
		<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>
31 
	</head>
 31 
	</head>
32 
	<body>
 32 
	<body>
33 
		<!-- WIDGET:CEL:OBSERVATION - DEBUT -->
 33 
		<!-- WIDGET:CEL:OBSERVATION - DEBUT -->
34 
		<div id="cel-observation-contenu">
 34 
		<div id="cel-observation-contenu">
35 
		<?php if (isset($erreurs) || isset($informations)) : ?>
 35 
		<?php if (isset($erreurs) || isset($informations)) : ?>
36 
			<h1>Erreur &amp; informations</h1>
 36 
			<h1>Erreur &amp; informations</h1>
37 
			<p>Impossible d'afficher le flux.</p>
 37 
			<p>Impossible d'afficher le flux.</p>
38 
			<!-- Affichage des erreurs et messages d'information : -->
 38 
			<!-- Affichage des erreurs et messages d'information : -->
39 
			<?php if ($erreurs) : ?>
 39 
			<?php if ($erreurs) : ?>
40 
				<?php foreach ($erreurs as $erreur) : ?>
 40 
				<?php foreach ($erreurs as $erreur) : ?>
41 
					<p class="erreur"><?=$erreur;?></p>
 41 
					<p class="erreur"><?=$erreur;?></p>
42 
				<?php endforeach; ?>
 42 
				<?php endforeach; ?>
43 
			<?php endif; ?>
 43 
			<?php endif; ?>
44
44
45 
			<?php if ($informations) : ?>
 45 
			<?php if ($informations) : ?>
46 
				<?php foreach ($informations as $information) : ?>
 46 
				<?php foreach ($informations as $information) : ?>
47 
					<p class="info"><?=$information;?></p>
 47 
					<p class="info"><?=$information;?></p>
48 
				<?php endforeach; ?>
 48 
				<?php endforeach; ?>
49 
			<?php endif; ?>
 49 
			<?php endif; ?>
50 
		<?php else : ?>
 50 
		<?php else : ?>
51 
		 	<h1>
 51 
		 	<h1>
52 
		 		Dernières observations du
52 
		 		Dernières observations du
53 
		 		<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;">
54 
		 			CEL
 54 
		 			CEL
55 
		 		</a>
 55 
		 		</a>
56 
		 		<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"
57 
					onclick="window.open(this.href);return false;">
 57 
					onclick="window.open(this.href);return false;">
58 
					<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" />
59 
				</a>
 59 
				</a>
60 
		 	</h1>
 60 
		 	</h1>
61 
			<div id="cel-liste-observation">
 61 
			<div id="cel-liste-observation">
62 
				<?php foreach ($items as $item) : ?>
 62 
				<?php foreach ($items as $item) : ?>
63 
					<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']?>" >
64 
						<img id="imPlus-<?=$item['guid']?>" width="10" height="10"
64 
						<img id="imPlus-<?=$item['guid']?>" width="10" height="10"
65 
							name="imPlus-<?=$item['guid']?>" title="Voir les informations complémentaires" alt="+"
65 
							name="imPlus-<?=$item['guid']?>" title="Voir les informations complémentaires" alt="+"
66 
							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" />
67 
						<img id="imMoins-<?=$item['guid']?>" width="10" height="10" class="imMoins"
 67 
						<img id="imMoins-<?=$item['guid']?>" width="10" height="10" class="imMoins"
68 
							name="imMoins-<?=$item['guid']?>" title="Cacher les informations complémentaires" alt="+"
68 
							name="imMoins-<?=$item['guid']?>" title="Cacher les informations complémentaires" alt="+"
69 
							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" />
70 
						<strong>
 70 
						<strong>
- 
 
 71 
						<?php if ($item['eflore_url'] != '#' && $item['eflore_url'] != '') { ?>
- 
 
 72 
							<a class="cel-img-titre" href="<?=$item['eflore_url']?>"
71 
								<a  href="<?=$item['eflore_url']?>"	onclick="window.open(this.href);return false;"
73 
								onclick="window.open(this.href);return false;"
72 
									title="Cliquez pour accéder à la fiche eFlore">
 74 
								title="Cliquez pour accéder à la fiche eFlore">
73 
										<?=$item['titre']?>
 75 
								<?=$item['titre']?>
74 
								</a>
 76 
							</a>
- 
 
 77 
						<?php } else { ?>
- 
 
 78 
							<?=$item['titre']?>
- 
 
 79 
						<?php } ?>
75 
						</strong><br />
 80 
						</strong><br />
76 
						<span class="cel-img-date">Publiée le <?=$item['date']?></span><br />
 81 
						<span class="cel-img-date">Publiée le <?=$item['date']?></span><br />
77
82
78 
						<div id="cel-info-<?=$item['guid']?>" class="cel-infos">
 83 
						<div id="cel-info-<?=$item['guid']?>" class="cel-infos">
79 
							<?=$item['description']?>
 84 
							<?=$item['description']?>
80 
						</div>
 85 
						</div>
81 
					</div>
 86 
					</div>
82
87
83 
				<?php endforeach; ?>
 88 
				<?php endforeach; ?>
84 
			</div>
 89 
			</div>
85 
			<p id="cel-observation-date-generation" class="discretion nettoyage">Au <?=strftime('%A %d %B %Y à %H:%M:%S')?></p>
 90 
			<p id="cel-observation-date-generation" class="discretion nettoyage">Au <?=strftime('%A %d %B %Y à %H:%M:%S')?></p>
86 
			<script type="text/Javascript">
 91 
			<script type="text/Javascript">
87 
				// Function pour cacher / afficher le détail des observations
 92 
				// Function pour cacher / afficher le détail des observations
88 
				$(document).ready(function() {
 93 
				$(document).ready(function() {
89 
 
 94 
 
90 
					$('.cel-infos').hide();
 95 
					$('.cel-infos').hide();
91 
					$('.imMoins').hide();
 96 
					$('.imMoins').hide();
92 
					$('.cel-observation').hover(function() {
 97 
					$('.cel-observation').hover(function() {
93 
						var id_obs = $(this).attr("rel");
 98 
						var id_obs = $(this).attr("rel");
94 
						$('#cel-info-'+id_obs).show();
 99 
						$('#cel-info-'+id_obs).show();
95 
						$('#imPlus-'+id_obs).hide();
 100 
						$('#imPlus-'+id_obs).hide();
96 
						$('#imMoins-'+id_obs).show();
 101 
						$('#imMoins-'+id_obs).show();
97 
					},
 102 
					},
98 
					function() {
 103 
					function() {
99 
						var id_obs = $(this).attr("rel");
 104 
						var id_obs = $(this).attr("rel");
100 
						$('#cel-info-'+id_obs).hide();
 105 
						$('#cel-info-'+id_obs).hide();
101 
						$('#imPlus-'+id_obs).show();
 106 
						$('#imPlus-'+id_obs).show();
102 
						$('#imMoins-'+id_obs).hide();
 107 
						$('#imMoins-'+id_obs).hide();
103
108
104 
					});
 109 
					});
105 
 
 110 
 
106 
				});
 111 
				});
107 
			</script>
 112 
			</script>
108 
	   	<?php endif; ?>
 113 
	   	<?php endif; ?>
109 
	   	</div>
 114 
	   	</div>
110 
		<!-- WIDGET:CEL:OBSERVATION - FIN -->
 115 
		<!-- WIDGET:CEL:OBSERVATION - FIN -->
111 
	</body>
 116 
	</body>
112 
</html>
 117 
</html>