transparencia a un div con for

[fedefrankk]

Hola a todos lo que necesito es pinchar sobre un div y que desaparezca lentamente, con javascript, no se como relacionar un for al div, tambien he buscado y me parece bueno el tema de Jquery.. pero tampoco se mucho del tema.

al div que le hago clic para esconder otro es este :

Código CSS:

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

el codigo javaScript con for, (que me lo mandaron en este foro), repito no se como vincularlo a mi div que se llama 'lote_05'

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));
 

el codigo de jQuery es:

el div que lo tiene que activar es :

Código CSS:

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

Código Javascript:

script>
        $("a").click(function () {
          $("div").fadeIn(3000, function () {
            $("span").fadeIn(100);
          });
          return false;
        });
 

</script>
el div que le tiene que poner el efecto es :

Código CSS:

<div class="QH_05" id="lote_05">  </div>
 

Bueno muchas gracias.!
Saludos a todos fede

[Perr0]

tienes que ocupar settimeout y esas cosas, a ver si te hago un ejemplo rapido

salu2

[fedefrankk]

Hola, Gracias.!
Encontre este ejemplo con Jquery.. pero no se como relacionarlo

este div lo activa:

Código CSS:

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

y a este le tiene que pasar el efecto.

Código CSS:

<div class="QH_05" id="lote_05">  </div>
 

Código Javascript:

<div id="sometext">
    This text will Fade In and Out.
</div>
 
-------------------------------------------
    
$("#something").fadeOut("slow");
...
$("#something").fadeOut(2000);
...
$("#something").fadeOut("slow", function() {
    alert("Animation done");
});
 

Gracias.! y saludos
Fede

[Perr0]

mira...hize un ejemplo acá

acabo de corregir obj.style.opacity=porcentaje; por obj.style.opacity=porcentaje/100;

ahora lo probe en IE, FF, Opera

http://perr0.netii.net/exs/div_transparente/

tienes que ver el código

NOTA: no uso Jquery solo javascript

salu2

[fedefrankk]

Hola muchas gracias por tu tiempo.!!!, si me sirve, ya he copiado el codigo de la pag queme diste.
Gracias.!!!!!!
Saludos
fede

[Perr0]

le agrege otra cosa para que no reaparesca el div nuevamente una vez desaparecido...

le cambie el visibility

http://perr0.netii.net/exs/div_transparente/

Código HTML:

<script>
var porcentaje=100;
var totobj=0;
var tiempo=0;
function inicio(objeto){
  if(tiempo>0) return false;
  totobj++;
  objeto.id="ele"+totobj;
  desaparecer();
}
function desaparecer(){
  obj=document.getElementById("ele"+totobj);
  if(obj.style.visibility!="hidden"){
    porcentaje=porcentaje-2.5;
    obj.style.opacity=porcentaje/100;
    obj.style.filter="alpha(opacity="+porcentaje+")";
    tiempo=setTimeout("desaparecer()",22);
    if(porcentaje<=-20) {
        obj.style.visibility="hidden";
        clearTimeout(tiempo);
        tiempo=0;
        porcentaje=100;
        alert("ahora puede desaparecer otro");
    }
  }
}
</script>
<div style="background-color:#004080;color:white;border:3px solid red;padding:10px;width:200px" onClick="inicio(this)"> 
  <p>Click en div </p>
  <p>para desvanecer</p>
</div>
<p>Probando que funcione para dos o mas</p>
<div style="background-color:#398831;color:white;border:3px solid red;padding:10px;width:200px" onClick="inicio(this)"> 
  <p>Click en div </p>
  <p>para desvanecer</p>
</div>
<p>Cuando termine con uno sigue con el otro</p>
<div style="background-color:#75321C;color:white;border:3px solid red;padding:10px;width:200px" onClick="inicio(this)"> 
  <p>Click en div </p>
  <p>para desvanecer</p>
</div>
 

salu2

[fedefrankk]

Hola , primero gracias por el tiempo tomado, tengo la siguiente duda.


tu llamas a la funcion de esta manera
......" onClick="inicio(this)">


si yo tengo un div con "id", como hago para llamar la funcion con esa id?

Se entiende?...

Muchas Gracias de nuevo y muchos saludos
fede

[Perr0]

con
......" onClick="inicio(this.id)">

pero con la función hecha no necesitas id porque te toma el objeto como tal, no tienes necesidad de colocarle "id" ni "name".

el div se lo creo en la función para poder pasarlo a la otra función, creo que se podria acortar mas el script...y quizá dejarlo en una función.

pero es a gusto de cada uno...

salu2

[fedefrankk]

Gracias por tu explicacion, ahora estoy entendiendo,
Cualquier duda puedo consultarte de vuelta?

Saludos a todos
Fede