Imposition 2-up : Différence entre versions

De Design numérique
Aller à : navigation, rechercher
(Page créée avec « container = document.getElementsByClassName("pagedjs_pages")[0]; container.style.display = "flex"; <syntaxhighlight lang="javascript"> // on enlève la marge de gauche d... »)
 
Ligne 1 : Ligne 1 :
 +
<syntaxhighlight lang="javascript">
 
container = document.getElementsByClassName("pagedjs_pages")[0];
 
container = document.getElementsByClassName("pagedjs_pages")[0];
 
container.style.display = "flex";
 
container.style.display = "flex";
  
 
<syntaxhighlight lang="javascript">
 
 
// on enlève la marge de gauche de la première page
 
// on enlève la marge de gauche de la première page
 
firstpage = document.getElementsByClassName("pagedjs_first_page")[0];
 
firstpage = document.getElementsByClassName("pagedjs_first_page")[0];

Version du 16 décembre 2022 à 14:40

container = document.getElementsByClassName("pagedjs_pages")[0];
container.style.display = "flex";

// on enlève la marge de gauche de la première page
firstpage = document.getElementsByClassName("pagedjs_first_page")[0];
firstpage.style.marginLeft = 0;

// on met le div pagedjs_page en "display:flex" pour pouvoir changer l'ordre des pages
pages = [].slice.call(document.getElementsByClassName("pagedjs_page"));
nb_pages = pages.length;

new_pages = []

// on enregistre dans un nouvel Array à chaque fois la première page, la dernière page, et on les enlève de la première liste de pages.
for(p = 0; p < nb_pages; p++){
    new_pages.push(pages[0]);
    pages.shift();
    new_pages.push(pages[pages.length - 1]);
    pages.pop();

}

// On applique en CSS l'ordre des pages de la nouvelle liste de pages
for (p=0; p < new_pages.length; p++) {
    new_pages[p].style.order = p;
}