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
Ich danke Im Vorraus!
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!