css style change from link

blurchy · 10-17-02, 01:05 PM

hi

weve all seen those table cells that
change colour
when you roll the mouse over them
this is because the css styles change when the mouse
rolls over the cell

does anyone know how to change the table cells
css style
by clicking on a separate link instead of rolling your mouse
over the table cell itself

i hope ive explained this properly

heres an example

http://www.neutron1.com/TEMP/rollover_cell_example.htm

muijefr · 10-17-02, 02:00 PM

Try this:
<HTML>
<HEAD>
<TITLE>AlirezA's Example</TITLE>

<STYLE>

a { text-decoration : none;
}
a:hover {text-decoration : underline;
}
.buttonup {
padding: 2px;
color: #000000;
background-color: #b59c00;
font-family: Arial;
font-size: 14pt;
font-weight: bold;
}

.buttonover {
padding: 2px;
cursor: hand;
color: #ffffff;
background-color: #9aa486;
font-family: Arial;
font-size: 14pt;
font-weight: bold;
}

.buttondown {
padding: 2px;
color: #c0c0c0;
background-color: #808080;
font-family: Arial;
font-size: 14pt;
font-weight: bold;
}
</STYLE>
</HEAD>
<BODY bgcolor=#c8cfc6>

<a class=buttonup
onmouseover = "this.className='buttonover' ";
onmousedown = "this.className='buttondown' ";
onmouseup = "this.className='buttonover' ";
onmouseout = "this.className='buttonup' ";
href=http://www.the-ebiz.net target=_top>
This is not your DreamWeaver</a>

</BODY>
</HTML>

RE:

Quote:

dont know what i mean well look at this page

Yup, cool. Your very versatile. Change the question in an instance and change the answer just as quickly. I'm not going to try and kick the ball anymore.

blurchy · 10-17-02, 02:37 PM

no sorry thats now what i meant

that code give me errors in dreamweaver
its prob the forum adding spaces
i found what i wanted and i decided to post it on a text doc
through my iframe updater,the body of the iframe is a text file so youd just have the pure code
then i discovered something even more COOL

dont know what i mean well look at this page

http://www.neutron1.com/iframe_updat...me_updater.htm

the body of the iframe where i was gonna
put the codes changed into the actual html file

wow the mind boggles dude

p.s.

if you got view source on the black area

you can see where i got the code from

etc etc

RamjetFDO · 10-17-02, 02:47 PM

I think you want the same code, but do an "onMouseOver" and "onMouseOut", rather than "onClick", right?

Roger

blurchy · 10-17-02, 03:16 PM

i have what i need thanks
it was hard trying to explain to everyone what it was
i just wanted to apply a style to a table by means of a link
situated elsewhere on my page
ive figured the link part out now

its just that it can only apply simple styles
like background colors if i try to do a complicated one like
opacity it crashes on the : bit etc

thanks anyway

10-17-02, 01:05 PM	#1
blurchy Join Date: Feb 2002 Location: england Posts: 512 Reputation: 5	css style change from link hi weve all seen those table cells that change colour when you roll the mouse over them this is because the css styles change when the mouse rolls over the cell does anyone know how to change the table cells css style by clicking on a separate link instead of rolling your mouse over the table cell itself i hope ive explained this properly heres an example http://www.neutron1.com/TEMP/rollover_cell_example.htm __________________ blurchy Ex Powweb Person http://members.lycos.co.uk/neutron_x/index.php Last edited by blurchy; 10-17-02 at 01:15 PM..

10-17-02, 02:37 PM	#3
blurchy Join Date: Feb 2002 Location: england Posts: 512 Reputation: 5	no sorry thats now what i meant that code give me errors in dreamweaver its prob the forum adding spaces i found what i wanted and i decided to post it on a text doc through my iframe updater,the body of the iframe is a text file so youd just have the pure code then i discovered something even more COOL dont know what i mean well look at this page http://www.neutron1.com/iframe_updat...me_updater.htm the body of the iframe where i was gonna put the codes changed into the actual html file wow the mind boggles dude p.s. if you got view source on the black area you can see where i got the code from etc etc __________________ blurchy Ex Powweb Person http://members.lycos.co.uk/neutron_x/index.php Last edited by blurchy; 10-17-02 at 02:40 PM..

10-17-02, 02:47 PM	#4
RamjetFDO Space Cadet Join Date: Jul 2002 Location: Austin, Texas Posts: 276 Reputation: 36	I think you want the same code, but do an "onMouseOver" and "onMouseOut", rather than "onClick", right? Roger __________________ Roger Balettie -balettiedotcom-

10-17-02, 03:16 PM	#5
blurchy Join Date: Feb 2002 Location: england Posts: 512 Reputation: 5	i have what i need thanks it was hard trying to explain to everyone what it was i just wanted to apply a style to a table by means of a link situated elsewhere on my page ive figured the link part out now its just that it can only apply simple styles like background colors if i try to do a complicated one like opacity it crashes on the : bit etc thanks anyway __________________ blurchy Ex Powweb Person http://members.lycos.co.uk/neutron_x/index.php