Entrar

Al mostrar mensaje sube la pagina

neburss · · Solicitar retirada
Estoy con una web en la que quiero que aparezca un cuadro con unas caracteristicas, el cual se oculta al volver a pinchar en el link, para ello me base en el siguiente ejemplo:

http://www.dhtmlya.com.ar/simulador/simulador.php?cod=68&punto=65

El problema que tengo esque dicho cuadro aparece en la parte inferior de la web y dicha pagina tiene bastante "altura" es decir que hay que darle a la rueda del raton para llegar abajo. Al darle al link para que aparezca el cuadro este aparece, pero la web se va arriba del todo, haciendo necesario tener que bajar de nuevo la web.

Sin embargo al ocultarlo no se va para arriba, sino que se queda donde está.

Alguien me puede decir que debo modificar de ese ejemplo para que la web no se vaya a arriba del todo?

Saludos.
neburss · · Solicitar retirada
Ya encontré la solucion, simplemente con poner <a href="#1" id="enlace"> en lugar de <a href="#" id="enlace3"> ya vale, ya que si pones solo # te lleva al principio de la web.
MzStudios · · Solicitar retirada
Che, te estas enredando, prueba con esto:

<head></head>

//Estos son los estilos, los podes cambiar como querras, es para que lo podas probar aparte

<style type="text/css">
<!--
.para {font-family: "Verdana","Arial","sans-serif"; font-size: 10pt;}
a.headings:link {color: #000000;text-decoration:underline;width:100%;}
a.headings:visited {color: #aa6611; width:100%}
a.headings:hover {color: #ff9933; text-decoration:none; width:100%}
a.headings:active {color: #0000ff;width:100%}
a.headings {background-repeat:no-repeat;font-family:"Verdana","arial","sans-serif";font-size:10px;}
-->
</style>


//Desde aqui lo importante

<script type="text/javascript">

<!-- Begin
var subs_array = new Array("sub1","sub2","sub3");// Put the id's of your hidden divs in this array

function displaySubs(the_sub){
	if (document.getElementById(the_sub).style.display==""){
	document.getElementById(the_sub).style.display = "none";return
  }
  for (i=0;i<subs_array.length;i++){
	var my_sub = document.getElementById(subs_array[i]);
	my_sub.style.display = "none";
	}
  document.getElementById(the_sub).style.display = "";
  }
//  End -->
</script>

Este es un javascript que hace que las capas que marques con el ID indicado en este caso sub1 sub2 y sub3 no sean visibles hasta que llames a la funcion

Ahora, en el body:

<a href="javascript:void(0)" class="headings" onClick="displaySubs('sub1')" onFocus="if(this.blur)this.blur()";>
  [b]Haz Click Aqui para ver el Ejemplo[/b] </a> </p>
<div class="para"  id="sub1" style="display:none">
 	Puedes ver que el ID de la capa es sub por eso, no se mira hasta que llamas a la funcion haciendo click en el titulo del parrafo, para mas scripts interesantes visita [url]www.mzstudios.com.ar[/url]
</div>

espero que te sirva, saludos ;)