iBlog  |   Lecciones de web mastering  |   «Simple, interesante, asombroso...»

Como crear navegación con flechas

Código que se muestra a continuación mejora la negación de sitios web. EL pasar de pagina es posible a través de una combinación de teclas ← ctrl , ctrl →. Esta utilidad no tiene límite... Es una muy buena solución para el cambio de imágenes en una galería web. Al utilizar esta función un par de veces ya no querrá volver al método tradicional de cambio de páginas.

Código Javascript

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');

                   }

        if (link) document.location = link.href;

            }

    }

Solo faltaría agregar estos link de navegación

0×25 и 0×27 — son códigos de las teclas del teclado correspondientes a ← и →. Aquí están todos los códigos de la teclas, que pueden ser utilizados en esta aplicación.

Este javascript no funciona en el browser Opera ya que los botones de las flechas están reservadas para otra aplicación.

iBlog  |  Lecciones de web mastering  |  Noticias interesantes  |  ¡Blog de viajes!  |  «Simple, interesante, asombroso...»