Problem bei Fade effekt

Diskutiere Problem bei Fade effekt im JavaScript Forum im Bereich Programmierung; Hallo Leute ich habe ein Problem bei dem Code Möchte ich das die Div klasse " Element" erst weg ist und wenn man dann klickt das sie erscheint...
  • Problem bei Fade effekt Beitrag #1
M
mutantenboss
New member
Beiträge
1
Punkte Reaktionen
0
Hallo Leute ich habe ein Problem bei dem Code Möchte ich das die Div klasse " Element" erst weg ist und wenn man dann klickt das sie erscheint


Code:
<script>
var Zeit = 310.0;  //So lange wird 'gefaded'

function fade(id)
{
  var element = document.getElementById(id); //Zielobjekt suchen
  if(element == null)  //existiert dieses Objekt?
    return;

  if(element.Status == null)  //ist der Status festgelgt?
  {
    if(element.style.opacity == null || element.style.opacity == '' || element.style.opacity == '1') //schon transparent?
    {
      element.Status =  2; //nicht transparent=>transparenz immer plus 2
    }
    else
    {
      element.Status = -2; //voll transparent=>transparenz immer minus 2
    }
  }

  if(element.Status == 1 || element.Status == -1)
  {
    if(element.Status==1) //Vorzeichen wechseln
    {
        element.Status = -1;
    }
    else
    {
        element.Status = 1;
    }
    element.noch = Zeit - element.noch;  //Zeit berechnen
  }
  else
  {
    if(element.Status==2) //Zu 1 oder -1 wechseln
    {
        element.Status = -1;
    }
    else
    {
        element.Status = 1;
    }
    element.noch = Zeit;  //Zeit berechnen
    setTimeout("animieren(" + new Date().getTime() + ",'" + id + "')", 33); //Nach 33 Millisekunden animieren
  }
}


function animieren(lastTick, id)
{
  var jetzt = new Date().getTime(); //wie spät ist es jetzt?
  var vergangen = jetzt - lastTick; //Wieviel Zeit ist seit dem letzten Durchlauf vergangen?

  var element = document.getElementById(id);  //Element festlegen

  if(element.noch <= vergangen)
  {
    if(element.Status==1)
    {
        element.style.opacity = 1;
    }
    else
    {
        element.style.opacity = 0;
    }
    var i;
    if(element.Status==1)
    {
        i = 100;
    }
    else
    {
        i = 0;
    }
    element.style.filter = 'alpha(opacity = '+ i + ')'; //die Transparenzeigenschaft schreiben
    if(element.Status==1)
    {
        element.Status = 2;
    }
    else
    {
        element.Status = -2;
    }
    return;
  }


  element.noch -= vergangen;
  var Transparenz = element.noch/Zeit;
  if(element.Status == 1)
    Transparenz = 1 - Transparenz;

  element.style.opacity = Transparenz; //Transparenz festlegen
  element.style.filter = 'alpha(opacity = ' + (Transparenz*100) + ')';

  setTimeout("animieren(" + jetzt + ",'" + id + "')", 33); //nach 33 milisekunden nochmal
}

</script>
<div id="Element" style="">
  <br />
Das hier muss erst weg sein
</div>
<br />
<br />
<input type="button" onClick="fade('Element');" value="los gehts" />

Ich danke Im Vorraus!
 
  • Problem bei Fade effekt Beitrag #2
T
Tissi_2
New member
Beiträge
1
Punkte Reaktionen
0
Versuch' mal das hier:

</script>
<div id="Element" style="opacity:0.0;filter:alpha(opacity=00)"/>
<br />
Das hier muss erst weg sein
</div>

Gruß Tissi
 
Thema:

Problem bei Fade effekt

Oben Unten