[SOLUCIONADO] Ejecutar función al abrir un div

[NSD]

Bueno gente, tengo un problema que nose como resolver, supongamos que tengo esta funcion:

Código Javascript:

function MiFuncion(){alert('Me Ejecute');}
 

y lo que quiero hacer es que se ejecute cuando abro un div...

Ej:

Código HTML:

<a href="#MiDiv" class="AbroDiv">Abrir div...</a>
<div id="MiDiv">Yo soy el div.</div>
 

Como veran al hacer clic en el enlace el navegador me lleva a ese div cambiando la url por: paginahtml.html#MiDiv

si asigno al evento onClick() de la clase 'AbroDiv' la funcion, todo anda de maravillas.

ESTO LO SE HACER NO ES MI PROBLEMA LO ACLARO POR LAS DUDAS

Mi problema es cuando el usuario accede a la pagina directamente, es decir escribe en la url:paginahtml.html#MiDiv y apreta enter, el navegador abre la pagina en la zona del div pero no ejecuta la funcion, como puedo lograr eso?

[Reedyseth]

Es por que cuando abres la pagina con esa URL te esta yendo directamente a la Ancla que creaste, osea a paginahtml.html#MiDiv, recuerda que onClick() es un evento y es disparado (trigger) con la interaccion del mouse.

Una solucion que te pongo es que extraigas el div que estas queriendo validar y basado en eso realices una accion, para ello te pongo un ejemplo que puedes descargar.

El funcionamiento es:

1.- Buscas en el url un signo de gato, lo cual significa que estas usando una ancla,
2.- Si existe buscas el nombre del div y lo comparas con uno que declaras en tu codigo javascript. Como ya sabes cual div estas usando lo defines y trabajas con el.
3.- Una vez que lo encontraste haces una comparacion y si es true ejecutas la funcion, que en este caso solo le cambia el color de fondo a Amarillo, si no va por el div en url se queda en verde.

Pruebalo y me cuentas como te fue

http://paste.behstant.com/index.php?show=70

Saludos !!!

[andreslgo]

bueno no se si entendí muy bien pero y si colocas la función en un evento change o load no funciona????

[NSD]

Hola gracias por sus respuestas, reedyseth me andubo de 10 tu codigo eso es justo lo que queria lograr. he optimizado el codigo que me pasaste y lo adapte a lo que nesesitaba, posteo aca la solucion por si alguien le sirve::

Código Javascript:

//Al cargar la pagina verifico si es un lightbox.
window.onload = function() {
    
    //Reviso si se esta llamando a algun id y si corresponde a una imagen.
    var Referencia = location.hash.substr(1);   
    
    LightBoxImagen(Referencia); 
    
    //Asigno la funcion a los hipervinculos de una clase.
    var Links = document.getElementsByClassName('AbreLightBox');
    for(var Aux = 0; Aux < Links.length; Aux++){
        Links[Aux].addEventListener('click', function(){LightBoxImagen(0);}, false);
    }
};
 
 
function LightBoxImagen(Id_Imagen){
    alert(Id_Imagen);
}
 

[Reedyseth]

Que bueno que te funciono, nada mas ten en cuenta que este codigo que pusiste puede no ser crossbrowser por el metodo addEventListener.

Tendrias dos opciones, lidiar con el problema tu mismo y arreglar el codigo para que sea crossbrowser, o usar un framework como jQuery, Prototype, etc. para lidiar con este problema.

Saludos y me parecio mas eficiente este codigo:

Código Javascript:

var Referencia = location.hash.substr(1);