Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 520 → Rev 521

/trunk/widget/modules/carto/squelettes/carte_defaut.tpl.html
16,13 → 16,13
 
<!-- Spécial mobile -->
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<!-- Favicones -->
<link rel="icon" type="image/png" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" />
<link rel="shortcut icon" type="image/x-icon" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.ico" />
<!-- Javascript : bibliothèques -->
<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.2&amp;sensor=false"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.3&amp;sensor=true"></script>
<script type="text/javascript" src="<?=$url_base?>modules/carto/squelettes/markerclusterer_compiled.js"></script>
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/<?=$jquery_version?>/jquery-<?=$jquery_version?>.min.js"></script>
<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/tablesorter/2.0.5/jquery.tablesorter.min.js"></script>
120,14 → 120,20
}
function afficher() {
document.getElementById('panneau-lateral').style.display = 'block';
document.getElementById('panneau-lateral').style.width = '300px';
document.getElementById('pl-contenu').style.display = 'block';
document.getElementById('pl-ouverture').style.display = 'none';
document.getElementById('pl-fermeture').style.display = 'block';
document.getElementById('carte').style.left = '300px';
google.maps.event.trigger(map, 'resize');
};
function cacher() {
document.getElementById('panneau-lateral').style.display = 'none';
document.getElementById('panneau-lateral').style.width = '24px';
document.getElementById('pl-contenu').style.display = 'none';
document.getElementById('pl-ouverture').style.display = 'block';
document.getElementById('pl-fermeture').style.display = 'none';
document.getElementById('carte').style.left = '24px';
google.maps.event.trigger(map, 'resize');
};
 
163,18 → 169,6
<? endforeach; ?>
<? endif; ?>
// Create the DIV to hold the control and call the HomeControl()
// constructor passing in this DIV.
var panneauDiv = document.getElementById('panneau-lateral');
panneauDiv.index = 0;
map.controls[google.maps.ControlPosition.TOP_LEFT].push(panneauDiv);
 
var ouverturePanneauDiv = document.getElementById('pl-ouverture');
ouverturePanneauDiv.index = 0;
map.controls[google.maps.ControlPosition.TOP_LEFT].push(ouverturePanneauDiv);
 
var ouvertureDiv = document.getElementById('pl-ouverture');
google.maps.event.addDomListener(ouvertureDiv, 'click', afficher);
 
181,7 → 175,6
var fermetureDiv = document.getElementById('pl-fermeture');
google.maps.event.addDomListener(fermetureDiv, 'click', cacher);
cacher();
refreshMap();
}
//]]>
190,6 → 183,18
<!-- CSS -->
<link href="<?=$url_base?>modules/carto/squelettes/css/carto.css" rel="stylesheet" type="text/css" media="screen" />
<!--[if lt IE 7]>
<style type="text/css">
#carte {
height:expression(document.body.clientHeight-35); /* 80+20+20=120 */
width:expression(document.body.clientWidth-24); /* 200+20+20+20=260 */
}
#panneau-lateral {
height:expression(document.body.clientHeight-35); /* 80+20+20=120 */
}
</style>
<![endif]-->
<!-- Stats : Google Analytics -->
<script type="text/javascript">
//<![CDATA[
209,7 → 214,7
<body onload="initialize()">
<div id="zone-titre">
<h1 id="carte-titre">
Observations issues des membres de <a href="http://www.tela-botanica.org/" onclick="window.open(this.href); arreter(event); return false;">Tela Botanica</a>
Communes contenant des observations du <abbr title="Carnet en Ligne">CEL</abbr> de <a href="http://www.tela-botanica.org/" onclick="window.open(this.href); arreter(event); return false;">Tela Botanica</a>
</h1>
<div id="zone-info">
<a href="<?=$url_base?>carto?carte=avertissement" onClick="ouvrirPopUp('<?=$url_base?>carto?carte=avertissement', 'Avertissement'); arreter(event); return false;">
221,24 → 226,26
<div id="panneau-lateral">
<div id="pl-ouverture" title="Ouvrir le panneau latéral"><span>Panneau >></span></div>
<div id="pl-fermeture" title="Fermer le panneau latéral"><span><< Fermer [x]</span></div>
<div id="pl-entete">
<h2>Filtre par plante</h2>
<p>
Cliquez sur un nom de plante pour filtrer les observations sur la carte.<br />
Pour revenir à l'état initial, cliquez à nouveau sur le nom sélectionné.
</p>
<div id="pl-contenu">
<div id="pl-entete">
<h2>Filtre par plante</h2>
<p>
Cliquez sur un nom de plante pour filtrer les observations sur la carte.<br />
Pour revenir à l'état initial, cliquez à nouveau sur le nom sélectionné.
</p>
</div>
<div id="pl-corps" onMouseOver="map.setOptions({'scrollwheel':false});" onMouseOut="map.setOptions({'scrollwheel':true});">
<ol id="taxons">
<? foreach ($taxons as $taxon) : ?>
<li id="taxon-<?=$taxon['nt']?>">
<a href="#" onclick="filtrerParTaxon(<?=$taxon['nt']?>);" title="<?=$taxon['famille']?>">
<?=$taxon['nom']?>
</a>
</li>
<? endforeach; ?>
</ol>
</div>
</div>
<div id="pl-corps" onMouseOver="map.setOptions({'scrollwheel':false});" onMouseOut="map.setOptions({'scrollwheel':true});">
<ol id="taxons">
<? foreach ($taxons as $taxon) : ?>
<li id="taxon-<?=$taxon['nt']?>">
<a href="#" onclick="filtrerParTaxon(<?=$taxon['nt']?>);" title="<?=$taxon['famille']?>">
<?=$taxon['nom']?>
</a>
</li>
<? endforeach; ?>
</ol>
</div>
</div>
<div id="carte"></div>