From 2dfa43173ffc54f6cfcda1e4a45c5e3372cada9e Mon Sep 17 00:00:00 2001 From: xdrm-brackets Date: Thu, 22 Oct 2015 08:55:12 +0200 Subject: [PATCH] =?UTF-8?q?Modification=20de=20l'ic=C3=B4ne=20de=20"home",?= =?UTF-8?q?=20d=C3=A9finition=20des=20"lien"=20des=20sous-parties=20dynami?= =?UTF-8?q?quement=20(actionScript)=20en=20fonction=20du=20corps=20du=20fi?= =?UTF-8?q?chier=20page/fichier.php?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/header.css | 7 ++ css/layout.css | 4 + css/menu.css | 15 +++- js/actionScript.js | 22 +++++- page/home.php | 26 ++++++- src/menu/menu_icon/home.svg | 124 +++++------------------------- src/menu/menu_icon/home@hover.svg | 123 +++++------------------------ 7 files changed, 104 insertions(+), 217 deletions(-) diff --git a/css/header.css b/css/header.css index 05fbbd0..0425e2c 100755 --- a/css/header.css +++ b/css/header.css @@ -148,6 +148,13 @@ font-size: .9em; font-weight: bold; text-transform: uppercase; + + /* extra */ + user-select: none; + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + -o-user-select: none; } #SUBHEADER nav > span{ diff --git a/css/layout.css b/css/layout.css index eb49b2f..e49cdfa 100755 --- a/css/layout.css +++ b/css/layout.css @@ -243,7 +243,11 @@ body{ border-radius: 5px; border: 1px solid #b3b3b3; + /* background */ + background-color: #fff; + /* foreground */ + font: inherit; color: #777; } diff --git a/css/menu.css b/css/menu.css index fa579d1..fe34fe9 100755 --- a/css/menu.css +++ b/css/menu.css @@ -43,8 +43,19 @@ #MENU .userdata:hover{ background-color: #2dcc70; } -#MENU .userdata.M{ background-image: url(../src/menu/userdata/male.svg); cursor: default; } -#MENU .userdata.F{ background-image: url(../src/menu/userdata/female.svg); cursor: default; } +/* quand l'utilisateur est connecté */ +#MENU .userdata.M, +#MENU .userdata.F{ + background-color: #2dcc70; + cursor: default; +} + + +/* quand c'est un homme */ +#MENU .userdata.M{ background-image: url(../src/menu/userdata/male.svg); } + +/* quand c'est une femme */ +#MENU .userdata.F{ background-image: url(../src/menu/userdata/female.svg); } diff --git a/js/actionScript.js b/js/actionScript.js index 0ebba64..d51385c 100755 --- a/js/actionScript.js +++ b/js/actionScript.js @@ -89,9 +89,26 @@ var DOM = { pageM.setPage( section.dataset.link ); /* on active les sous-parties */ - pageM.xhr[pageM.xhr.length-1].onload = function(){ + pageM.xhr[pageM.xhr.length-1].addEventListener('load', function(){ + + // on récupère les sections du document + var sections = document.querySelectorAll('#CONTAINER section[name]'); + if( sections != null ){ // si on en trouve + + DOM.SUBSECTIONS.innerHTML = ""; // on efface le #SUBHEADER > nav <=> les liens des sous-parties + + for( var i = 0 ; i < sections.length ; i++ ) // pour chaque section, on créé un lien correspondant + if( i == 0 ) // on active le premier + DOM.SUBSECTIONS.innerHTML += "" +sections[i].title+ ""; + else // pas les autres + DOM.SUBSECTIONS.innerHTML += "" +sections[i].title+ ""; + } + selectSubSection( document.querySelector('#SUBHEADER > nav > span.active') ); - }; + + }, false); + + // on récupère la section déja selectionnée si elle existe var last = document.querySelector('#MENU span.active'); @@ -144,7 +161,6 @@ var DOM = { lastSection.className = ''; // on la désactive // on active la page associée - console.log( document.querySelector('#CONTAINER section[name=home]') ); var target = document.querySelector('#CONTAINER section[name='+subSection.dataset.sectname+']'); if( target != null ) target.className = 'active'; diff --git a/page/home.php b/page/home.php index 9b11b0c..339afca 100755 --- a/page/home.php +++ b/page/home.php @@ -14,5 +14,27 @@ *****************************************/ ?> -
Contenu de la section #HOME
-
Contenu de la section #GROUPES
\ No newline at end of file + +
+ Accueil +
+ +
+ Groupes +
+ +
+ Suivi +
+ +
+ Modules +
+ +
+ Notes +
+ +
+ Paramètres +
diff --git a/src/menu/menu_icon/home.svg b/src/menu/menu_icon/home.svg index 026cf06..ce7917b 100755 --- a/src/menu/menu_icon/home.svg +++ b/src/menu/menu_icon/home.svg @@ -9,18 +9,14 @@ xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - width="20.5585mm" - height="23.953442mm" - viewBox="0 0 72.845081 84.874394" - id="svg4286" + width="766.6875" + height="766.6875" + id="svg2" version="1.1" inkscape:version="0.48.4 r9939" - sodipodi:docname="home.svg" - inkscape:export-filename="/home/xdrm/Bureau/GRAPHISM/logo/flask100.png" - inkscape:export-xdpi="123.54987" - inkscape:export-ydpi="123.54987"> + sodipodi:docname="home.svg"> + id="defs4" /> + inkscape:window-maximized="1" /> + id="metadata7"> image/svg+xml - + - - - - - - - - - - - - - - - - - - - - - - + transform="translate(69.0625,-46.15625)"> + diff --git a/src/menu/menu_icon/home@hover.svg b/src/menu/menu_icon/home@hover.svg index 8d579c9..44640e2 100755 --- a/src/menu/menu_icon/home@hover.svg +++ b/src/menu/menu_icon/home@hover.svg @@ -9,18 +9,14 @@ xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - width="20.5585mm" - height="23.953442mm" - viewBox="0 0 72.845081 84.874394" - id="svg4286" + width="766.6875" + height="766.6875" + id="svg2" version="1.1" inkscape:version="0.48.4 r9939" - sodipodi:docname="home@hover.svg" - inkscape:export-filename="/home/xdrm/Bureau/GRAPHISM/logo/flask100.png" - inkscape:export-xdpi="123.54987" - inkscape:export-ydpi="123.54987"> + sodipodi:docname="home@hover.svg"> + id="defs4" /> + inkscape:window-maximized="1" /> + id="metadata7"> image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - + transform="translate(69.0625,-46.15625)"> +