dut
/
sid
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Ajout d'une fonctionnalité à la navigation, on peut maintenant selectionner la sous-partie avec pageM.vars[0] = 'souspartie' et ensuite selectSection('section') pour charger plus précisemment

This commit is contained in:
xdrm-brackets 2015-10-28 18:31:58 +01:00
parent c86836c1b2
commit 70af3210e9
3 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
css/global.css
View File

@ -35,8 +35,8 @@ table.basic thead.active + tbody td{ display: table-cell; }
table.basic tr td, table.basic tr td,
table.basic tr th, table.basic tr th,
#DRAGNDROP> td, #DRAGNDROP td,
#DRAGNDROP> th{ #DRAGNDROP th{
/* position */ /* position */
padding: 1em 1.5em; padding: 1em 1.5em;

12
js/actionScript.js
View File

@ -120,8 +120,16 @@ var connected = !( DOM.AUTH.children[0].innerHTML == 'Connexion' );
DOM.SUBSECTIONS.innerHTML += "<span data-sectname='" +sections[i].getAttribute('name')+ "'>" +sections[i].title+ "</span>"; DOM.SUBSECTIONS.innerHTML += "<span data-sectname='" +sections[i].getAttribute('name')+ "'>" +sections[i].title+ "</span>";
} }
selectSubSection( document.querySelector('#SUBHEADER > nav > span.active') ); // si dans pageManager.js, on a une sous-partie et qu'elle existe physiquement
var selectedSubSectionFromURL = document.querySelector('#SUBHEADER > nav > span[data-sectname='+pageM.vars[0]+']');
console.log( selectedSubSectionFromURL );
if( selectedSubSectionFromURL != null ) // si on trouve, on charge la sous-partie
selectSubSection( selectedSubSectionFromURL );
else // sinon, on selectionne celle définie dans le HTML
selectSubSection( document.querySelector('#SUBHEADER > nav > span.active') );
}, false); }, false);

15
js/pageManager.js
View File

@ -141,7 +141,10 @@ pageManager.prototype = {
variables associées (ne recharge aucune ressource) variables associées (ne recharge aucune ressource)
======================================================================= */ ======================================================================= */
updateURL: function(){ updateURL: function(){
window.history.pushState(null, this.page, '#/'+this.page+'/'+this.vars.join('/')+'/'); if( this.vars.length > 0 ) // si il y a des variables
window.history.pushState(null, this.page, '#/'+this.page+'/'+this.vars.join('/')+'/');
else // s'il n'y en a pas
window.history.pushState(null, this.page, '#/'+this.page+'/');
}, },
/* ======================================================================= /* =======================================================================
@ -201,10 +204,7 @@ pageManager.prototype = {
}, 'POST', fd); }, 'POST', fd);
// change l'URL en conséquences(stateObj, titre, url) // change l'URL en conséquences(stateObj, titre, url)
if( this.vars.length > 0 ) // si il y a des variables this.updateURL();
window.history.pushState(null, this.page, '#/'+this.page+'/'+this.vars.join('/')+'/');
else // s'il n'y en a pas
window.history.pushState(null, this.page, '#/'+this.page+'/');
}else{ // si la page n'est pas spécifiée ou qu'elle n'est pas dans la liste des pages }else{ // si la page n'est pas spécifiée ou qu'elle n'est pas dans la liste des pages
var urlGet = this.explodeURL(); var urlGet = this.explodeURL();
@ -230,10 +230,7 @@ pageManager.prototype = {
}, 'POST', fd); }, 'POST', fd);
// change l'URL en conséquences(stateObj, titre, url) // change l'URL en conséquences(stateObj, titre, url)
if( this.vars.length > 0 ) // si il y a des variables this.updateURL();
window.history.pushState(null, this.page, '#/'+this.page+'/'+this.vars.join('/')+'/');
else // s'il n'y en a pas
window.history.pushState(null, this.page, '#/'+this.page+'/');
}else // si l'url ne contient rien, on charge la page par défaut }else // si l'url ne contient rien, on charge la page par défaut
this.setPage(this.pagelist[0]); this.setPage(this.pagelist[0]);