HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - Javascript für Display

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

Javascript für Display

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   Java / JSP
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
Runey



Anmeldungsdatum: 25.06.2010
Beiträge: 1

BeitragVerfasst am: 25.06.2010 18:36:37    Titel: Javascript fär Display Antworten mit Zitat

Hey Leute ich versuchs jetzt schon in etlichen Foren, aber entweder die Leute dort sind unfreundlich oder wissen mir nicht zu helfen.

Folgende Situation:

Ich habe ein DIV Layer, den ich mit einem Js ausblenden lasse....über opacity.

Code:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<body>
<h1>Javascript Fade Effects Example</h1>
<div id="me" style="zoom: 1;">
The quick brown fox jumps of the lazy dog. The five boxing
wizards jump quickly.
</div>

<script type="text/javascript">
var element = document.getElementById('me');
var duration = 1000; /* 1000 millisecond fade = 1 sec */
var steps = 20; /* number of opacity intervals */
var delay = 1000; /* 5 sec delay before fading out */

/* set the opacity of the element (between 0.0 and 1.0) */
function setOpacity(level) {
element.style.opacity = level;
element.style.MozOpacity = level;
element.style.KhtmlOpacity = level;
element.style.filter = "alpha(opacity=" + (level * 100) + ");";
}

function fadeIn(){
for (i = 0; i <= 1; i += (1 / steps)) {
setTimeout("setOpacity(" + i + ")", i * duration);
}
setTimeout("fadeOut()", delay);
}

function fadeOut() {
for (i = 0; i <= 1; i += (1 / steps)) {
setTimeout("setOpacity(" + (1 - i) + ")", i * duration);
}
setTimeout("fadeIn()", duration);
}

/* start the effect */
fadeIn();
</script>

<p style="padding-top: 30px; clear: both;">
<a href="http://www.sunburnt.com.au/publications/design/javascript-fade-effects">Back to the article</a>
</p>
</body>
</html>


Nun geht das ja auch alles...möchte aber es noch hinbekommen, nach dem das DIV ausgeblendet wurde, nun als Display:none zu setzen!
Also das das DIV gänzlich verschwindet...

Ist das möglich, wenn ja wie?

Hoffe hier kann mir jemand helfen
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   Java / JSP
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.