Hacer un div trasnparente

[fedefrankk]

Buenas, tengo el siguiente codigo:

Código Javascript:

function midiv(id){
    var me2=document.getElementById('id');
        me2.style="filter:alpha(opacity=50); opacity:0.5";
}
 

Tal cual asi no sale, donde puede estar el error?

Se podria convertir en variable el "50" y ponerlo dentro de un for?

Saludos a todos
Fede

[ocp001a]

Depende del navegador el uso del filter.
Esta función sirve para FF y el IE:

Código Javascript:

function setOpacity(obj,value) {
        if(_$(obj)==undefined)
            return;
        var testObj=_$(obj);
        testObj.style.opacity = value/10;
        testObj.style.filter = 'alpha(opacity=' + value*10 + ')';
    }
 

y yo por ejemplo hago esto para que desaparezca lentamente:

Código Javascript:

for(x=0;x<10;x+=0.2)
    setTimeout("setOpacity('id_de_mi_div',"+x+");",retardo-(x*60));
 

[fedefrankk]

Hola, Muchisimas Gracias por tu tiempo, prubo el codigo y te aviso
Saludos a todos
fede

[fedefrankk]

Hola que tal, tengo el siguiente div.

Código CSS:

<div class="imag_07" id="k06"> </div>
 

Como amoldo el codigo que me pasaste? ..

Código Javascript:

function setOpacity(obj,value) {
        if(_$(obj)==undefined)
            return;
        var testObj=_$(obj);
        testObj.style.opacity = value/10;
        testObj.style.filter = 'alpha(opacity=' + value*10 + ')';
    }
 

donde dice ... setOpacity(obj,value) {.... obj?... value..?

obj debe ser el nombre o el id de mi div?, y value?

Muchas gracias disculpas por molestar..
Saludos
fede

[IsaBelM]

solo como suposición. si el evento que invoca esa función es onmouseover, entonces puedes hacerlo todo en css

te "traduzco" la función

function setOpacity(obj,value) {
        if(document.getElementById(obj)==undefined)
            return;
        var testObj=document.getElementById(obj);
        testObj.style.opacity = value/10;
        testObj.style.filter = 'alpha(opacity=' + value*10 + ')';
    }

las variable son

obj ---> la id del bloque div
value ---> la opacidad que quieres darle al bloque div (0-9)

[ocp001a]

De hecho esa funcion la mando a llamar cuando se "cierra" una ventana modal, en mi caso es en automático, por tiempo.

el obj (objeto) es el id del div que quieres transparentar.
el value es el nivel de transparencia.

También en mi caso, en la llamada que se hace en el for, el "retardo" está dado en milésimas de segundo, pues se trata de una ventana que aparece cuando un usuario comete un error, es un tipo de alert pero sin que necesite confirmación.

Tu puedes llamar a que se haga la transparencia por pasos con el for, cambiado el "retraso" por un valor cualquiera en milisegundos, puedes hacer pruebas.

[caricatos]

Hola:

Viendo el título, se me ocurrió que si es para el fondo, el estilo adecuado es backgroundColor = "transparent", pero si es transparentar también el contenido tal vez el estilo sea visibility hidden...

Con la opacidad, en teoría siguen valiendo los elementos "calientes", así que debes evaluar para qué lo quieres.

Saludos

[fedefrankk]

Hola a todos y gracias por su tiempo, no es un fondo lo que necesito, realmente son 5 imágenes que son botones cuando apretó la primera que se desvanezca las otras 4, sabiendo cómo se hace en una las otras se me hace fácil.
No sé cómo unir el for al div.

Mi div:

Código CSS:

<div  onclick="numero_1('veo')"class="QH_01" id="lote_01">  </div>
 

Código Javascript:

function numero_1(veo){
    var nose=document.getElementById('lote_05');
    for(x=0;x<10;x+=0.2)
    setTimeout("setOpacity('lote_05',"+x+");",retardo-(x*60));
    nose.style.opacity=0.4;filter:alpha(opacity=40);
    }
 

si yo dejo solo este codigo se desvaneze, pero el efecto es muy duro.

Código Javascript:

function numero_1(veo){
    var nose=document.getElementById('lote_05');
    nose.style.opacity=0.4;filter:alpha(opacity=40);
    }
 

Gracias de antemano, saludos a todos
fede