View Full Version : table cell rollovers
Hi all,
Can anyone point me in the direction of a rollover script that works in ie and ns. I am using one from dynamicdrive and it looks good in ie but pitiful in ns. After I installed it I read that its ie only.
Any recommendations or advice would be appreciated before I take this script out in a day or two.
Thanks, Will
www.individualcar.com
ps: Right now the rollover is only in the first table.
alphadesk
6-4-02, 12:28 AM
I've checked all the places I know off and it just does not seem to be any that has Netscape supported script for the table cell rollovers.
Thanks for the reply, I think I discovered that this script is supposed to work in netscape but ns just isn't as forgiving
on something that ie may have let slide. NS needed I think a line in the <td tag which is the biggest part of the page
id="ignore"
which I had in the nested tables which was adequate for ie I guess. I put that line in the big <td and it seems to be working in ns too now. Gawd I hope I'm right! :)
www.individualcar.com
--------------------------------
If it weren't for a learning experience I'd have no experience at all! :)
ps: Its in all the tables now.
yzxc,
Have a look at the code for this page. It's done with image rollovers but should be similar for text. It works with netscape 4.7
http://www.oryguncowboys.com/sitemap.htm
DCR
Hey thanks, I like that, its real similar to what I want to do. Eventually I would like to use image rollovers instead of cell rollovers. Image rollovers are a bit more instantaneous than cell rollovers. There's all those darn images, I'll have plenty of them to make. Image rollovers have a bigger link than the text links in cell rollovers, I like that part too. I'm guessing image rollovers will make the page a little bigger in file size, I'm hoping not much.
esccanada
6-4-02, 02:12 AM
is to write that whole section of code in Javascript.
Have the script determine which browser is viewing and then, using document.write commands, output the appropriate code for the browser.
In general:
Is Browser IE?
YES -> document.write(table code for IE) -> Exit routine
NO -> Is Browser NS?
NO -> Deal with outher browsers...
YES -> document.write(table code for NS) -> Exit routine
At least that's just another way I thought of dealing with it. I'm doing a lot of Javascripting right (write?) now so it's only natural that I would arrive at a solution such as this.
I can code this for you but due to the magnitude of the task in relation to my current "priority" projects, I'd have to charge for it.
Cheers.
Thanks for the offer that sounds reasonable. For now it seems to be working okay in ns6 and ie6. Aol owns netscape you know and it could only be a matter of time before 40 million Aol users are saddled with it.
Now I just need to work on getting some cars to advertise for sale. If your in Kansas City and you have a car for sale by the side of the road be looking for a flyer under your windshield wiper!
yzxc,
File size for that page is 9kb.... and for all images used in the rollovers, a total of 90kb.
DCR
90k is within the range I would want to stay in too. I think under 150k or so for a total page file size would be good. The images I would have would be small but there would be around 100 of them. Do you have to double that to make each image have the rollover effect?
yzxc,
Each rollover is two images. Typically, they are 2 & 3 kb to 4 & 4 kb per pair depending on the amount of text. An image made with plain colored text would be smaller due to not being as complex but at this size, I don't think it matters. I made the images in PSP7 as follows:
1;Make the image with the badge and red text, save as image b and export to .gif.
2; Delete badge, change text color to blue, save as image a and export to .gif.
3; For subsequent images, open image b, make necessary changes to text and repeat the process.
This ensures that the two images of each rollover will line up exactly and appear not to move as the color changes.
DCR
Thanks I'd have lots of things to consider when I get around to making a lot of image rollovers like that. It would probably be a lot easier if all the buttons were the same size but in each cell is different brands of cars and motorcycles and all, for example Ford is a shorter word and mercedes benz is a longer word. Its going to be a lot of different sized buttons I think. I'm looking forward to working on it though. I've been thinking about what I want to show up on the rollover, maybe a skull and crossbones, well maybe not! I have PSP6 it should work for that project.
Heck I don't even know where to get the script for the image rollover effect. Is it javascript I wonder?
I've always wondered though, when you have an image that tiles "like a background" or say an image that gets repeated in several different places in a page does it load once or every time
that file is used. That would make a difference in the loading time
of a page it would seem.
By plain colored text you mean black or white or one of the basic colors and not like #ff9c4a?
vBulletin v3.6.0, Copyright ©2000-2009, Jelsoft Enterprises Ltd.