Skip to content

Instantly share code, notes, and snippets.

@384400

384400/-print.md

Created August 9, 2016 17:36
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save 384400/1fe4c71c79ddbe340a1154f40c35e27a to your computer and use it in GitHub Desktop.
Save 384400/1fe4c71c79ddbe340a1154f40c35e27a to your computer and use it in GitHub Desktop.
Download ZIP
Raw
-print.md

A compléter ultérieurement

Raw
continuous-end-notes.html
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Notes avec numérotation continue qui s'affichent en fin de document</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css">
<link rel="stylesheet" href="paper.css">
<!-- https://github.com/cognitom/paper-css -->
<link rel='stylesheet' href="https://fonts.googleapis.com/css?family=Gentium+Basic:400,400italic,700">
<style>
@page {
size: A4;
}
@media screen {
header, footer {
background: #efefef;
}
#sources {
background: #ccc;
}
}
@media print {
#sources {
display: none;
}
}
.map {
display: flex;
flex-direction: column;
}
article {
flex: 1 1 0;
order: 1;
}
header {
order: 0;
}
aside {
order: 2;
}
footer {
order: 3;
}
body {
font-family: 'Gentium Basic';
font-size: 12pt;
}
h1, h2, h3, strong {
font-family: 'Gentium Basic';
font-weight: 700;
}
.hide {
display: none;
}
.show {
display: block;
}
</style>
</head>
<body class="A4">
<section class="sheet padding-20mm map">
<p>Il était normand pas sa mère et breton par un ami de son père. <span class="note-target-1 note-link"></span></p>
<p>Il faut être trois pour apprécier une bonne histoire. Un pour la raconter bien, un pour la goûter, et un pour ne pas la comprendre... Car le plaisir des deux premiers est doublé par l'incompréhension du troisième. <span class="note-target-2 note-link"></span></p>
</section>
<section class="sheet padding-20mm map">
<p>La dernière fois que j'ai pénétré une femme, c'était en visitant la statue de la Liberté. <span class="note-target-3 note-link"></span></p>
</section>
<section id="sources" class="sheet padding-20mm">
<div class="note-content-1"><p>Alphonse Allais</div>
<div class="note-content-2"><p>Alphonse Allais</div>
<div class="note-content-3"><p>Woody Allen</p></div>
</section>
<section id="end" class="sheet padding-20mm map">
<h3>Références</h3>
<div class="notes"></div>
</section>
<script>
function createElement(str) {
var frag = document.createDocumentFragment();
var elem = document.createElement('div');
elem.innerHTML = str;
while (elem.childNodes[0]) {
frag.appendChild(elem.childNodes[0]);
}
return frag;
}
document.getElementById('end').classList.add('hide');
var noteLocation = 'end'; /* Peut être définie à 'foot' (notes en bas de chaque page), 'end' (notes en fin de document) ou à 'none' (pas de notes) */
if (noteLocation !== 'none') {
if (noteLocation === 'end') {
document.getElementById('end').classList.add('show');
}
if (noteLocation === 'foot') {
document.getElementById('end').classList.add('hide');
}
}
if (noteLocation !== 'none') {
var listPages = document.querySelectorAll('section.map');
for (var i = 0; i < listPages.length; i++) {
var target = i + 1;
var storeIds = 'map-' + target;
listPages[i].setAttribute('id', storeIds);
if (noteLocation === 'foot') {
var aside = document.createElement('aside');
listPages[i].appendChild(aside);
aside.setAttribute('id', 'aside-' + target);
}
}
if (noteLocation === 'end') {
var listNotes = document.getElementsByClassName('note-link');
var count = 0;
var namesNote = [];
var namesNumber = [];
for (var j = 0; j < listNotes.length; j++) {
nameClass = listNotes[j].classList[0];
if (namesNote.indexOf(nameClass) >= 0) { /* Si la note existe déjà, elle est dupliquée. */
var indexNamesNote = namesNote.indexOf(nameClass);
var targetToReport = namesNumber[indexNamesNote];
var tagSup = document.createElement('sup');
var text = document.createTextNode(targetToReport);
var contentTagSup = document.createTextNode(targetToReport);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
} else {
count++;
var name = listNotes[j].classList[0];
target = name.replace('target', 'content');
var contentFrom = document.getElementsByClassName(target)[0].innerHTML;
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
var div = document.createElement('div');
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
div.appendChild(contentTagSup);
var contentTo = createElement(contentFrom);
div.appendChild(contentTo);
document.getElementsByClassName('notes')[0].appendChild(div);
namesNote.push(name);
namesNumber.push(count);
}
}
}
if (noteLocation === 'foot') {
for (var i = 0; i < listPages.length; i++) {
var pageId = listPages[i].id;
var listNotes = document.getElementById(pageId).getElementsByClassName('note-link');
var count = 0;
var namesNote = [];
var namesNumber = [];
for (var j = 0; j < listNotes.length; j++) { /* En cas de doublon */
nameClass = listNotes[j].classList[0];
if (namesNote.indexOf(nameClass) >= 0) {
var indexNamesNote = namesNote.indexOf(nameClass);
var targetToReport = namesNumber[indexNamesNote];
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(targetToReport);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
} else {
count++;
var name = listNotes[j].classList[0];
target = name.replace('target', 'content');
var contentFrom = document.getElementsByClassName(target)[0].innerHTML;
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
var div = document.createElement('div');
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
div.appendChild(contentTagSup);
var contentTo = createElement(contentFrom);
div.appendChild(contentTo);
var asideId = pageId.match(/\d+$/)[0];
document.getElementById('aside-' + asideId).appendChild(div);
namesNote.push(name);
namesNumber.push(count);
}
}
}
}
}
</script>
</body>
</html>
Raw
continuous-foot-notes.html
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Notes avec numérotation continue qui s'affichent en fin de page</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css">
<link rel="stylesheet" href="paper.css">
<!-- https://github.com/cognitom/paper-css -->
<link rel='stylesheet' href="https://fonts.googleapis.com/css?family=Gentium+Basic:400,400italic,700">
<style>
@page {
size: A4;
}
@media screen {
header, footer {
background: #efefef;
}
#sources {
background: #ccc;
}
}
@media print {
#sources {
display: none;
}
}
.map {
display: flex;
flex-direction: column;
}
article {
flex: 1 1 0;
order: 1;
}
header {
order: 0;
}
aside {
order: 2;
}
footer {
order: 3;
}
body {
font-family: 'Gentium Basic';
font-size: 12pt;
}
h1, h2, h3, strong {
font-family: 'Gentium Basic';
font-weight: 700;
}
.hide {
display: none;
}
.show {
display: block;
}
</style>
</head>
<body class="A4">
<section class="sheet padding-20mm map">
<p>Il était normand pas sa mère et breton par un ami de son père. <span class="note-target-1 note-link"></span></p>
<p>Il faut être trois pour apprécier une bonne histoire. Un pour la raconter bien, un pour la goûter, et un pour ne pas la comprendre... Car le plaisir des deux premiers est doublé par l'incompréhension du troisième. <span class="note-target-2 note-link"></span></p>
</section>
<section class="sheet padding-20mm map">
<p>La dernière fois que j'ai pénétré une femme, c'était en visitant la statue de la Liberté. <span class="note-target-3 note-link"></span></p>
</section>
<section id="sources" class="sheet padding-20mm">
<div class="note-content-1"><p>Alphonse Allais</div>
<div class="note-content-2"><p>Alphonse Allais</div>
<div class="note-content-3"><p>Woody Allen</p></div>
</section>
<section id="end" class="sheet padding-20mm map">
<h3>Références</h3>
<div class="notes"></div>
</section>
<script>
function createElement(str) {
var frag = document.createDocumentFragment();
var elem = document.createElement('div');
elem.innerHTML = str;
while (elem.childNodes[0]) {
frag.appendChild(elem.childNodes[0]);
}
return frag;
}
document.getElementById('end').classList.add('hide');
var noteLocation = 'foot'; /* Peut être définie à 'foot' (notes en bas de chaque page), 'end' (notes en fin de document) ou à 'none' (pas de notes) */
if (noteLocation !== 'none') {
if (noteLocation === 'end') {
document.getElementById('end').classList.add('show');
}
if (noteLocation === 'foot') {
document.getElementById('end').classList.add('hide');
}
}
if (noteLocation !== 'none') {
var listPages = document.querySelectorAll('section.map');
for (var i = 0; i < listPages.length; i++) {
var target = i + 1;
var storeIds = 'map-' + target;
listPages[i].setAttribute('id', storeIds);
if (noteLocation === 'foot') {
var aside = document.createElement('aside');
listPages[i].appendChild(aside);
aside.setAttribute('id', 'aside-' + target);
}
}
if (noteLocation === 'end') {
var listNotes = document.getElementsByClassName('note-link');
var count = 0;
var namesNote = [];
var namesNumber = [];
for (var j = 0; j < listNotes.length; j++) {
nameClass = listNotes[j].classList[0];
if (namesNote.indexOf(nameClass) >= 0) { /* Si la note existe déjà, elle est dupliquée. */
var indexNamesNote = namesNote.indexOf(nameClass);
var targetToReport = namesNumber[indexNamesNote];
var tagSup = document.createElement('sup');
var text = document.createTextNode(targetToReport);
var contentTagSup = document.createTextNode(targetToReport);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
} else {
count++;
var name = listNotes[j].classList[0];
target = name.replace('target', 'content');
var contentFrom = document.getElementsByClassName(target)[0].innerHTML;
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
var div = document.createElement('div');
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
div.appendChild(contentTagSup);
var contentTo = createElement(contentFrom);
div.appendChild(contentTo);
document.getElementsByClassName('notes')[0].appendChild(div);
namesNote.push(name);
namesNumber.push(count);
}
}
}
if (noteLocation === 'foot') {
for (var i = 0; i < listPages.length; i++) {
var pageId = listPages[i].id;
var listNotes = document.getElementById(pageId).getElementsByClassName('note-link');
var count = 0;
var namesNote = [];
var namesNumber = [];
for (var j = 0; j < listNotes.length; j++) { /* En cas de doublon */
nameClass = listNotes[j].classList[0];
if (namesNote.indexOf(nameClass) >= 0) {
var indexNamesNote = namesNote.indexOf(nameClass);
var targetToReport = namesNumber[indexNamesNote];
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(targetToReport);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
} else {
count++;
var name = listNotes[j].classList[0];
target = name.replace('target', 'content');
var contentFrom = document.getElementsByClassName(target)[0].innerHTML;
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
var div = document.createElement('div');
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
div.appendChild(contentTagSup);
var contentTo = createElement(contentFrom);
div.appendChild(contentTo);
var asideId = pageId.match(/\d+$/)[0];
document.getElementById('aside-' + asideId).appendChild(div);
namesNote.push(name);
namesNumber.push(count);
}
}
}
}
}
</script>
</body>
</html>
Raw
sequential-end-notes.html
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Notes avec numérotation séquentielle qui s'affichent en fin de document</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css">
<link rel="stylesheet" href="paper.css">
<!-- https://github.com/cognitom/paper-css -->
<link rel='stylesheet' href="https://fonts.googleapis.com/css?family=Gentium+Basic:400,400italic,700">
<style>
@page {
size: A4;
}
@media screen {
header, footer {
background: #efefef;
}
#sources {
background: #ccc;
}
}
@media print {
#sources {
display: none;
}
}
.map {
display: flex;
flex-direction: column;
}
article {
flex: 1 1 0;
order: 1;
}
header {
order: 0;
}
aside {
order: 2;
}
footer {
order: 3;
}
body {
font-family: 'Gentium Basic';
font-size: 12pt;
}
h1, h2, h3, strong {
font-family: 'Gentium Basic';
font-weight: 700;
}
.hide {
display: none;
}
.show {
display: block;
}
</style>
</head>
<body class="A4">
<section class="sheet padding-20mm map">
<p>Il était normand pas sa mère et breton par un ami de son père. <span class="note-target-1 note-link"></span></p>
<p>Il faut être trois pour apprécier une bonne histoire. Un pour la raconter bien, un pour la goûter, et un pour ne pas la comprendre... Car le plaisir des deux premiers est doublé par l'incompréhension du troisième. <span class="note-target-1 note-link"></span></p>
</section>
<section class="sheet padding-20mm map">
<p>La dernière fois que j'ai pénétré une femme, c'était en visitant la statue de la Liberté. <span class="note-target-2 note-link"></span></p>
</section>
<section id="sources" class="sheet padding-20mm">
<div class="note-content-1"><p>Alphonse Allais</div>
<div class="note-content-2"><p>Woody Allen</p></div>
</section>
<section id="end" class="sheet padding-20mm map">
<h3>Références</h3>
<div class="notes"></div>
</section>
<script>
function createElement(str) {
var frag = document.createDocumentFragment();
var elem = document.createElement('div');
elem.innerHTML = str;
while (elem.childNodes[0]) {
frag.appendChild(elem.childNodes[0]);
}
return frag;
}
document.getElementById('end').classList.add('hide');
var noteLocation = 'end'; /* Peut être définie à 'foot' (notes en bas de chaque page), 'end' (notes en fin de document) ou à 'none' (pas de notes) */
if (noteLocation !== 'none') {
if (noteLocation === 'end') {
document.getElementById('end').classList.add('show');
}
if (noteLocation === 'foot') {
document.getElementById('end').classList.add('hide');
}
}
if (noteLocation !== 'none') {
var listPages = document.querySelectorAll('section.map');
for (var i = 0; i < listPages.length; i++) {
var target = i + 1;
var storeIds = 'map-' + target;
listPages[i].setAttribute('id', storeIds);
if (noteLocation === 'foot') {
var aside = document.createElement('aside');
listPages[i].appendChild(aside);
aside.setAttribute('id', 'aside-' + target);
}
}
if (noteLocation === 'end') {
var listNotes = document.getElementsByClassName('note-link');
var count = 0;
var namesNote = [];
var namesNumber = [];
for (var j = 0; j < listNotes.length; j++) {
nameClass = listNotes[j].classList[0];
if (namesNote.indexOf(nameClass) >= 0) { /* Si la note existe déjà, elle est dupliquée. */
var indexNamesNote = namesNote.indexOf(nameClass);
var targetToReport = namesNumber[indexNamesNote];
var tagSup = document.createElement('sup');
var text = document.createTextNode(targetToReport);
var contentTagSup = document.createTextNode(targetToReport);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
} else {
count++;
var name = listNotes[j].classList[0];
target = name.replace('target', 'content');
var contentFrom = document.getElementsByClassName(target)[0].innerHTML;
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
var div = document.createElement('div');
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
div.appendChild(contentTagSup);
var contentTo = createElement(contentFrom);
div.appendChild(contentTo);
document.getElementsByClassName('notes')[0].appendChild(div);
namesNote.push(name);
namesNumber.push(count);
}
}
}
if (noteLocation === 'foot') {
for (var i = 0; i < listPages.length; i++) {
var pageId = listPages[i].id;
var listNotes = document.getElementById(pageId).getElementsByClassName('note-link');
var count = 0;
var namesNote = [];
var namesNumber = [];
for (var j = 0; j < listNotes.length; j++) { /* En cas de doublon */
nameClass = listNotes[j].classList[0];
if (namesNote.indexOf(nameClass) >= 0) {
var indexNamesNote = namesNote.indexOf(nameClass);
var targetToReport = namesNumber[indexNamesNote];
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(targetToReport);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
} else {
count++;
var name = listNotes[j].classList[0];
target = name.replace('target', 'content');
var contentFrom = document.getElementsByClassName(target)[0].innerHTML;
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
var div = document.createElement('div');
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
div.appendChild(contentTagSup);
var contentTo = createElement(contentFrom);
div.appendChild(contentTo);
var asideId = pageId.match(/\d+$/)[0];
document.getElementById('aside-' + asideId).appendChild(div);
namesNote.push(name);
namesNumber.push(count);
}
}
}
}
}
</script>
</body>
</html>
Raw
sequential-foot-notes.html
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Notes avec numérotation séquentielle qui s'affichent en fin de page</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css">
<link rel="stylesheet" href="paper.css">
<!-- https://github.com/cognitom/paper-css -->
<link rel='stylesheet' href="https://fonts.googleapis.com/css?family=Gentium+Basic:400,400italic,700">
<style>
@page {
size: A4;
}
@media screen {
header, footer {
background: #efefef;
}
#sources {
background: #ccc;
}
}
@media print {
#sources {
display: none;
}
}
.map {
display: flex;
flex-direction: column;
}
article {
flex: 1 1 0;
order: 1;
}
header {
order: 0;
}
aside {
order: 2;
}
footer {
order: 3;
}
body {
font-family: 'Gentium Basic';
font-size: 12pt;
}
h1, h2, h3, strong {
font-family: 'Gentium Basic';
font-weight: 700;
}
.hide {
display: none;
}
.show {
display: block;
}
</style>
</head>
<body class="A4">
<section class="sheet padding-20mm map">
<p>Il était normand pas sa mère et breton par un ami de son père. <span class="note-target-1 note-link"></span></p>
<p>Il faut être trois pour apprécier une bonne histoire. Un pour la raconter bien, un pour la goûter, et un pour ne pas la comprendre... Car le plaisir des deux premiers est doublé par l'incompréhension du troisième. <span class="note-target-1 note-link"></span></p>
</section>
<section class="sheet padding-20mm map">
<p>La dernière fois que j'ai pénétré une femme, c'était en visitant la statue de la Liberté. <span class="note-target-2 note-link"></span></p>
</section>
<section id="sources" class="sheet padding-20mm">
<div class="note-content-1"><p>Alphonse Allais</div>
<div class="note-content-2"><p>Woody Allen</p></div>
</section>
<section id="end" class="sheet padding-20mm map">
<h3>Références</h3>
<div class="notes"></div>
</section>
<script>
function createElement(str) {
var frag = document.createDocumentFragment();
var elem = document.createElement('div');
elem.innerHTML = str;
while (elem.childNodes[0]) {
frag.appendChild(elem.childNodes[0]);
}
return frag;
}
document.getElementById('end').classList.add('hide');
var noteLocation = 'foot'; /* Peut être définie à 'foot' (notes en bas de chaque page), 'end' (notes en fin de document) ou à 'none' (pas de notes) */
if (noteLocation !== 'none') {
if (noteLocation === 'end') {
document.getElementById('end').classList.add('show');
}
if (noteLocation === 'foot') {
document.getElementById('end').classList.add('hide');
}
}
if (noteLocation !== 'none') {
var listPages = document.querySelectorAll('section.map');
for (var i = 0; i < listPages.length; i++) {
var target = i + 1;
var storeIds = 'map-' + target;
listPages[i].setAttribute('id', storeIds);
if (noteLocation === 'foot') {
var aside = document.createElement('aside');
listPages[i].appendChild(aside);
aside.setAttribute('id', 'aside-' + target);
}
}
if (noteLocation === 'end') {
var listNotes = document.getElementsByClassName('note-link');
var count = 0;
var namesNote = [];
var namesNumber = [];
for (var j = 0; j < listNotes.length; j++) {
nameClass = listNotes[j].classList[0];
if (namesNote.indexOf(nameClass) >= 0) { /* Si la note existe déjà, elle est dupliquée. */
var indexNamesNote = namesNote.indexOf(nameClass);
var targetToReport = namesNumber[indexNamesNote];
var tagSup = document.createElement('sup');
var text = document.createTextNode(targetToReport);
var contentTagSup = document.createTextNode(targetToReport);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
} else {
count++;
var name = listNotes[j].classList[0];
target = name.replace('target', 'content');
var contentFrom = document.getElementsByClassName(target)[0].innerHTML;
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
var div = document.createElement('div');
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
div.appendChild(contentTagSup);
var contentTo = createElement(contentFrom);
div.appendChild(contentTo);
document.getElementsByClassName('notes')[0].appendChild(div);
namesNote.push(name);
namesNumber.push(count);
}
}
}
if (noteLocation === 'foot') {
for (var i = 0; i < listPages.length; i++) {
var pageId = listPages[i].id;
var listNotes = document.getElementById(pageId).getElementsByClassName('note-link');
var count = 0;
var namesNote = [];
var namesNumber = [];
for (var j = 0; j < listNotes.length; j++) { /* En cas de doublon */
nameClass = listNotes[j].classList[0];
if (namesNote.indexOf(nameClass) >= 0) {
var indexNamesNote = namesNote.indexOf(nameClass);
var targetToReport = namesNumber[indexNamesNote];
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(targetToReport);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
} else {
count++;
var name = listNotes[j].classList[0];
target = name.replace('target', 'content');
var contentFrom = document.getElementsByClassName(target)[0].innerHTML;
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
tagSup.appendChild(contentTagSup);
listNotes[j].insertBefore(tagSup, listNotes[j].childNodes[0]);
var div = document.createElement('div');
var tagSup = document.createElement('sup');
var contentTagSup = document.createTextNode(count);
div.appendChild(contentTagSup);
var contentTo = createElement(contentFrom);
div.appendChild(contentTo);
var asideId = pageId.match(/\d+$/)[0];
document.getElementById('aside-' + asideId).appendChild(div);
namesNote.push(name);
namesNumber.push(count);
}
}
}
}
}
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment