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:
parent
c86836c1b2
commit
70af3210e9
|
@ -35,8 +35,8 @@ table.basic thead.active + tbody td{ display: table-cell; }
|
|||
|
||||
table.basic tr td,
|
||||
table.basic tr th,
|
||||
#DRAGNDROP> td,
|
||||
#DRAGNDROP> th{
|
||||
#DRAGNDROP td,
|
||||
#DRAGNDROP th{
|
||||
/* position */
|
||||
padding: 1em 1.5em;
|
||||
|
||||
|
|
|
@ -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>";
|
||||
}
|
||||
|
||||
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);
|
||||
|
||||
|
||||
|
|
|
@ -141,7 +141,10 @@ pageManager.prototype = {
|
|||
variables associées (ne recharge aucune ressource)
|
||||
======================================================================= */
|
||||
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);
|
||||
|
||||
// change l'URL en conséquences(stateObj, titre, url)
|
||||
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+'/');
|
||||
this.updateURL();
|
||||
|
||||
}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();
|
||||
|
@ -230,10 +230,7 @@ pageManager.prototype = {
|
|||
}, 'POST', fd);
|
||||
|
||||
// change l'URL en conséquences(stateObj, titre, url)
|
||||
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+'/');
|
||||
this.updateURL();
|
||||
|
||||
}else // si l'url ne contient rien, on charge la page par défaut
|
||||
this.setPage(this.pagelist[0]);
|
||||
|
|
Loading…
Reference in New Issue