28.10.10

Botones de Avanzar y Retroceder con JavaScript




Un truco muy sencillo pero muy útil, si deseas que el usuario pueda avanzar y devolverse, ir hacia atrás y hacia adelante es muy fácil con JavaScript.

Pruébalo:

Retroceder: Avanzar:

Código:

Retroceder: <input type=button value="Atrás" onClick="history.back()">
Avanzar: <input type=button value="Adelante"onClick="history.forward()">

Como vez es muy fácil solo debes agregar el evento onClick="history.back()" y "history.forward()" y lo puedes agregar a cualquier etiqueta por ejemplo:

en una celda en <td onClick="history.back()"> Atrás </td>
en una imagen en <img src="tu url de imagen" onClick="history.back()" />
etc..

Te recuerdo que este código te devuelve o adelanta en el historial del navegador, por lo cual no sirve para volver al home o inicio de tu pagina, si tienes el url ve hacia el por que ir hacia atrás te puede devolver a un buscador u otro enlace.


Si te gusto el contenido no Olvides Comentar y Compartir



No hay comentarios:

Publicar un comentario