Nunzio's Message Board Forum Index
Nunzio's Message Board

 
 FAQFAQ   SearchSearch   MemberlistMemberlist   UsergroupsUsergroups   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 

Table Cell Color Change - E.G. Your Site Navigation

 
Post new topic   Reply to topic    Nunzio's Message Board Forum Index -> WebSite Woes
View previous topic :: View next topic  
Author Message
Guest






PostPosted: Thu Jan 27, 2005 12:38 am    Post subject: Table Cell Color Change - E.G. Your Site Navigation Reply with quote

Hi Nunzio,

First let me say you have a great site here! Tons of very helpful information and humerous subject matter - thank you for sharing Smile.

I have a question about a wonderful bit of javascript (table cell bg color change) that I came across a while ago that you wrote (the same script you use in your navigation to the left).

I have been playing with the script for a short while to change the bgcolor of table cells with more than one line of text or links (like you have in your navigation). What I have found is that if there are any html tags other than a standard <br> tag, the color change will flicker between the original color and hover color when my mouse encounters that specific element.

For example, if I have a paragraph of text within a table cell that has <p> tags the bg color of the cell flickers. This happens with any html tags (e.g. <ul><b><p><span><a href> etc. etc.). If I use double <br><br> tags I am able to space paragraphs without the "flicker."

I was hoping that you might be able to give me some recommendations as to what might be done to prevent this from happening. I am not a great coder by any stretch of the imagination so any suggestions would be greatly appreciated.

I think your code would make a fantastic visual effect for entire tables filled with links, content, images etc - but the flicker prevents me from using anything but straight text.

Any help will be GREATLY appreciated Smile. Thanks again and take care!

Michael
Back to top
Nunzio
Site Admin


Joined: 08 Aug 2003
Posts: 90
Location: Tharsis Ridge (Martian lowlands)

PostPosted: Sun Feb 06, 2005 10:14 am    Post subject: Reply with quote

Hello,

Sorry it took so long for me to respond, but I haven't really looked at anything here for awhile, to check for new postings. I'd been away for awhile, and then had a death in the family, where I was out-of-state for several more days. I also notice that you never registered/logged in when you posted and posted only as a "Guest". Therefore I would not have received any auto-email notification of your post either. I rarely check the board for new postings on my own and usually always rely on email notification (although in this case I wasn't even checking email for awhile).

Quote:
I think your code would make a fantastic visual effect for entire tables filled with links, content, images etc - but the flicker prevents me from using anything but straight text.

What you are looking to accomplish with the existing script cannot be done. An entirely new script would have to be rewritten from scratch. The existing script was never intended for what you want and wasn't coded that way. The fade transition will always take place when the mouse hovers over any HTML element it encounters, regardless of whether it is an inline or block-level element. A less involved script can be written where HTML elements are unaffected, but without fade transitions. However, that negates the intended effect of the script.

You can try and locate a "ready-made" script as an alternative, by searching for one through Google.

Sorry.
Take care,
Nunzio
_________________
Nunzio's Little Place On The Web
Moderator - Winamp Forums
Back to top
View user's profile Send private message Send e-mail Visit poster's website Yahoo Messenger
Nunzio
Site Admin


Joined: 08 Aug 2003
Posts: 90
Location: Tharsis Ridge (Martian lowlands)

PostPosted: Sun Feb 06, 2005 11:19 am    Post subject: Reply with quote

Woops! Almost forgot...

Quote:
First let me say you have a great site here! Tons of very helpful information and humerous subject matter - thank you for sharing

Thank you for saying that I have a great site and I'm happy that you have been enjoying your visits here. Mr. Green

Take care,
Nunzio
_________________
Nunzio's Little Place On The Web
Moderator - Winamp Forums
Back to top
View user's profile Send private message Send e-mail Visit poster's website Yahoo Messenger
Vibe



Joined: 27 Jan 2005
Posts: 2

PostPosted: Sat Feb 12, 2005 1:56 pm    Post subject: Reply with quote

Hi Nunzio,

I just checked back with the forum and saw your reply - thanks for your suggestions!

When I originally posted I thought I was logged in (I am the original poster of this thread Smile but I see now that it falls under that "guest" heading.

I have had one heck of a time finding a script that works as well as yours does in multiple browsers...however, I did find something that I am trying to work with. When I get further along I will definitely post it here (which may be a little while as I am not the JavaScript guru). I have been able to get it to function in I.E. and Mozilla just fine. It is definitely a "cool" effect for table cell transitions.

Thanks again for your assistance and for your informative site!

Michael
Back to top
View user's profile Send private message
Nunzio
Site Admin


Joined: 08 Aug 2003
Posts: 90
Location: Tharsis Ridge (Martian lowlands)

PostPosted: Sun Feb 13, 2005 4:18 pm    Post subject: Reply with quote

Okay Michael,

If the script you located suits your needs, you can also reference it for me and I'll make an attempt to edit it to be cross-browser compatible if possible.

Yer welcome and I'm glad my site has been of interest to you.

Take care,
Nunzio
_________________
Nunzio's Little Place On The Web
Moderator - Winamp Forums
Back to top
View user's profile Send private message Send e-mail Visit poster's website Yahoo Messenger
Vibe



Joined: 27 Jan 2005
Posts: 2

PostPosted: Tue Sep 27, 2005 8:05 pm    Post subject: Reply with quote

Hi Nunzio

WOW has it been a long time since I had originally posted! Work and the birth of my son have taken me in many directions not giving me the free time that I had. Smile I haven't forgotten about the table fade, and now have had some free time to work with it so I thought I would share with you what I have found.

I found a script that I have been toying with that is rather interesting. It is basically a compound rollover effect for table cell fades using two table rows. I have been trying to "break apart" the effect so that I can remove the top row and limit the fade effect to one table cell with the graduation of color over multiple increments. Here is a link to the code (full html page):

http://www.vibeinteractive.com/fade.htm

If you have the opportunity it would be great to hear your feelings about the effect overall and how it compares to your code. I definitely like your code much better as it seems clearer for my understanding and is easier to configure. Interestingly enough this particular code brings up the "code-blocker" in I.E. when you run it locally.

I do hope all is well for you and again thank you for your very informative site - thanks again and best wishes!

Michael
Back to top
View user's profile Send private message
Display posts from previous:   
Post new topic   Reply to topic    Nunzio's Message Board Forum Index -> WebSite Woes All times are GMT - 5 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB © 2001, 2005 phpBB Group