| View previous topic :: View next topic |
| Author |
Message |
Guest
|
Posted: Thu Jan 27, 2005 12:38 am Post subject: Table Cell Color Change - E.G. Your Site Navigation |
|
|
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 .
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 . Thanks again and take care!
Michael |
|
| Back to top |
|
 |
Nunzio Site Admin

Joined: 08 Aug 2003 Posts: 90 Location: Tharsis Ridge (Martian lowlands)
|
Posted: Sun Feb 06, 2005 10:14 am Post subject: |
|
|
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 |
|
 |
Nunzio Site Admin

Joined: 08 Aug 2003 Posts: 90 Location: Tharsis Ridge (Martian lowlands)
|
Posted: Sun Feb 06, 2005 11:19 am Post subject: |
|
|
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.
Take care,
Nunzio _________________ Nunzio's Little Place On The Web
Moderator - Winamp Forums |
|
| Back to top |
|
 |
Vibe
Joined: 27 Jan 2005 Posts: 2
|
Posted: Sat Feb 12, 2005 1:56 pm Post subject: |
|
|
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 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 |
|
 |
Nunzio Site Admin

Joined: 08 Aug 2003 Posts: 90 Location: Tharsis Ridge (Martian lowlands)
|
Posted: Sun Feb 13, 2005 4:18 pm Post subject: |
|
|
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 |
|
 |
Vibe
Joined: 27 Jan 2005 Posts: 2
|
Posted: Tue Sep 27, 2005 8:05 pm Post subject: |
|
|
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. 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 |
|
 |
|