Imposition 2-up - Historique des versions

Alexia le 7 novembre 2024 à 17:49

2024-11-07T17:49:50Z

← Version précédente		Version du 7 novembre 2024 à 17:49
Ligne 100 :		Ligne 100 :

	[[Catégorie:Imposition]]		[[Catégorie:Imposition]]
			[[Catégorie:Stéphanie]]

Alexia le 21 mars 2024 à 12:53

2024-03-21T12:53:40Z

← Version précédente		Version du 21 mars 2024 à 12:53
Ligne 98 :		Ligne 98 :
	}		}
	</syntaxhighlight>		</syntaxhighlight>

			[[Catégorie:Imposition]]

Svilayphiou le 20 décembre 2022 à 22:08

2022-12-20T22:08:24Z

@@ Ligne 4 : / Ligne 4 : @@
 <syntaxhighlight lang="javascript">
 // on met le div pagedjs_page en "display:flex" pour pouvoir changer l'ordre des pages
 container = document.getElementsByClassName("pagedjs_pages")[0];
@@ Ligne 45 : / Ligne 43 : @@
 </syntaxhighlight>

Svilayphiou le 20 décembre 2022 à 20:55

2022-12-20T20:55:20Z

← Version précédente		Version du 20 décembre 2022 à 20:55
Ligne 4 :		Ligne 4 :

	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">
			cahier = 16

			// on met le div pagedjs_page en "display:flex" pour pouvoir changer l'ordre des pages
	container = document.getElementsByClassName("pagedjs_pages")[0];		container = document.getElementsByClassName("pagedjs_pages")[0];
	container.style.display = "flex";		container.style.display = "flex";
Ligne 11 :		Ligne 14 :
	firstpage.style.marginLeft = 0;		firstpage.style.marginLeft = 0;

	// on ~~met le div pagedjs_page en "display:flex" pour pouvoir changer l'ordre des~~ pages		// on récupère les pages du document dans un Array
	pages = [].slice.call(document.getElementsByClassName("pagedjs_page"));		pages = [].slice.call(document.getElementsByClassName("pagedjs_page"));
			// on enregiste le nombre de pages total dans une variable
	nb_pages = pages.length;		nb_pages = pages.length;

			// on crée un Array vide qui accueillera les pages dans le nouvel ordre d'imposition
	new_pages = []		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.		// on enregistre dans un nouvel Array à chaque fois la dernière et première page, puis la première et dernière page, et on les enlève de la liste initiale de pages.
	for(p = 0; p < nb_pages; p++){		for(p = 0; p < nb_pages; p++){
	if(p%2) {		if(p%2) {
Ligne 38 :		Ligne 43 :
	new_pages[p].style.order = p;		new_pages[p].style.order = p;
	}		}


	</syntaxhighlight>		</syntaxhighlight>

Svilayphiou le 20 décembre 2022 à 20:51

2022-12-20T20:51:54Z

← Version précédente		Version du 20 décembre 2022 à 20:51
Ligne 1 :		Ligne 1 :
			À utiliser dans une mise en page type paged.js.
			Attention, pour octomode, prendre l'URL de l'iframe où se trouve réellement les pages!
			Copier/coller le tout dans la Console de l'Inspecteur d'élément.

	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">
	container = document.getElementsByClassName("pagedjs_pages")[0];		container = document.getElementsByClassName("pagedjs_pages")[0];
Ligne 15 :		Ligne 19 :
	// 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.		// 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++){		for(p = 0; p < nb_pages; p++){
	new_pages.push(pages[0]);		if(p%2) {
	pages.shift();		new_pages.push(pages[0]);
	new_pages.push(pages[pages.length - 1]);		pages.shift();
	pages.pop();		new_pages.push(pages[pages.length - 1]);
			pages.pop();
			} else {
			new_pages.push(pages[pages.length - 1]);
			pages.pop();
			new_pages.push(pages[0]);
			pages.shift();
			}


	}		}
Ligne 26 :		Ligne 38 :
	new_pages[p].style.order = p;		new_pages[p].style.order = p;
	}		}

	</syntaxhighlight>		</syntaxhighlight>

Svilayphiou le 16 décembre 2022 à 14:40

2022-12-16T14:40:47Z

← Version précédente		Version du 16 décembre 2022 à 14:40
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];

Svilayphiou : Page créée avec « container = document.getElementsByClassName("pagedjs_pages")[0]; container.style.display = "flex"; // on enlève la marge de gauche d... »

2022-12-16T14:40:12Z

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... »

Nouvelle page

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

<syntaxhighlight lang="javascript">
// 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;
}
</syntaxhighlight>