Posicionar al inicio de la pagina

julimirin · #1 (**permalink**) 04/09/2003, 09:22

Hola amigos!!!

Tengo una función en JavaScript cuyo cometido es mostrar una sección oculta. Esta función se comporta de tal forma que si el usuario pulsa el botón "Aceptar" se muestra el contenido desplazandose hacia un marcador definido. El problema que tengo es que si pulsa "Cancelar" se produce el desplazamiento pero no se muestra el contenido, quisiera que en el caso de pulsar "Cancelar" no se moviese el foco:

HTML:

Código PHP:

  <a href="#solucion" onclick="confirmarEnvio()">

SCRIPT:

Código PHP:

  function confirmarEnvio() 
{ 
var acuerdo=confirm("Intenta resolverlo tu mismo. Si quieres seguir, para ver la respuesta pincha en aceptar, la solución se mostrará debajo"); 
if (acuerdo) 
    document.getElementById('oculto').style.visibility='visible' ;  
else 
    return false ; 
}

Gracias de antemano por todo. Saludos.

ferny · #2 (**permalink**) 04/09/2003, 10:45

Vamos a ver si algo así funciona:

Código PHP:

  <script> 
function confirmarEnvio() 
{ 
var acuerdo=confirm("Intenta resolverlo tu mismo. Si quieres seguir, para ver la respuesta pincha en aceptar, la solución se mostrará debajo"); 
if (acuerdo) { 
document.getElementById('oculto').style.visibility='visible'; 
location.href="#solucion"; 
} 
} 
</script> 
 
 
<a href="#" onClick="confirmarEnvio(); return false">Pulsar</a>

julimirin · #3 (**permalink**) 04/09/2003, 10:58

Joder tio muchas gracias pero seguimos en la mismas...

ferny · #4 (**permalink**) 04/09/2003, 11:15

Pues lo acabo de probar, y me ha funcionado

Código PHP:

  <html> 
<head><title>Pagina nueva</title></head> 
<body> 
<script> 
function confirmarEnvio() { 
var acuerdo=confirm("Intenta resolverlo tu mismo. Si quieres seguir, para ver la respuesta pincha en aceptar, la solución se mostrará debajo"); 
if (acuerdo) { 
document.getElementById('oculto').style.visibility='visible'; 
location.href="#solucion"; 
} 
} 
</script> 
<a href="#" onClick="confirmarEnvio(); return false">Pulsar</a> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p id="oculto" style="visibility: hidden"><a name="solucion"></a> Esta es la solucion...</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
<p>---</p> 
</body> 
</html>