[h1]Javascript ctrl+ right left navigation | Навигация с помощью клавиш ( Ctrl + ← и Ctrl + → )[/h1]
Как сделать преход между страницами с помощью нажаться клавишь ctrl+left и ctrl+right ? Подобные вохможности есть и у Google и у Yandex и у многих дургих. Хотите себе на сайт такую возможность?
Делается это достаточно просто.
<html>
<head>
<script type="text/javascript" src="nav.js"></script>
<link rel="prev" href="page-1.html" id="NextLink" />
<link rel="next" href="page-3.html" id="PrevLink" />
</head>
<body>
<a href="page-1.html">← Назад</a> + <b>Ctrl</b> + <a href="page-3.html">Вперед →</a>
</body>
</html> |
[b]Вставляйте Javascript в nav.js:[/b]
document.onkeydown = NavigateThrough;
function NavigateThrough (event)
{
if (!document.getElementById) return;
if (window.event) event = window.event;
if (event.ctrlKey)
{
var link = null;
var href = null;
switch (event.keyCode ? event.keyCode : event.which ? event.which : null)
{
case 0x25:
link = document.getElementById ('PrevLink');
break;
case 0x27:
link = document.getElementById ('NextLink');
break;
}
if (link && link.href) document.location = link.href;
if (href) document.location = href;
}
}
|
Ссыслка следующей и предыдущей страницы берется из id="NextLink" и id="PrevLink". Т.е. например если ваша следующая страница - "page-331.html", то вы можете прямо в вашей строке навигации и ссылке к странице "page-331" прописать id="NextLink".
Не много поковыряетесь и заработает ;)
[b]Ctrl + ← и Ctrl + →[/b]
design-n.org