Avatar

Полезные скрипты HTML/JS (HTML, JS, another tricks)

by Turboblack ⌂, Wednesday, July 17, 2024, 11:04 (93 days ago) @ mak

как сделать строку, что будет показывать на какой странице находится пользователь:

CSS
_______________________________________________________

.blinking-cursor {
font-weight: bold;
font-size: 1em;
color: #ffffff; //цвет курсора
background-color: #693AEA; // цвет заднего фона для курсора
font-family: 'Courier New', Courier, monospace;
animation: blink 1s step-end infinite;
}

@keyframes blink {
from, to {
visibility: hidden;
}
50% {
visibility: visible;
}
}


JS
_______________________________________________________

<script>
(function() {
function updateCurrentPage() {
var currentPage = window.location.pathname;
var lastSegment = currentPage.substring(currentPage.lastIndexOf('/') + 1);
var lastSegmentWithoutExtension = lastSegment.split('.')[0];
var decodedSegment;

if (window.decodeURIComponent) {
decodedSegment = decodeURIComponent(lastSegmentWithoutExtension);
} else {
decodedSegment = unescape(lastSegmentWithoutExtension);
}

var upperCaseSegment = decodedSegment.toUpperCase();
var formattedSegment = 'C:\\>' + upperCaseSegment;
document.getElementById('current-page').innerHTML = formattedSegment + '<span class="blinking-cursor">_</span>';
}

if (document.addEventListener) {
document.addEventListener('DOMContentLoaded', updateCurrentPage);
} else if (document.attachEvent) {
document.attachEvent('onreadystatechange', function() {
if (document.readyState === 'complete') {
updateCurrentPage();
}
});
} else {
window.onload = updateCurrentPage;
}
})();
</script>

_________________________________________________________________
этот код перед названием страницы отображает C:\> и на странице это будет выглядеть
как C:\\>НАЗВАНИЕ_

HTML
________________________________________
в нужном месте вашего гипертекста установите:

<div id="current-page"></div>
________________________________________

это весь рецепт
пользуйтесь

--
We live in the distant past, we are still not at all civilized


Complete thread:

 RSS Feed of thread