¿Es posible manipular el browser para que al dar al botón de regreso se dirija a una URL específica?
Resulta que tengo una duda, ¿respecto a si es posible manipular los botones del browser?, ya que quiero que al momento en que se de click en el botón regresar, no regrese a la página anterior, sino a una URL, especifica.
2 respuestas
Respuesta de newdavinci
1
Siento decirte que no es posible influir en los botones del navegador, ya que el funcionamiento de éstos no puede ser modificados desde una página web.
Te propongo una solución alternativa:
1.- Puedes cargar la página en una ventana del navegador que no muestre los botones: esto sí que es posible.
2.- Crear tú mismo botones que similen el funcionamiento de los botones del navegador (avanzar, retroceder): esto también es posible.
3.- Puedes crear tus propios botones que sirvan para navegar sólo por las páginas de tu web.
Espero haberte servido de algo. Si te decides por alguna de las soluciones que te he dado, comunícamelo y te daré más información.
Te propongo una solución alternativa:
1.- Puedes cargar la página en una ventana del navegador que no muestre los botones: esto sí que es posible.
2.- Crear tú mismo botones que similen el funcionamiento de los botones del navegador (avanzar, retroceder): esto también es posible.
3.- Puedes crear tus propios botones que sirvan para navegar sólo por las páginas de tu web.
Espero haberte servido de algo. Si te decides por alguna de las soluciones que te he dado, comunícamelo y te daré más información.
Si me parece buena tú solución y pues si no es molestia agradecería más información
Pues agradecería más información respecto a la solución alternativa que me propones.
Vamos a lío. Se trata de hacer una página en la que el usuario no tenga acceso a los botones del navegador. Para ello crearemos una página inicial, que será la portada del web, desde la que se abrirá una ventana del navegador sin botones. Posteriormente veremos como poder simular los botones del navegador.
Los pasos a seguir serán:
1.- Crear una página con la portada del web, que se llamará index.html. Por lo tanto la página inicial de tu actual web la debes renombrar a index2.htm o algo similar.
2.- Una vez que tengas hecha la página de portada debes explorar su código html y localizar la etiqueta </HEAD>. Justo antes de esta etiqueta colocaremos el código javascript que se encargará de abrir la ventana sin botones, quedando la portada en segundo plano.
3.- El código que debes usar para abrir la ventana debe ser algo parecido al que te muestro de ejemplo:
<script language="javascript">
function sinBotones()
{
var URL="index2.htm"
var titulo="Titulo"
var x=0
var y=0
var ancho=792
var alto=572
var herramientas=0
var direccion=0
var barras=1
ventana= window.open(URL,titulo,"left="+x+",top="+y+",width="+ancho+",height="+alto+",toolbar="+herramientas+",location="+direccion+",scrollbars="+barras)
}
</script>
En este código podrás configura el valor de la posición y dimensiones de la ventana con por, y, ancho y alto. Herramientas es la variable que permite mostrar, 1, u ocultar, 0, los botones. Dirección hace lo mismo para la barra donde aparecen las URL y barras define si quieres que aparezcan las barras laterales de desplazamiento. Configúralo a tu gusto. El ejemplo abre una ventana para una resolución de 800x600, sin botones ni direcciones URL. En la ventana se carga la página index2.htm.
4.- Ahora sólo falta abrir la ventana sin botones. Para ello dispones de dos opciones:
A.- Que se abra automáticamente.
B.- Que se abra al pulsar sobre una imagen de entrar.
Para abrir la ventana automáticamente debes localizar en el código html de la página index.htm la etiqueta <BODY> y modificarla para que quede algo como:
<BODY onload="sinBotones()">
Para utilizar una imagen, crea la imagen que deseas que sirva para entrar, insértala en la página de portada y localiza en el código su etiqueta, que será algo como:
<img name="entrar" src="./imagenes/entrar.jpg" width="100" height="50">
y modificalo para que queda algo como:
<img name="entrar" src="./imagenes/entrar.jpg" width="100" height="50" onclick="sinBotones()">
Hasta el momento tenemos una página de portada(index.htm) que abre automáticamente o al pulsar sobre una imagen, una ventana del navegador sin botones con tu página web original (index.htm). Por lo tanto nos falta simular el funcionamiento de los botones de navegación.
Para hacerlo debes controlar a qué páginas dan acceso esos botones.
Lo primero que tienes que hacer es diseñar dos imágenes que sirvan de botones e insertarlas en la página index2.htm. El código que aparecerá al explorar el código html de la página index2.htm será algo como:
<img name="atras" src="./imagenes/atras.jpg" width="30" height="30">
<img name="adelante" src="./imagenes/adelante.jpg" width="30" height="30">
Si quieres controlar a qué páginas llevan los botones de navegación deberás incluir algo como esto: suponemos que estás en la pagina2.htm de tu web
En la imagen atras: onclick="document.location.href='pagina1.htm'"
En la imagen adelante: onclick="document.location.href='pagina3.htm'"
Con lo que quedará algo como:
<img name="atras" src="./imagenes/atras.jpg" width="30" height="30" onclick="document.location.href='pagina1.htm'">
<img name="adelante" src="./imagenes/adelante.jpg" width="30" height="30" onclick="document.location.href='pagina3.htm'">
Mi consejo es el siguiente, suponemos que tu web consta de 5 páginas: pagina1.htm, pagina2.htm, pagina3.htm, pagina4.htm y pagina5.htm además de la principal index2.htm.
Yo simularía el funcionamiento de los botones del navegador en las páginas 2,3 y 4; y controlaría a donde llevan las páginas límite: pagina1.htm y página5.htm, no mostrando botón de avanzar en la página 5 ni botón de retroceder en la página 1 (o en index2.htm) o dirigiéndolos a la página index2.htm. Además en cada una de las páginas colocaría un tercer botón que dirigiera a la página principal: onclick="document.location.href='index2.htm'".
NOTA: Ten cuidado con las comillas dobles y las comillas simples, si usas fuera comillas dobles, dentro deberás usar comillas simples: "... '...' ..." y al revés '... "..." ...'
Espero que con esto te sea suficiente para llevar a cabo tus propósitos. No te olvides de valorar mi respuesta.
Los pasos a seguir serán:
1.- Crear una página con la portada del web, que se llamará index.html. Por lo tanto la página inicial de tu actual web la debes renombrar a index2.htm o algo similar.
2.- Una vez que tengas hecha la página de portada debes explorar su código html y localizar la etiqueta </HEAD>. Justo antes de esta etiqueta colocaremos el código javascript que se encargará de abrir la ventana sin botones, quedando la portada en segundo plano.
3.- El código que debes usar para abrir la ventana debe ser algo parecido al que te muestro de ejemplo:
<script language="javascript">
function sinBotones()
{
var URL="index2.htm"
var titulo="Titulo"
var x=0
var y=0
var ancho=792
var alto=572
var herramientas=0
var direccion=0
var barras=1
ventana= window.open(URL,titulo,"left="+x+",top="+y+",width="+ancho+",height="+alto+",toolbar="+herramientas+",location="+direccion+",scrollbars="+barras)
}
</script>
En este código podrás configura el valor de la posición y dimensiones de la ventana con por, y, ancho y alto. Herramientas es la variable que permite mostrar, 1, u ocultar, 0, los botones. Dirección hace lo mismo para la barra donde aparecen las URL y barras define si quieres que aparezcan las barras laterales de desplazamiento. Configúralo a tu gusto. El ejemplo abre una ventana para una resolución de 800x600, sin botones ni direcciones URL. En la ventana se carga la página index2.htm.
4.- Ahora sólo falta abrir la ventana sin botones. Para ello dispones de dos opciones:
A.- Que se abra automáticamente.
B.- Que se abra al pulsar sobre una imagen de entrar.
Para abrir la ventana automáticamente debes localizar en el código html de la página index.htm la etiqueta <BODY> y modificarla para que quede algo como:
<BODY onload="sinBotones()">
Para utilizar una imagen, crea la imagen que deseas que sirva para entrar, insértala en la página de portada y localiza en el código su etiqueta, que será algo como:
<img name="entrar" src="./imagenes/entrar.jpg" width="100" height="50">
y modificalo para que queda algo como:
<img name="entrar" src="./imagenes/entrar.jpg" width="100" height="50" onclick="sinBotones()">
Hasta el momento tenemos una página de portada(index.htm) que abre automáticamente o al pulsar sobre una imagen, una ventana del navegador sin botones con tu página web original (index.htm). Por lo tanto nos falta simular el funcionamiento de los botones de navegación.
Para hacerlo debes controlar a qué páginas dan acceso esos botones.
Lo primero que tienes que hacer es diseñar dos imágenes que sirvan de botones e insertarlas en la página index2.htm. El código que aparecerá al explorar el código html de la página index2.htm será algo como:
<img name="atras" src="./imagenes/atras.jpg" width="30" height="30">
<img name="adelante" src="./imagenes/adelante.jpg" width="30" height="30">
Si quieres controlar a qué páginas llevan los botones de navegación deberás incluir algo como esto: suponemos que estás en la pagina2.htm de tu web
En la imagen atras: onclick="document.location.href='pagina1.htm'"
En la imagen adelante: onclick="document.location.href='pagina3.htm'"
Con lo que quedará algo como:
<img name="atras" src="./imagenes/atras.jpg" width="30" height="30" onclick="document.location.href='pagina1.htm'">
<img name="adelante" src="./imagenes/adelante.jpg" width="30" height="30" onclick="document.location.href='pagina3.htm'">
Mi consejo es el siguiente, suponemos que tu web consta de 5 páginas: pagina1.htm, pagina2.htm, pagina3.htm, pagina4.htm y pagina5.htm además de la principal index2.htm.
Yo simularía el funcionamiento de los botones del navegador en las páginas 2,3 y 4; y controlaría a donde llevan las páginas límite: pagina1.htm y página5.htm, no mostrando botón de avanzar en la página 5 ni botón de retroceder en la página 1 (o en index2.htm) o dirigiéndolos a la página index2.htm. Además en cada una de las páginas colocaría un tercer botón que dirigiera a la página principal: onclick="document.location.href='index2.htm'".
NOTA: Ten cuidado con las comillas dobles y las comillas simples, si usas fuera comillas dobles, dentro deberás usar comillas simples: "... '...' ..." y al revés '... "..." ...'
Espero que con esto te sea suficiente para llevar a cabo tus propósitos. No te olvides de valorar mi respuesta.
Respuesta de oviedo
1
Va de nuex!.
Me temo informarte que eso no se puede!.., aunque lo más próximo que puedes hacer es hacer tus propios botones en una página sin la barra de direcciones y todo eso que viene en el navegador.
Yo hice un ejemplo de algo similar, aunque este si regresa a la página anterior y siguiente, pero seria cosa que modificaras el link, esta en http://ciam.ucol.mx ponle en donde dice enlaces o algún otro enlace y veras que aparece siguiente, anterior y cerrar!.., pues a eso es lo que me refiero yo!..
Ojala y te sirva!.. =), SUERTE!
Me temo informarte que eso no se puede!.., aunque lo más próximo que puedes hacer es hacer tus propios botones en una página sin la barra de direcciones y todo eso que viene en el navegador.
Yo hice un ejemplo de algo similar, aunque este si regresa a la página anterior y siguiente, pero seria cosa que modificaras el link, esta en http://ciam.ucol.mx ponle en donde dice enlaces o algún otro enlace y veras que aparece siguiente, anterior y cerrar!.., pues a eso es lo que me refiero yo!..
Ojala y te sirva!.. =), SUERTE!