Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 1444 → Rev 1445

/trunk/widget/modules/cartopoint/squelettes/carte_defaut.tpl.html
99,7 → 99,7
text-align: center;
width: 230px;
z-index: 3000;">
<p> Aucune observation n'a été entrée pour les critères demandés </p>
<p> Aucune observation n'a été entrée pour les critères demandés ou pour la zone visible </p>
</div>
<?php if($titre !== "0") : ?>
<?php if($titre === null && $logo === null) { ?>
113,7 → 113,7
</a>
</span>
<span id="carte-titre-infos">Cartographie</span>
- <a href="http://www.tela-botanica.org/appli:cel"
- <a href="http://www.tela-botanica.org/page:cel"
title="Carnet en Ligne"
onclick="ouvrirNouvelleFenetre(this, event)">
CEL
120,13 → 120,6
</a>
(<a href="http://www.tela-botanica.org/" onclick="ouvrirNouvelleFenetre(this, event)">Tela Botanica</a>)
</h1>
<div id="zone-info">
<a href="<?=$url_base?>cartoPoint?carte=avertissement"
onClick="ouvrirPopUp(this, 'Avertissement', event)">
<img src="<?=$url_base?>modules/cartopoint/squelettes/images/information.png"
alt="Avertissements" title="Avertissements &amp; informations" />
</a>
</div>
</div>
<?php } else { ?>
<div id="zone-titre">
151,6 → 144,13
</div>
<?php } ?>
<?php endif; ?>
<div id="zone-info">
<a href="<?=$url_base?>cartoPoint?carte=avertissement"
onClick="ouvrirPopUp(this, 'Avertissement', event)">
<img src="<?=$url_base?>modules/cartopoint/squelettes/images/information.png"
alt="Avertissements" title="Avertissements &amp; informations" />
</a>
</div>
<? if ($num_taxon == '*') : ?>
<div id="panneau-lateral" <?= ($titre != 0) ? 'class="carte_titree"': 'class="carte_non_titree"'; ?>>
<div id="pl-ouverture" title="Ouvrir le panneau latéral">
168,6 → 168,7
Pour revenir à l'état initial, cliquez à nouveau sur le nom sélectionné.
</p>
</div>
<hr class="nettoyage" />
<div id="pl-corps" onMouseOver="map.setOptions({'scrollwheel':false});" onMouseOut="map.setOptions({'scrollwheel':true});">
<!-- Insertion des lignes à partir du squelette tpl-taxons-liste -->
</div>
343,6 → 344,9
<!-- Squelette de la liste des taxons -->
<script id="tpl-taxons-liste" type="text/x-jquery-tmpl">
<span class="raz-filtre-taxons" title="Déselectionner tous les taxons filtrés">
Déselectionner tous les taxons filtrés
</span>
<ol id="taxons">
{{each(index, taxon) taxons}}
<li id="taxon-${taxon.nt}">
/trunk/widget/modules/cartopoint/squelettes/scripts/carto.js
156,31 → 156,35
function attribuerListenersOverlay() {
$(window).resize(function() {
programmerRafraichissementCarte();
google.maps.event.trigger($('#carte'), 'resize');
definirTailleOverlay();
centrerTitreEtStats();
google.maps.event.trigger($('#carte'), 'resize');
programmerRafraichissementCarte();
});
$('#lien_plein_ecran a').click(function(event) {
window.open(window.location.href);
event.preventDefault();
});
$('#lien_voir_cc a').click(function(event) {
window.open($(this).attr('href'));
event.preventDefault();
});
}
 
function definirTailleOverlay() {
var largeurViewPort = $(window).width();
var taille = null;
var taille = '1.6';
var tailleMaxLogo = 50;
var tailleMaxIcones = 20;
var padding_icones = 8;
var tailleFiltre = 80;
if (largeurViewPort <= 500) {
taille = '0.8';
tailleMaxLogo = 20;
tailleMaxIcones = 10;
tailleFiltre = 60;
padding_icones = 2;
} else if (largeurViewPort > 500 && largeurViewPort <= 800) {
188,11 → 192,13
tailleMaxLogo = 40;
tailleMaxIcones = 15;
padding_icones = 6;
tailleFiltre = 60;
} else if (largeurViewPort > 800) {
taille = '1.6';
tailleMaxLogo = 50;
tailleMaxIcones = 20;
padding_icones = 8;
tailleFiltre = 80;
}
// Aménagement de la taille de police selon l'écran
207,6 → 213,10
$('#zone-stats').height(tailleMaxIcones*1.5);
$("#panneau-lateral").css('font-size', (taille*0.80)+'em');
$("#panneau-lateral").css('padding', padding_icones+"px "+padding_icones+"px "+Math.round(padding_icones/4)+"px");
$("#panneau-lateral").width(tailleFiltre);
// Dimensionnement du titre et du logo
if(urlLogo != "null") {
hauteurLogo = $('#logo img').height();
227,7 → 237,7
largeurLogo = $('#logo img').width();
largeurTitre = $('#carte-titre-infos').width();
$('#zone-titre').css("height", (hauteurLogo)+"px");
$('#zone-titre').css("height", (hauteurLogo+5)+"px");
$('#zone-titre').css("width", (largeurLogo+largeurTitre+16)+"px");
if(titreCarte != 'null' && titreCarte != 0) {
235,6 → 245,8
$('#carte-titre-infos').css("left", (largeurLogo+16)+"px");
$('#carte-titre-infos').css("top", (hauteurLogo/2)+"px");
}
} else {
$('#zone-titre').css("height", (tailleMaxIcones+5)+"px");
}
}
 
248,12 → 260,18
var largeurTitre = $('#zone-titre').width();
var marge = (largeurViewPort - largeurTitre)/2;
$('#zone-titre').css("margin-left",marge);
var tailleRestante = largeurViewPort - (marge + largeurTitre);
if(tailleRestante <= 170) {
$('#zone-titre').css("top", "25px");
} else {
$('#zone-titre').css("top", "5px");
}
}
 
function centrerStats() {
var largeurViewPort = $(window).width();
var largeurStats = $('#zone-stats').width();
var marge = (largeurViewPort - largeurStats)/2;
var marge = ((largeurViewPort - largeurStats)/2) - 10;
$('#zone-stats').css("left",marge);
}
 
322,6 → 340,7
 
var marqueurs = new Array();
function chargerMarqueurs(zoom, NELatLng, SWLatLng) {
cacherMessageAucuneObs()
var url = stationsUrl+
'&zoom='+zoom+
'&ne='+NELatLng+
364,9 → 383,14
 
function afficherMessageAucuneObs() {
centrerDansLaPage($('#message-aucune-obs'));
selecteur.show();
$('#message-aucune-obs').show();
}
 
function cacherMessageAucuneObs() {
centrerDansLaPage($('#message-aucune-obs'));
$('#message-aucune-obs').hide();
}
 
premierChargement = true;
function doitCentrerCarte() {
return premierChargement && urlVars != null && urlVars.length > 0;
480,8 → 504,10
}
}
 
var pointCentreAvantAffichageInfoBulle = null;
function surClickMarqueur(event) {
 
pointCentreAvantAffichageInfoBulle = map.getCenter();
if(infoBulleOuverte) {
infoBulle.close();
}
548,6 → 574,7
 
function surFermetureInfoBulle() {
infoBulleOuverte = false;
map.panTo(pointCentreAvantAffichageInfoBulle);
programmerRafraichissementCarte();
}
 
562,8 → 589,10
function afficherInfoBulle() {
var obsHtml = $("#tpl-obs").html();
var largeur = definirLargeurInfoBulle();
var taillePolice = definirTaillePoliceInfoBulle();
obsHtml = obsHtml.replace(/\{largeur\}/, largeur);
infoBulle.setContent(obsHtml);
$('#observations').css('font-size',taillePolice+'em');
chargerObs(0, 0);
infoBulleOuverte = true;
}
570,8 → 599,10
 
function definirLargeurInfoBulle() {
var largeurViewPort = $(window).width();
var lageurInfoBulle = null;
if (largeurViewPort < 800) {
var largeurInfoBulle = null;
if (largeurViewPort < 400) {
largeurInfoBulle = 300;
} else if (largeurViewPort < 800) {
largeurInfoBulle = 400;
} else if (largeurViewPort >= 800 && largeurViewPort < 1200) {
largeurInfoBulle = 500;
581,6 → 612,17
return largeurInfoBulle;
}
 
function definirTaillePoliceInfoBulle() {
var largeurViewPort = $(window).width();
var taillePolice = null;
if (largeurViewPort < 400) {
taillePolice = 0.8;
} else if (largeurViewPort < 800) {
taillePolice = 1;
}
return taillePolice;
}
 
function afficherMessageChargement(element) {
if ($('#chargement').get() == '') {
$('#tpl-chargement').tmpl().appendTo(element);
1013,23 → 1055,26
$(".plantes-nbre").text(taxonsCarte.length);
$("#tpl-taxons-liste").tmpl({'taxons':taxonsCarte}).appendTo("#pl-corps");
$('.taxon').live('click', filtrerParTaxon);
$('.raz-filtre-taxons').live('click', viderFiltreTaxon);
}
 
 
var largeurPanneauLateralFerme = null;
function afficherPanneauLateral() {
$('#panneau-lateral').height($(window).height());
$('#panneau-lateral').height($(window).height() - $('#panneau-lateral').offset().top);
largeurPanneauLateralFerme = $('#panneau-lateral').width();
$('#panneau-lateral').width(300);
$('#pl-contenu').css('display', 'block');
$('#pl-ouverture').css('display', 'none');
$('#pl-fermeture').css('display', 'block');
$('#panneau-lateral').css("top","0");
// correction pour la taille de la liste des taxons
$('#pl-corps').height($(window).height() - $('#pl-corps').offset().top);
 
google.maps.event.trigger(map, 'resize');
};
 
function cacherPanneauLateral() {
$('#panneau-lateral').height("60px");
$('#panneau-lateral').width("83px");
$('#panneau-lateral').height("65px");
$('#panneau-lateral').width(largeurPanneauLateralFerme+"px");
$('#pl-contenu').css('display', 'none');
$('#pl-ouverture').css('display', 'block');
$('#pl-fermeture').css('display', 'none');
1037,6 → 1082,10
google.maps.event.trigger(map, 'resize');
};
 
function viderFiltreTaxon() {
$('.taxon-actif .taxon').click();
}
 
function filtrerParTaxon() {
var ntAFiltrer = $('.nt', this).text();
infoBulle.close();
/trunk/widget/modules/cartopoint/squelettes/css/carto.css
175,7 → 175,6
padding:0;
position:relative;
height:25px;
top:3px;
overflow:hidden;
background-color:#F5F5F5;
border-radius: 4px;
193,11 → 192,21
 
#zone-info {
position:absolute;
top:0;
top:26px;
z-index:3001;
right:8px;
width:48px;
width: 25px;
text-align:right;
background-color: #F5F5F5;
border: 1px solid rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
border-radius: 5px 5px 5px 5px;
}
 
#zone-info a {
border: none;
}
 
#zone-info img {
display:inline;
padding:4px;
225,7 → 234,7
overflow:hidden;
background-color:#F5F5F5;
border:1px solid grey;
height: 60px;
height: 65px;
position: relative;
z-index: 3001;
border-top-right-radius : 10px;
242,8 → 251,6
height:95px;
}
#pl-corps {
position:absolute;
top:105px;
bottom:0;
overflow:auto;
padding:5px;
264,7 → 271,7
}
#pl-fermeture {
display:none;
left:276px;
right: 0;
background:url(../images/fermeture.png) no-repeat top right #4A4B4C;
}
#pl-ouverture span, #pl-fermeture span{
281,7 → 288,7
#taxons .taxon-actif, #taxons .taxon-actif span {
color:#56B80E;
}
#taxons li span {
#taxons li span, .raz-filtre-taxons {
border-bottom:1px dotted #666;
color:black;
}
296,7 → 303,9
.nt {
display:none;
}
 
.raz-filtre-taxons {
cursor:pointer;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Zone des stats en bas */
#zone-stats {
303,7 → 312,7
padding:0;
position:absolute;
height:25px;
bottom:3px;
bottom:20px;
overflow:hidden;
background-color:#F5F5F5;
border-radius: 4px;
336,7 → 345,7
}
 
#lien_plein_ecran {
bottom: 3px;
bottom: 20px;
left: 5px;
}
 
353,6 → 362,8
#lien_voir_cc {
bottom: 3px;
right: 5px;
bottom: 20px;
height: 20px;
}
 
/*+-----------------------------------------------------------------------------------------------------------------+*/