codigo javascript siempre activo

[wiltoncb]

Hola compañeros debe ser algo tonta mi pregunta pero ahi va:

TENGO ESTE CODIGO Y QUIERO QUE SIEMPRE SE EJECUTE SIN NECESIDAD DE DAR CLIC EN UN BOTON:

Código Javascript:

<script>
function irA(elemID) {
var offsetTrail = document.getElementById(elemID);
var offsetLeft = 0;
var offsetTop = 0;
while (offsetTrail) {
offsetLeft += offsetTrail.offsetLeft;
offsetTop += offsetTrail.offsetTop;
offsetTrail = offsetTrail.offsetParent;
}
if (navigator.userAgent.indexOf("Mac") != -1 && typeof document.body.leftMargin != "undefined" && navigator.appName=="Microsoft Internet Explorer" ) {
offsetLeft += parseInt(document.body.leftMargin);
offsetTop += parseInt(document.body.topMargin);
}
window.scrollTo(offsetLeft,offsetTop)
}
</script>
 

Hice este cambio pero no funciona:

Código Javascript:

<script>
function() {
var offsetTrail = document.getElementById('nombre_id');
var offsetLeft = 0;
var offsetTop = 0;
while (offsetTrail) {
offsetLeft += offsetTrail.offsetLeft;
offsetTop += offsetTrail.offsetTop;
offsetTrail = offsetTrail.offsetParent;
}
if (navigator.userAgent.indexOf("Mac") != -1 && typeof document.body.leftMargin != "undefined" && navigator.appName=="Microsoft Internet Explorer" ) {
offsetLeft += parseInt(document.body.leftMargin);
offsetTop += parseInt(document.body.topMargin);
}
window.scrollTo(offsetLeft,offsetTop)
}
</script>
 

Este codigo es para anclar un div pero como hago para que ese div siempre se ancle al recargar la pagina con el anterior codigo sin necesidad de ONCLICK

[ElJavista]

Deja la función como estaba, solo la haz limitado colocandole un solo valor para el id del elemento en que se quiere que se ancle. Bueno, en JavaScript toda función debe ser ejecutada, por el hecho de ponerle un valor como lo que haz hecho no lo va a ejecutar. Cual es la solución? Deberías de saber que toda función definida por el usuario tiene que se ejecutada mediante un evento, sino es el evento onclick del ratón puede ser el evento onload del body, del documento o del window. Solo hace falta agregarle un código despues de la función, afuera. Todo quedaría así:

Código:

<script type="text/javascript">
function irA(elemID) {
   var offsetTrail = document.getElementById(elemID);
   var offsetLeft = 0;
   var offsetTop = 0;
 
   while (offsetTrail) {
      offsetLeft += offsetTrail.offsetLeft;
      offsetTop += offsetTrail.offsetTop;
      offsetTrail = offsetTrail.offsetParent;
   }

   if (navigator.userAgent.indexOf("Mac") != -1 && typeof document.body.leftMargin != "undefined" && navigator.appName=="Microsoft Internet Explorer" ) {
      offsetLeft += parseInt(document.body.leftMargin);
      offsetTop += parseInt(document.body.topMargin);
   }
   window.scrollTo(offsetLeft,offsetTop);

   windows.onload = irA('nombre_id');
}
</script>

El código que he agregado ejecuta la función, ves que siempre algo o alguien debe ejecutar una función para que se ejecute? incluso los eventos mismos del navegador pueden hacerlo. Espero que te sirva.

[wiltoncb]

GRACIAS POR LA RESPUESTA PERO CREO QUE NO ME SIRVIÓ PORQUE NO ME ENFOCA EL DIV QUE PONGO EN
windows.onload = irA('id_del_div_anclado');

[ElJavista]

Cierto, no funciona, puse el código sin probarlo. Existen dos errores, lo correcto es esto que si lo he probado:

Código:

<script type="text/javascript">
function irA(elemID) {
   var offsetTrail = document.getElementById(elemID);
   var offsetLeft = 0;
   var offsetTop = 0;
 
   while (offsetTrail) {
      offsetLeft += offsetTrail.offsetLeft;
      offsetTop += offsetTrail.offsetTop;
      offsetTrail = offsetTrail.offsetParent;
   }

   if (navigator.userAgent.indexOf("Mac") != -1 && typeof document.body.leftMargin != "undefined" && navigator.appName=="Microsoft Internet Explorer" ) {
      offsetLeft += parseInt(document.body.leftMargin);
      offsetTop += parseInt(document.body.topMargin);
   }
   window.scrollTo(offsetLeft,offsetTop);

   
}
window.onload = irA('nombre_id');
</script>

En primer lugar el código ese que añadí debe estar fuera de la función (como bien dije, pero no lo hice así), en segundo lugar es window no windows, con eso va a correr sin problemas. Espero que te sirva.

[wiltoncb]

LISTO YA LO AREGLE PERO FUE GRACIAS A LO QUE USTED LE AGREGO
(windows.onload = irA('nombre_id');). PARA QUE FUNCIONE LE HICE ESTE CAMBIO QUEDÓ ASÍ:

Código Javascript:

<script type="text/javascript">
window.onload = function (){
   var offsetTrail = document.getElementById('nombre_id');
   var offsetLeft = 0;
   var offsetTop = 0;
 
   while (offsetTrail) {
      offsetLeft += offsetTrail.offsetLeft;
      offsetTop += offsetTrail.offsetTop;
      offsetTrail = offsetTrail.offsetParent;
   }
 
   if (navigator.userAgent.indexOf("Mac") != -1 && typeof document.body.leftMargin != "undefined" && navigator.appName=="Microsoft Internet Explorer" ) {
      offsetLeft += parseInt(document.body.leftMargin);
      offsetTop += parseInt(document.body.topMargin);
   }
   window.scrollTo(offsetLeft,offsetTop);
 
   
}
</script>
 

[ElJavista]

Es otra manera de hacerlo, pero en ese caso existe la desventaja de que esa función no podrá usarse más que para cuando cargue la página. En cambio como yo lo puse si se puede usar no solo en esa ocasión.

[wiltoncb]

Gracias por la explicacion, pero por el momento solo necesito que se ejecute al cargar la pagina

[xinxan22]

Buenas tardes,
yo estoy haciendo una cosa parecida pero dando valor a una "div".

El problema que tengo es que en Mozilla y Chrome me funciona perfectamente pero en IE no.

El código es el siguiente:

Código:

function findPos(obj){ 
     var curleft=curtop=0;
	 if(obj.offsetParent){
	   do{
	     curleft+=obj.offsetLeft;
		 curtop+=obj.offsetTop;
	   }while(obj=obj.offsetParent);
	   return [curleft,curtop]; 
     }	 
}

Como puedo hacer para que me funcione en IE también?

Un saludo y gracias.