tasti di un elenco album che al mouse non si evidenziano dopo l'essere stati cliccati, come fare?

[Difficile64]

Buongiorno a tutti, in una pagina del mio sito ho creato un album con le pagine sotto numerate a elenco ma ho notato che i tasti dei numeri delle pagine una volte cliccate non si evidenziano confondendo il visitatore che non ricorda più che pagine ha visto, c'è un sistema come farlo? grazie

Posto la pagina in questione.

https://www.magdadecoriamano.it/ALBU...NG_FOTO25.html

[graffithouse]

Devi fare in modo da dare una clkasse al pulsante selezionato e dai css colorlarlo

[Difficile64]

cioè?

[Difficile64]

cioè?
non utilizzo altri linguaggi al di fuori di html semplice, probabilmente ti riferisci ad altri linguaggi intereattivi ma se è possibile inserire uno script già pronto lo collocherei nella pagina magari con un richiamo al menù anche semi pare troppo standard e andrebbe modificato del tutto, è un template già prefatto, coi suoi css, etc

[ninja72]

Prova questa soluzione e vedi se può andar bene, ti consiglio di mettere la classe custom css alla fine del file "layout/styles/layout.css" mentre il custom js lo puoi inserire alla fine del file "layout/scripts/jquery.backtotop.js"

CSS:

.btn-select {
    background-color: lightcoral;
}

JAVASCRIPT:

const btnLink = document.querySelectorAll('.pagination ul li')
const url = window.location.href

const urlID = parseInt((url).split('/').pop().match(/\d+/g))

btnLink.forEach(btn => {
    if (urlID === parseInt(btn.querySelector('a').textContent)) {
        btn.querySelector('a').classList.add('btn-select')
    }
})

[Difficile64]

una domanda però se io inserisco il tuo codice nella pagina in questione non succede nulla, non è che va salvato in un foglio javascript e poi richimato e se è cosi com'è la stringa da mettere, attualmente nella pagina ho solo <link href="layout/styles/layout.css" rel="stylesheet" type="text/css" media="all">
grazie ancora per la pazienza ma è un sito artigianale come noi e si fa una gran fatica a far coincidere tutto per tutti!

[ninja72]

[Ripeto] visto che non utilizzi un linguaggio lato server come php o node per la gestione delle inclusione degli header/footer, ho pensato fosse sensato consigliarti di aggiungere il mio codice css, javascript alla fine dei file che avevi inclusi in tutti gli html (quelli della paginazione) anzichè andarlo a replicare per ognuna delle 25 o più pagine.

in pratica il file javascript "layout/scripts/jquery.backtotop.js" diventa :

codice:

jQuery("#backtotop").click(function () {
    jQuery("body,html").animate({
        scrollTop: 0
    }, 600);
});
jQuery(window).scroll(function () {
    if (jQuery(window).scrollTop() > 150) {
        jQuery("#backtotop").addClass("visible");
    } else {
        jQuery("#backtotop").removeClass("visible");
    }
});

const btnLink = document.querySelectorAll('.pagination ul li')
const url = window.location.href

const urlID = parseInt((url).split('/').pop().match(/\d+/g))

btnLink.forEach(btn => {
    if (urlID === parseInt(btn.querySelector('a').textContent)) {
        btn.querySelector('a').classList.add('btn-select')
    }
})

idem per il css di riferimento.