zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden [JS] Element einblenden lassen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 27.11.2010, 16:11
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.10.2010
Beiträge: 3
Antares befindet sich auf einem aufstrebenden Ast
Standard [JS] Element einblenden lassen

Hallo zusammen,
Mit folgendem Script lasse ich verschiedene Elemwntw (meistens DIVs) einblenden:

Code:
function show(id)
{
 if (document.getElementById)
	{
		zeige = (document.getElementById(id).style.display == 'block') ? 'none' : 'block';
		document.getElementById(id).style.display = zeige;


	}
}
Jetzt würde ich ihn gerne dahingehend verändern, dass as Element eingeblendet wird, sprich die opacy stück für stück erhöht wird.
Ich habe erst an setTimeOut(), aber das kann ich ja nur zusammen mit einer Funktion verwenden, und nicht innerhalb.

Code:
function show(id)
{
 if (document.getElementById)
	{
		zeige = (document.getElementById(id).style.display == 'block') ? 'none' : 'block';
     var i=0;

    document.getElementById(id).style.display = zeige;
     while(i <= 10){ 
    document.getElementById(id).style.opacy = i/10; 
    wait(100);  <--??
    i++;}


	}
}
Gibt es so einen von mir genannten Code in ähnlicher Form, oder muss ich es anders lösen?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 28.11.2010, 17:38
Michael Walter
XHTMLforum-Mitglied
 
Registriert seit: 16.02.2010
Ort: Berlin
Beiträge: 237
Walter IT-Services befindet sich auf einem aufstrebenden Ast
Standard

Hallo!

Ich nutze ganz gern das Framework von scriptaculous.
Dort hast du schon solche Effekte vorgefertigt mit dabei.

Für dein Vorhaben wären das:
- Effect.Fade &mdash; Scriptaculous Documentation
- Effect.Appear &mdash; Scriptaculous Documentation


LG
Micha
__________________
Walter IT-Services
Michael Walter

http://www.walter-it.de
http://blog.walter-it.de
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 06.12.2010, 13:52
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 29.07.2005
Beiträge: 1.073
xm22 befindet sich auf einem aufstrebenden Ast
Standard

Alternativ jQuery - Selber schreiben würde ich solche Sachen in der Tat nicht mehr..
__________________
... Meine Meinung
Mit Zitat antworten
  #4 (permalink)  
Alt 07.12.2010, 14:22
Benutzerbild von XHTMLvalid
IE OMG WTF
XHTMLforum-Mitglied
 
Registriert seit: 03.09.2010
Ort: Palma de Mallorca
Beiträge: 161
XHTMLvalid wird schon bald berühmt werden
Standard

Ich würde auch jQuery nutzen.

$("selector").fadeIn(400);

Das wäre ein 400ms andauernder fadeIn.
__________________
XHTML-Valid-Websites.com | CookielessDomain.com | Stop-Supporting-IE6.com
if (browser == IE) { sucks(big); } else { nice(site); }
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

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

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
position von Element an Element (rechts von Element) britches CSS 1 18.05.2009 18:46
Festanstellung bei der Xing AG als Web Developer (HTML/CSS) NEOX Offtopic 10 17.07.2008 18:11
Liste im IE StarSt0rm CSS 3 22.08.2007 21:04
Validator Fehler und komm nicht drauf... letslounge (X)HTML 3 14.09.2006 22:07
Element mit a:hover einblenden - SPEZIAL-fragen kick CSS 6 31.01.2005 12:43


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:17 Uhr.