Current location: Hot Scripts Forums » General Web Coding » CSS » Using an animated bg image in css for text input. It works but...


Using an animated bg image in css for text input. It works but...

Reply
  #1 (permalink)  
Old 03-21-09, 12:36 PM
AshleyQuick AshleyQuick is offline
Newbie Coder
 
Join Date: May 2004
Posts: 16
Thanks: 0
Thanked 0 Times in 0 Posts
Using an animated bg image in css for text input. It works but...

I'm using an animated background image (a green checkmark icon) in my stylesheet for the text inputs in an email form as a visual to show the entry is valid. It animates(fades in) on the first input but not in subsequent inputs. I assume it's because the animation doesn't loop (nor do I want it to).

Can you think of a way to force it to animate each time? This is a php form so I'm hoping there's a php suggestion?

I've attached a screenshot to show how it looks if this helps.

Code:
background: #FFF url(../img/bg_form_confirm.gif) no-repeat top right;
http://174.132.190.171/dev/liveV/
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiShare on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #2 (permalink)  
Old 03-21-09, 04:47 PM
de.monkeyz's Avatar
de.monkeyz de.monkeyz is offline
Wannabe Coder
 
Join Date: Apr 2008
Location: Leeds, UK
Posts: 116
Thanks: 0
Thanked 0 Times in 0 Posts
If you wanna be lazy, just copy the image in your directory, and have 3 versions. Then make each input link to a different one.
__________________
Wanna learn AJAX? Goto http://www.deathmonkeyz.com/tutorials for free video tutorials.

AJAX - Lesson 11 - AJAX Guestbook (23/8/08)
C++ - Lesson 10 - Classes (24/8/08)
JavaScript - Lesson 03 - The DOM (24/8/08)
Need an AJAX app? Look no further, I'm available for work
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiShare on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #3 (permalink)  
Old 03-21-09, 05:48 PM
Jcbones Jcbones is offline
Aspiring Coder
 
Join Date: Mar 2009
Location: North Carolina, USA
Posts: 516
Thanks: 5
Thanked 47 Times in 44 Posts
You haven't provided enough details.

post your form, and javascript.

BTW, the link you gave, works as you described it.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiShare on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #4 (permalink)  
Old 03-24-09, 05:13 AM
UnrealEd's Avatar
UnrealEd UnrealEd is offline
Community Liaison
 
Join Date: May 2005
Location: Antwerp, Belgium
Posts: 3,165
Thanks: 4
Thanked 25 Times in 25 Posts
Moving this to the CSS forum
__________________
"Good judgement comes from experience, and experience comes from bad judgement." - Fred Brooks

Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiShare on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #5 (permalink)  
Old 03-30-09, 02:55 PM
LockedNLoaded LockedNLoaded is offline
New Member
 
Join Date: Mar 2009
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Quote:
Originally Posted by Jcbones View Post
You haven't provided enough details.

post your form, and javascript.

BTW, the link you gave, works as you described it.

though we can get the form and script via a view source off his link, I agree it seems to work as you want it to???
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiShare on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
Reply

Bookmarks


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
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

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
CSS Image Map And Div drunkywolf CSS 1 12-30-08 07:06 AM
div css theighost CSS 11 09-14-08 03:30 AM
Image replace works in IE - not FireFox patter JavaScript 4 09-23-07 08:41 PM
Css image overs xxvatarxx CSS 2 02-12-07 02:41 PM
Table BG Image question... Justin171985 HTML/XHTML/XML 5 06-21-05 01:16 AM


All times are GMT -5. The time now is 08:50 PM.
vBulletin® Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.