Foros del Web - Ver Mensaje Individual - como hacer para que un ancla no sea leida desde la parte mas superior

erfrancis · #28 (**permalink**) 12/01/2011, 10:50

isabelM si puede ser que el codigo que me pasaste funcione, yo te dije que no funciona porque no me fije creo en el error. mira el codigo:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
function posicionabsoluta(element) {
if (typeof element == "string")
element = document.getElementById(element)
 
if (!element) return { top:0,left:0 };
var y = 0;
var x = 0;
while (element.offsetParent) {
x += element.offsetLeft;
y += element.offsetTop;
element = element.offsetParent;
}
return {top:y,left:x};
}
 
 
function buscar(ancla) {
document.getElementById('cargando').style.display = 'none';
var tag = ancla.buscaancla.value;
var elemento = document.getElementById(tag);
var pos = posicionabsoluta(elemento)
document.location.href = '#' + tag;
window.scrollTo(parseInt(pos.left-10), parseInt(pos.top-80));
}
 
 
function fnc(ancla) {
document.getElementById('cargando').style.display = 'block';
var tmo = setTimeout(function(){buscar(ancla);}, 2000);
}
</script>
<style type="text/css"> 
#header {
position:fixed;
}
 
#cont {
position:absolute;
background:#FFCCFF;
width: 50000px;
height: 50000px;
left:1px;
top: 100px;
}
 
#cargando{
display: none;
background-color: yellow;
float: left;
}
 
 
#1 {
position:absolute;
width:100px;
height:100px; 
top: 2000px;
left: 200px;
}
 
#a2 {
width:700px; 
}
</style> 
</head>
<body>
<div id="header">
<form name="anclaje">
<input type="text" value="a1" name="buscaancla" />
<input type="button" value="buscar" onclick="fnc(this.form);" />
<span id="cargando">cargando..</span>
</form>
</div>
 
<div id="cont">
<a name="1"></a>
<div id="1">
ancla
</div>
 
</div>
</body>
</html>

Pruebalo ya veras como no funciona.
A lo que voy y por lo que creo que no funciona es porque en este caso, las anclas leen ya directamente el id del div, y ese es el problema, que para mi pagina lo que se va a poner en el buscador es un numero tal caul, de ahí a lo necesario de usar la etiqueta name porque ahí si va un numero tal cual, y luego que el div que no lo leyera (con el script que te pase si que el lee el name por un lado, y el div por otro, pero en este que me has pasado no lo lee el name por eso te dije que no funcionaba, pero si que funciona en realidad, solo que usaba name y no el id del div para el ancla),pense en probar lo siguiente pero el problema esta aqui en que si al id del div le pongo de nombre un numero solo pues el css de ese div ya no lo reconoce, si a un div id le pongo el 1, ya no reconoce el css (todos los id tienen que empezar por un caracter no?), para eso tendria q poner "a1" como por ejemplo pones tu. El caso es ese,
¿como hago para que lea el name solo y el div pueda tener un nombre como foto1 con el codigo que tu me has pasado como me hace a mi con el mio?

Prueba este codigo que te acabo de pasar y veras como no funciona y ya me dices, por eso era lo de modificar el script que te pase. gracias ;)