Mise à jour des fichiers CSS, ajout des mécanismes de mise à jour de Ship2net avec info sur la page du bateau.
This commit is contained in:
+17
-74
@@ -108,12 +108,11 @@ function Entete_page_html()
|
||||
echo '<link rel="icon" type="image/png" href="images/favicon.png" />';
|
||||
|
||||
|
||||
echo "<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'>";
|
||||
echo "<link href='https://fonts.googleapis.com/css2?family=Oswald&display=swap' rel='stylesheet'>";
|
||||
echo "<link rel='stylesheet' href='https://unpkg.com/leaflet@1.9.4/dist/leaflet.css' integrity='sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=' crossorigin=''/>";
|
||||
|
||||
echo "<link rel='stylesheet' href='/vendor/noUiSlider/dist/nouislider.min.css'>";
|
||||
echo "<script src='/vendor/noUiSlider/dist/nouislider.min.js'></script>";
|
||||
// NB (synthèse §50) : les polices Montserrat et Oswald ne sont plus chargées depuis fonts.googleapis.com - aucune
|
||||
// feuille de style ne les utilisait (police du système), et chaque visite transmettait l'adresse IP du visiteur à
|
||||
// Google (problème RGPD).
|
||||
// NB (synthèse §50) : Leaflet (cartographie, chargé depuis unpkg.com) et noUiSlider (curseur de dates) ne sont plus
|
||||
// chargés - ils servaient aux onglets du modèle CM4, retirés au §47 ; aucune page ne les utilise plus.
|
||||
|
||||
// gestion des fichiers CSS (et de scripts spécifiques à certains fichiers) :
|
||||
switch(basename($_SERVER['SCRIPT_FILENAME']))
|
||||
@@ -130,10 +129,13 @@ function Entete_page_html()
|
||||
|
||||
echo '<link rel="stylesheet" type="text/css" href="/vendor/bootstrap/bootstrap.min.css" />'; // CSS de Bootstrap
|
||||
echo '<link rel="stylesheet" type="text/css" media="screen" href="format.css" />'; // CSS général, tous écrans.
|
||||
echo '<link rel="stylesheet" type="text/css" media="screen and (max-device-width : 667px)" href="format__telephone.css" />'; // CSS pour les petits écrans (doit être placé à la fin car il override les CSS globaux)
|
||||
// NB (synthèse §50) : "max-width" (largeur de la FENÊTRE) au lieu de "max-device-width" (taille physique de l'écran,
|
||||
// condition dépréciée) - même effet sur un téléphone, et cohérent avec les règles "petit écran" de format.css.
|
||||
echo '<link rel="stylesheet" type="text/css" media="screen and (max-width: 667px)" href="format__telephone.css" />'; // CSS pour les petits écrans (doit être placé à la fin car il override les CSS globaux)
|
||||
|
||||
// Chargement de srcipts JS généraux :
|
||||
echo '<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>'; // Pour Google Charts (graphiques)
|
||||
// NB (synthèse §50) : Google Charts n'est plus chargé (depuis les serveurs de Google, sur toutes les pages) - les
|
||||
// graphiques utilisent Chart.js, hébergé sur le VPS (vendor/chartjs) et chargé seulement par la page qui en a besoin.
|
||||
echo '<script src="/vendor/jQuery/jquery-3.6.0.min.js"></script>';
|
||||
|
||||
|
||||
@@ -167,11 +169,9 @@ function Entete_page($message_erreur, $message_information)
|
||||
//----------------------------------
|
||||
// Bandeau gauche :
|
||||
echo '<div id="logo_home">
|
||||
<a id="home" href="">
|
||||
<a href="shipmembers.php" style="padding: 0;" id="logo_heart_a" title="'.t("Retour à l'accueil").'">
|
||||
<div id="logo_heart"> </div>
|
||||
<div id="logo_texte"> </div>
|
||||
</a>
|
||||
<a href="shipmembers.php" style="padding: 0;" id="logo_heart_a" title="'.t("Retour à l'accueil").'">
|
||||
<div id="logo_heart"> </div>
|
||||
<div id="logo_texte"> </div>
|
||||
</a>
|
||||
</div>';
|
||||
|
||||
@@ -209,68 +209,11 @@ function Entete_page($message_erreur, $message_information)
|
||||
echo '</div>';
|
||||
|
||||
|
||||
//--------------------------------------------------------------------------------------------
|
||||
// Menu afficher / masquer -- Mobile
|
||||
//--------------------------------------------------------------------------------------------
|
||||
echo '<script>
|
||||
window.onload = function () {
|
||||
pro = document.getElementsByClassName("portail_pro");
|
||||
par = document.getElementsByClassName("portail_par");
|
||||
if ($(window).width() > 850) {
|
||||
if (pro.length > 0) { for (i = 0; i < pro.length ; i++){ pro[i].hidden=true; } document.getElementById(\'par_p\').hidden = true }
|
||||
if (par.length > 0) { for (i = 0; i < par.length ; i++){ par[i].hidden=true; } document.getElementById(\'pro_p\').hidden = true }
|
||||
document.getElementById(\'img_type\').hidden= false;
|
||||
document.getElementById(\'logo_heart_a\').href = "bienvenue.php";
|
||||
} else {
|
||||
if (pro.length > 0) { for (i = 0; i < pro.length ; i++){ pro[i].hidden=false; } document.getElementById(\'par_p\').hidden = false }
|
||||
if (par.length > 0) { for (i = 0; i < par.length ; i++){ par[i].hidden=false; } document.getElementById(\'pro_p\').hidden = false }
|
||||
document.getElementById(\'img_type\').hidden= true;
|
||||
document.getElementById(\'logo_heart_a\').href = "accueil.php";
|
||||
}
|
||||
} ;
|
||||
$(document).ready(function(){
|
||||
function menu_control(){
|
||||
hidden_div = document.getElementById("nav_bar_global").style.display;
|
||||
hidden_div.replace(/[\u200B-\u200D\uFEFF]/g, \'\');
|
||||
|
||||
if (hidden_div == "block") hidden_div = "none";
|
||||
else if (hidden_div == "none") hidden_div = "block";
|
||||
document.getElementById("nav_bar_global").style.display=hidden_div;
|
||||
};
|
||||
$("#menu_mobile").click(menu_control);
|
||||
});
|
||||
|
||||
|
||||
window.addEventListener(\'click\', function(e){
|
||||
if (!document.getElementById(\'nav_bar_global\').contains(e.target) && !document.getElementById(\'menu_mobile\').contains(e.target) ){
|
||||
document.getElementById("nav_bar_global").style.display="none";
|
||||
}
|
||||
});
|
||||
|
||||
window.addEventListener(\'touchstart\', function(e){
|
||||
if (!document.getElementById(\'nav_bar_global\').contains(e.target) && !document.getElementById(\'menu_mobile\').contains(e.target) ){
|
||||
document.getElementById("nav_bar_global").style.display="none";
|
||||
}
|
||||
});
|
||||
|
||||
$(window).resize(function() {
|
||||
pro = document.getElementsByClassName("portail_pro");
|
||||
par = document.getElementsByClassName("portail_par");
|
||||
if ($(this).width() > 850) {
|
||||
if (pro.length > 0) { for (i = 0; i < pro.length ; i++){ pro[i].hidden=true; } document.getElementById(\'par_p\').hidden = true }
|
||||
if (par.length > 0) { for (i = 0; i < par.length ; i++){ par[i].hidden=true; } document.getElementById(\'pro_p\').hidden = true }
|
||||
document.getElementById(\'img_type\').hidden= false;
|
||||
document.getElementById(\'logo_heart_a\').href = "bienvenue.php";
|
||||
} else {
|
||||
if (pro.length > 0) { for (i = 0; i < pro.length ; i++){ pro[i].hidden=false; } document.getElementById(\'par_p\').hidden = false }
|
||||
if (par.length > 0) { for (i = 0; i < par.length ; i++){ par[i].hidden=false; } document.getElementById(\'pro_p\').hidden = false }
|
||||
document.getElementById(\'img_type\').hidden= true;
|
||||
document.getElementById(\'logo_heart_a\').href = "accueil.php";
|
||||
}
|
||||
});
|
||||
</script>';
|
||||
// NB (synthèse §50) : le script du menu mobile de l'ancien site (nav_bar_global, menu_mobile, img_type, portail_pro,
|
||||
// portail_par) a été retiré. Ces éléments n'existent plus : il provoquait une erreur JavaScript à chaque chargement de
|
||||
// page et à chaque clic, et redirigeait le logo vers bienvenue.php / accueil.php, pages qui n'existent plus.
|
||||
|
||||
|
||||
|
||||
//--------------------------------------------------------------------------------------------
|
||||
// Script d'affichage/masquage du menu :
|
||||
//--------------------------------------------------------------------------------------------
|
||||
|
||||
Reference in New Issue
Block a user