HighDots Forums  

DIV Tag langsam transparent machen mit JavaScript

Javascript (German) Programmiersprache JavaScript. (de.comp.lang.javascript)


Discuss DIV Tag langsam transparent machen mit JavaScript in the Javascript (German) forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
hirsi007
 
Posts: n/a

Default DIV Tag langsam transparent machen mit JavaScript - 01-22-2008 , 08:13 AM






Hallo,
ich möchte einen Text der in einem DIV Tag eingeschlossen ist langsam
unsichtbar machen und e.v. wieder herstellen per Link.

Allerdings soll das Ganze nicht nur am Internet-Explorer funktionieren
sondern auch auf Firefox, NN.

Kann mir da jemand weiterhelfen?

Vielen Dank im Voraus

Roland

Reply With Quote
  #2  
Old   
Martin Honnen
 
Posts: n/a

Default Re: DIV Tag langsam transparent machen mit JavaScript - 01-22-2008 , 08:33 AM






hirsi007 wrote:

Quote:
ich möchte einen Text der in einem DIV Tag eingeschlossen ist langsam
unsichtbar machen und e.v. wieder herstellen per Link.

Allerdings soll das Ganze nicht nur am Internet-Explorer funktionieren
sondern auch auf Firefox, NN.
Mit Firefox kann div.style.opacity
<URL:http://www.w3.org/TR/css3-color/#transparency> manipulieren, für
ältere Versionen eventuell besser mozOpacity.


--

Martin Honnen
http://JavaScript.FAQTs.com/


Reply With Quote
  #3  
Old   
hirsi007
 
Posts: n/a

Default Re: DIV Tag langsam transparent machen mit JavaScript - 01-22-2008 , 09:25 AM



gibt es dazu vieleicht irgendwo ein Beispiel?

Reply With Quote
  #4  
Old   
Martin Honnen
 
Posts: n/a

Default Re: DIV Tag langsam transparent machen mit JavaScript - 01-22-2008 , 11:02 AM



hirsi007 wrote:
Quote:
gibt es dazu vieleicht irgendwo ein Beispiel?
<URL:http://home.arcor.de/martin.honnen/javascript/2008/01/test2008012201.html>

Doku zu Mozilla: <URL:http://developer.mozilla.org/en/docs/CSSpacity>
Doku zu IE:
<URL:http://msdn2.microsoft.com/en-us/library/ms532910(VS.85).aspx>

Beachte, dass für IE das style="height: 100%;" notwendig ist, damit der
Filter überhaupt angewendet wird.


--

Martin Honnen
http://JavaScript.FAQTs.com/


Reply With Quote
  #5  
Old   
hirsi007
 
Posts: n/a

Default Re: DIV Tag langsam transparent machen mit JavaScript - 01-22-2008 , 02:30 PM



Vielen Dank für deine Antwort über diese Weise funktioniert es gut.
Allerdings habe ich noch ein Problem mein <div> ist am anfang hidden:

<div id="p1" style="visibility:hidden; height: 100%;">Kibology for
all. All for Kibology.</div>

und da funktioniert das Ganze nicht mehr. Ich möchte nämlich den Text
einblenden. Für den Internet Explorer habe ich das über Filter gelöst,
aber das funktoniert im Safari, Firefox und so weiter nicht
(www.daniroli.at.tf).

Weist du für dieses Problem auch noch eine Lösung?

mfg Roland

Reply With Quote
  #6  
Old   
Thomas 'PointedEars' Lahn
 
Posts: n/a

Default Re: DIV Tag langsam transparent machen mit JavaScript - 01-22-2008 , 05:25 PM



hirsi007 wrote:
Quote:
gibt es dazu vieleicht irgendwo ein Beispiel?
<http://PointedEars.de/ufpdb/>

Bitte lies vor und beherzige bei Deinem nächsten Posting
die Hinweise in <http://einklich.net/usenet/usenet1.htm> ff.


PointedEars
--
Quote:
HTML ist keine Programmiersprache!!!11111
Wie getzt, immer noch nicht?????³ Wird's da nicht langsam mal Zeit?
repeat tablecells
until Steffi yells (Jygn zu mir in dagø <ai5oel.3vvi1fr.1 (AT) klingforth (DOT) de>)


Reply With Quote
  #7  
Old   
Thomas 'PointedEars' Lahn
 
Posts: n/a

Default Re: DIV Tag langsam transparent machen mit JavaScript - 01-22-2008 , 06:40 PM



hirsi007 wrote:
Quote:
[...] Ich möchte nämlich den Text einblenden. Für den Internet Explorer
habe ich das über Filter gelöst, aber das funktoniert im Safari, Firefox
und so weiter nicht (www.daniroli.at.tf).
Logisch, denn die Filter sind nunmal MS-proprietär.

Quote:
Weist du für dieses Problem auch noch eine Lösung?
Dort wo MS-Filter nicht unterstützt werden, musst Du die Animation selbst
programmieren:

http://pointedears.de/scripts/test/dom/img-transition


PointedEars


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.