TonTon/math-exercises-js
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Id dynamic generation and used internally, writer references name instead

Browse source
This commit is contained in:
Mateus Cezário Barreto 2025-11-13 19:24:00 -03:00
commit 9ef3c07410
2 changed files with 58 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

5
main.css
View file

@ -15,9 +15,8 @@ div{
div[name] {
margin-top: 20px;
}
div[id]::before {
content: attr(name);
div p[class="title"] {
display: block;
text-align: right;
text-align: center;
padding-right: 15px;
}

63
main.js
View file

@ -5,38 +5,75 @@ window.MathJax = {
document.addEventListener('DOMContentLoaded', main)
// Class name to displayable name
const referenceable_class_to_display_name = {
"proposition" : "Proposição"
};
function main ()
{
const internalReferenceables = document.querySelectorAll("div[id]");
const internalReferenceables = document.querySelectorAll("div[name], p[name]");
const anchors = document.querySelectorAll("a");
const referenceable_index = {"global": 1};
for (const referenceable of internalReferenceables)
{
referenceable.setAttribute("id", `referenceable_${referenceable_index["global"]}`);
referenceable_index["global"] += 1;
referenceableClassName = referenceable.getAttribute("class");
referenceable.setAttribute("data-referenceable-class", referenceableClassName);
if ( !(referenceableClassName in referenceable_index) )
{ referenceable_index[referenceableClassName] = 1; }
let current_index = referenceable_index[referenceableClassName];
referenceable.setAttribute("data-index", current_index);
referenceable_index[referenceableClassName] = current_index+1;
// Title
const title = document.createElement("p");
referenceableClassDisplayName = referenceable_class_to_display_name[referenceableClassName];
title.textContent = `${referenceableClassDisplayName} ${current_index}: ${referenceable.getAttribute("name")}`;
title.setAttribute("class", "title");
referenceable.prepend(title);
}
// Anchor normalization
const anchors = document.querySelectorAll("a:not([href])");
for (const anchor of anchors)
{
const href = anchor.getAttribute("href");
if ( href.startsWith("#") )
{
let id = href.slice(1);
let found_referenced = false;
let referenceable = null;
let referenceable_index = 0;
// Look for referenceable with name equal to anchor text content
while (referenceable_index < internalReferenceables.length && !found_referenced)
{
referenceable = internalReferenceables[referenceable_index];
if (referenceable.id == id)
if (referenceable.getAttribute("name") == anchor.textContent)
{
found_referenced = true;
console.log(referenceable)
referenceable.setAttribute("name", `Proposição ${referenceable_index}`);
anchor.textContent = `Proposição ${referenceable_index} (${id})`;
anchor.setAttribute("href", `#${referenceable.id}`);
referenceableClassDisplayName = referenceable_class_to_display_name[referenceableClassName];
anchor.textContent = `[${referenceable.firstChild.textContent}]`;
}
referenceable_index++;
}
}
}
}