Pagina se va hasta arriba al actualizar algo

[mramosd]

Hola que tal buen dia:

soy nuevo por aqui pidiendo ayuda aunque ya he estado muchas veces antes en la pagina en fin queria solicitar de su ayuda con el siguiente problema que para algunos es muy facil.


Me encuentro desarrollando una pagina web no creo que sea necesario especificar pero trabajandola en DW CSS5 con archivos php jquery etc. entonces pasa lo siguiente

por ejemplo tngo lo siguiente, tengo algunos divs como el siguiente(simulando un btn):

<div id="empresa"><a href="#" id="linkvision">Visión</a></div>

y en un script esta asi:

<script type="text/javascript">
$(function (){
$('#linkquienessomos').click(function (){
$('#contempquienessomos').fadeIn(1500);
$('#contempvision').hide();
$('#contempmision').hide();
$('#contempvalores').hide();
});
});......



ok esta facil y todo pero resulta que el div link no tiene href (#) pero hace una especie de actualizada a la misma pagina aqui el problema.. supongamos ke io ia le di a la pagina para abajo no c ya baje cierta cantidad de pixeles.. y cuando doy click o cambio de pagina (ke tiene lamisma plantilla) siempre se posiciona hasta arriba no c si exista algo (script css o algo) que actualicce pero deje la mismas coordenadas que yo tenia o algun metodo para parchar eso.....


de antemano muchas gracias desde ya.

[caricatos]

Hola:

Son los típicos vicios del enlace "#" para lanzar cosas que no son enlaces... con javascript sencillo basta poner return false, o preventDefault(), pero con los vicios de las librerías no sabría decirte.

Mi consejo ha sido siempre: si no tienes intención de enlazar, pues no uses un enlace...

Vamos a mover el tema al foro de librerias javascript, que ahí te sabrán aconsejar.

Saludos

[mramosd]

disculpa mi ignorancia pero entonces seria asi?

<div id="empresa"><a href="#" id="linkquienessomos" return false>Quienes somos</a></div>

estuve consultando y no encuentro como se pone lasentencia...

<a href="/index.htm" target="_blank" onClick="window.open(this.href, this.target, 'width=300,height=400'); return false;">Lanzar correctamente</a>

encontre ese pero no lo toma correctamente porke sigue "lanzando" la pagina hacia arriba... y bueno esa es una pero independientemente tengo un menu y una opcion me manda a no c contacto.php si estoi en index.php hasta abajo por la zona del footer i doi clic o tecleo hacia contacto.php la pagina al cargarse se va hasta arriba .. existe alguna forma de dejar las coordenadas en las ke estaba?

muchas gracias

[caricatos]

Hola:

Verás, en el primer mensaje, no parecía tratarse de un enlace... al menos no se veía en el código, y mi respuesta proponía algo así:


<div id="empresa"><span id="linkvision">Visión</span></div>...

Y si el problema era la mano del link, usar estilos (cursor: pointer).

El segundo veo que es lanzar un popup, y no estoy de acuerdo con ese método, porque sí se trata de un enlace, al poner return false se cancela. Aquí verás la forma que me parece adecuada: Formularios y enlaces dirigidos a ventanas.

Saludos

[mramosd]

Hola que tal ya pude solucionar los "botones" que me mostraban y ocultaban divs con jquery...de la forma ke me comentaste kitando el tag a i agregando spam


solo una ultima pregunta porfavor, supongamos ke estoy en index.php y estoy hasta abajo o ya baje un poco con el cursor y tecleo en la barra de navegacion o dando clic en un link (link verdadero jaja) hacia m... productos.php ok la pagina c actualizara obvio pero que m recomiendan que cuando c actualice c vaya al top.. o algo para ke c quede en donde estaba (hasta abajo por ej.)

muchas gracias por su tiempo y ati por responderme lo solucione gracias


a c me olvido... porke lo c me ocurre tmb es crear m.. tipo vistas con divs contenedoresy los links reales convertirlos a spam y solamente mostrar y ocultar la region adoc a cada pagina .

[tredio]

Código Javascript:

$(function (){ 
  $('#linkquienessomos').click(function (ev){ 
    ev.preventDefault();//esta linea es lo que evita que el scroll vaya hasta arriba
    $('#contempquienessomos').fadeIn(1500);
    $('#contempvision').hide();
    $('#contempmision').hide();
    $('#contempvalores').hide();
  });
})