Solved

Fading Text Control

Posted on 2008-10-30
16
293 Views
Last Modified: 2009-02-12
I'm looking for a simple way to perform text transitions.

Like

"Hello Welcome" fades to background color.
"Fading is simple" fades up from background color

Any ideas ?
0
Comment
Question by:OhNowISee
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 9
  • 3
  • 2
  • +1
16 Comments
 
LVL 8

Expert Comment

by:rpkhare
ID: 22841603
I see that you are using Visual Web Developer 2008. Why not experiment this using Silverlight? Have a look at these links:

http://www.codeproject.com/KB/silverlight/AgDynAnimations.aspx
http://www.primaryobjects.com/CMS/Article71.aspx
0
 
LVL 8

Expert Comment

by:rpkhare
ID: 22841637
If you want to do without using Silverlight, then:
http://www.codeproject.com/KB/scripting/jsfadetext.aspx
0
 
LVL 2

Expert Comment

by:smokingspaceman
ID: 22841748
There are so many ways you can do this.
A really easy way to do this along with so many other effects is to use a javascript library like mootools.
http://demos.mootools.net/Effects#

You download the mootools.js file and create a reference to it in your HTML.

and then in the <head> section of your document put this javascript code
(assuming
1.you have two spans (span1, span2)  positioned on top of each other with the text "hello welcome" and "Fading is simple" respectively.
2.background color is black and initial font color is white)

<script type="text/javascript">
window.addEvent('onload', function() {
       
        //span1
        var myEffect = new Fx.Tween(span1);
	// We change the font-color of the element
	myEffect.start('color', '#000');
 
        //span2
        var myEffect = new Fx.Tween(span2);
	// We change the font-color of the element
	myEffect.start('color', '#fff');
 
});
</script>

Open in new window

0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:OhNowISee
ID: 22842404
I'm using express.

Is that a problem ?
0
 

Author Comment

by:OhNowISee
ID: 22842506
And not c# !
0
 

Author Comment

by:OhNowISee
ID: 22842929
The moo stuff looks good.  Is it free ?

How do I 'create a reference' ?

Can it be used to run continuously ? (A bit like an AdRotator but just fading from one line of text to another)?

0
 
LVL 2

Expert Comment

by:smokingspaceman
ID: 22847290
Yes its free and distributed on MIT license as far as i remember.
This is how you create a reference to an external javascript document in your HTML.
<script type="text/javascript" src="mootools.js"></script>

Well you can't run the script i gave you to make it run continuously. Instead you can use something like this.
http://smoothgallery.jondesign.net/
0
 

Author Comment

by:OhNowISee
ID: 22848341
Hmm now it seems to be getting compilicated !

Is there a webcontrol that will do what I want ?
0
 
LVL 2

Expert Comment

by:smokingspaceman
ID: 22848446
This is not free but will suit your needs.
http://www.telerik.com/products/aspnet-ajax/controls/rotator/overview.aspx

If not you can always look at silverlight.
0
 

Author Comment

by:OhNowISee
ID: 22848684
I've seen a demo for the AJAX Animation extender that looks promising but the code is v2 and I have asp.net 3.5.

Could someone write me a code block ?
Can't find any resources on amination setup.
0
 

Author Comment

by:OhNowISee
ID: 22887726
Hellllllllllllllllllllllllllp !
0
 

Author Comment

by:OhNowISee
ID: 22897616
Ahhh (pulls more hair out) !

Can anyone give me a page with SilverLightMooJavaWhatEver that can solve my problem ?

Maybe I can get away without continuous cycling.  Is there a way to set the fade speed in Moo?
0
 

Author Comment

by:OhNowISee
ID: 22917122
OK back to SmokingSpaceMan !

How do I place spans on top of each other ?

Can you rustle me up a demo page ?

0
 

Author Comment

by:OhNowISee
ID: 22930069
Finally I used JavaScript from this site

http://www.greywyvern.com/code/js/fade
0
 
LVL 1

Accepted Solution

by:
Computer101 earned 0 total points
ID: 23629408
PAQed with points refunded (500)

Computer101
EE Admin
0

Featured Post

PeopleSoft Has Never Been Easier

PeopleSoft Adoption Made Smooth & Simple!

On-The-Job Training Is made Intuitive & Easy With WalkMe's On-Screen Guidance Tool.  Claim Your Free WalkMe Account Now

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
VS 2015 is giving [No relevant source lines] 2 46
orderby list (from Json) 1 42
Broken .resx file generating errors 18 39
Shared Service Environment 2 53
In this Article, I will provide a few tips in problem and solution manner. Opening an ASPX page in Visual studio 2003 is very slow. To make it fast, please do follow below steps:   Open the Solution/Project. Right click the ASPX file to b…
In an ASP.NET application, I faced some technical problems. In this article, I list them out and show the solutions that I found.  I hope it will be useful. Problem: After closing a pop-up window, the parent page should be refreshed automaticall…
The Email Laundry PDF encryption service allows companies to send confidential encrypted  emails to anybody. The PDF document can also contain attachments that are embedded in the encrypted PDF. The password is randomly generated by The Email Laundr…

738 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question