funcion cargue automaticamente al inicio

[alx_salazar]

Hola comunida dtengo el siguiente script qu elo realize, pero no entiendo bien los eventos, y lo que deseo es que se ejecute automatico cuando la pagina carga por primera vez, este codigo carga una imagen al momento que doy un clic, lo he puesto para que cargue con onload y no funciona lo que deseo esq ue se ejecute la funcion automatica sin nesecidad de hacer nada..

No se si me explico espero puedan ayudarme, este mundo del java script lo miro muy interesante pero no tengo los conocimeintos concretos para poder hacer loq ue deseo.

Código Javascript:

<SCRIPT LANGUAGE=JavaScript>
   function carga_imagen(){
        var id_fondo = document.getElementById('contendor_aoma2');
        var evento = document.getElementById('contendor');
        var captura = document.URL;
        
        
        if (captura=='http:http://localhost/mipagina/'||captura=='http://localhost/mipagina/index.php' ){           
            id_fondo.className = 'visible';
        }
        window.onload = function(){     
        
        if (id_fondo.className == 'oculto'){
            id_fondo.className = 'visible';
                }
                    else{
                    id_fondo.className = 'oculto';
                }
        }   
    }
    window.onload = carga_imagen
    
    
</SCRIPT>
 

si puden ayudar les agradezco un mundo..

[IsaBelM]

esta parte es incongruente

window.onload = function(){

if (id_fondo.className == 'oculto'){
id_fondo.className = 'visible';
}
else{
id_fondo.className = 'oculto';
}
}

no puedes invocar al evento onload otra vez, aparte de que no le encuentro sentido al proceso

[alx_salazar]

hola sabes yo tambien no le encuentro sentido aloq ue hice pero de esa forma me funciona, pero ahora no se como hacerlo para que funcione de forma que cuando cargue la pagina se dispare la funcion o las dos funciones, ya que esta se ejecuta l amomento de dar un click eso no lo entiendo soy nuevo en este tema de javascript y si deseo aprender.. pero no se a quien acudir para que me explique. por favor me lo puedes explcar??

[alx_salazar]

esa funcion lo llama a un css que es la me muestra o oculta la imagen de fondo en el contenedor_aoma2 que es un div

Código CSS:

/*oculta y muestra la imagen*/ 
    .oculto{
        background:;
    }
    .visible{
        background-image:url(../images/content.jpg);
    }
 

[IsaBelM]

la función anónima nunca tendrá lugar, puesto que el objeto window ya ha sido cargado. sin tener nada claro que pretendes con ese proceso, has probado a quitar la invocación y la función anónima??

[alx_salazar]

Hola IsaBelM...
Gracias por contestar lo que quiero hacer esque cuando el cargue mi pagina se cargue una imagen de fondo que estaría en el contendor_aoma2 como esta el javascript.

Este lo que hace es llamar al estilo siguiente para que muestre o no la imagen de fondo en el div contendor_aoma2. el cual carga solo cuando le doy un click en ir a la pagina de inicio.

ahora lo que deseo hacer es que me cargue automáticamente al inicio, ya que no lo hace al momento de cargarlo por primera vez. espero me puedas ayudar??

Si la quito la función no me muestra nada. Ayudame por favor que no se que hacer? Estoy varios días.

espero que con esta explciación me puedas ayudar...
gracias..

[IsaBelM]

window.onload = carga_imagen // cuando esté cargada la página se invoca la función

function carga_imagen(){
var id_fondo = document.getElementById('contendor_aoma2');
var evento = document.getElementById('contendor');
var captura = document.URL;

if (captura=='http:http://localhost/mipagina/'||captura...gina/index.php' ){ // si se cumple esta condición se le asigna a contenedor_aoma2 la regla visible
id_fondo.className = 'visible';
}

window.onload = function(){ // declarar aquí esta función anónima, invocada con el evento onload, nunca se ejecutará

if (id_fondo.className == 'oculto'){ // si se cumple esta condición se le asigna a contenedor_aoma2 la regla visible
id_fondo.className = 'visible';
}
else{ // si no se le asigna a contenedor_aoma2 la regla oculto
id_fondo.className = 'oculto';
}
} // esta llave sobra
}

[alx_salazar]

hola....
Gracia spor responder estuve mirando como cambiarla ahora la tengo de la siguiente forma pero no se que esta pasando que no me carga al inicio ni de esta forma no se ejecuta el evento onload... o no se deberas que esta??

Código Javascript:

<SCRIPT LANGUAGE=JavaScript>
   function carga_imagen(){
        var id_fondo = document.getElementById('contendor_aoma2');
        var captura = document.URL;
        
        
        if (captura=='http://localhost/mipagina/index.php'||captura=='http://localhost/mipagina/'||captura=='http://localhost/mipagina/index.php?option=com_content&view=frontpage&Itemid=53') {            
            id_fondo.className = 'visible';
        }
            if (id_fondo.className == 'visible'){
                    
                id_fondo.className = 'visible';
                    }
                        else{
                        id_fondo.className = 'oculto';
                    }
    }
    window.onload = carga_imagen;
 

[alx_salazar]

Hola me puse a inspeccionar los elementos y siempre me da ocultono no lo entiendo pero cuando doy un click si se cambia no se que esta este script me esta rompiendo la cabeza y creo que es algo muy sencillo ya...