Zurück   HTML Forum > Programmierung > JavaScript

JavaScript Du möchtest den Komfort deiner Webseite mit ein paar JavaScript-Funktionen erweitern, dann bist du im diese Forum richtig.

Neues Thema erstellen  Antwort
 
Themen-Optionen Thema durchsuchen
Alt 19.10.2010, 13:46   #1
Neuer Benutzer
 
Registriert seit: 19.10.2010
Beiträge: 1
Standard Problem bei Fade effekt

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!
mutantenboss ist offline   Mit Zitat antworten
Alt 04.02.2011, 22:03   #2
Neuer Benutzer
 
Registriert seit: 04.02.2011
Beiträge: 1
Standard AW: Problem bei Fade effekt

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
Tissi_2 ist offline   Mit Zitat antworten
Neues Thema erstellen  Antwort

Stichworte
div, element, fade, javascript, js
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Pageflip Zoom und verschiebe Effekt db-medien PHP 1 15.02.2013 06:06
html blog problem :( Codd1e HTML 2 17.10.2010 15:17
Pageflip Zoom und verschiebe Effekt db-medien Flash 0 26.03.2010 14:20
Problem: Ansicht der Liste im IE6 HansP CSS 0 25.03.2010 18:24