Xable Posted May 26, 2005 Share Posted May 26, 2005 i`m using dreamweaver and relatively new at website building.What i am doing is building a website to host dll`s, i have the dll`s listed in a table;Like ThisIs it possible to link the whole row instead of just the text and i would like to have each row change colour on mouseover.If you know of a guide that will teach me this or you can walk me through it that would be a big help. Link to comment Share on other sites More sharing options...
Xable Posted May 30, 2005 Author Share Posted May 30, 2005 any ideas anyone Link to comment Share on other sites More sharing options...
TomcaT Posted May 31, 2005 Share Posted May 31, 2005 I was interested in doing something similar and found this, This might be what you want, the script is easy to edit for different colours, I use PS color picker to get the hex digits for whatever colour I want.http://www.javafile.com/mouseover/dhtml1.phpYou will have to experiment with the HTML side to see how you can apply it to the whole row. Link to comment Share on other sites More sharing options...
Xable Posted July 3, 2005 Author Share Posted July 3, 2005 Thanxs TomcaT, that just changes the text colour though, i want the background of a whole row to change colour on mouseover.Found a better example; emaxhosting Link to comment Share on other sites More sharing options...
dman Posted July 6, 2005 Share Posted July 6, 2005 (edited) you have the guide right in your link. Look at the source code of that page and see how they are using mouseover and mouseout on table row bgcolorUSE THE FORCE... CHECK THE SOURCE!<TR bgColor=#eef1f6 onmouseover="this.bgColor='#FFFFFF';"onmouseout="this.bgColor='#eef1f6';"> Edited July 6, 2005 by dman Link to comment Share on other sites More sharing options...
Xable Posted July 8, 2005 Author Share Posted July 8, 2005 (edited) thats beautiful dman, thanx for spellin it out i`m just a point and click novice at the moment. tell me, is it possible to link a whole row? Edited July 8, 2005 by Neanderthal Link to comment Share on other sites More sharing options...
dman Posted July 8, 2005 Share Posted July 8, 2005 We are all novice when youconsider how much there is to know. The code in the sample page works ok. Just try to work your way through the source. save it on your local webserver so you can run it, then hack it apart piece by piece until you break it. That is when you found important part. This seems to work ok.<table> <tr bgColor=#eef1f6 onmouseover="this.bgColor='#AAAAAA';" onmouseout="this.bgColor='#FFFFFF';"> <TD>Column 1</TD><TD>Column 2</TD><TD>Column 3</TD><TD>Column 4</TD> </tr></table> Link to comment Share on other sites More sharing options...
Xable Posted July 8, 2005 Author Share Posted July 8, 2005 ye i figured out how to change the row colour onmouseover but i want to link the whole row (not just the text) to a file.Here is a sneak preview of the page.FreeDLLNotice just the file name is a link, i want the whole row to be a link.I hope you understand this is frustrating me i can`t get it to work. Link to comment Share on other sites More sharing options...
dman Posted July 8, 2005 Share Posted July 8, 2005 (edited) This will turn row into link, add it to your <tr>. you will have to change the mouse pointer to finger onmouseover or with CSS style="cursor: pointer ;" if you want that too.<html><head><style type="text/css"><!--tr {cursor: pointer;}--></style></head><body><table> <tr onclick="document.location.href='http://www.mysite/myfile.xyz''" bgColor=#eef1f6 onmouseover="this.bgColor='#AAAAAA';" onmouseout="this.bgColor='#eef1f6';"> <TD>Column 1</TD><TD>Column 2</TD><TD>Column 3</TD><TD>Column 4</TD> </tr></table></body></html>You could also make a ".mousein" and ".mouseout" class in css for the color and background and set onmouseover and onmouseout to the class.<style type="text/css">.mousein {background: #eef1f6;color: #AAAAAA;}.mouseout {background: #AAAAAA;color: #eef1f6;} </style> <td onmouseover="this.className='mousein';" onmouseout="this.className='mouseout';"> [edit:] Better yet, just skip all the mouseover/mouseout and use css "hover" (oops, this only works in FF and opera. IE CSS support sucks!)tr {cursor: pointer;background: #eef1f6;}tr:hover {background: #AAAAAA;}<tr onclick="document.location.href='http://www.mysite/myfile.RAR'" > <TD>Column 1</TD><TD>Column 2</TD><TD>Column 3</TD><TD>Column 4</TD> </tr> BTW, Your site looks like a great resource! Edited July 9, 2005 by dman Link to comment Share on other sites More sharing options...
Xable Posted July 11, 2005 Author Share Posted July 11, 2005 (edited) Wow, I must say a big thank you dman, you have been a big help. Decided to go with;<tr bgcolor="#0099FF" onclick="document.location.href='File.RAR'" style="cursor: pointer;" onmouseover="this.bgColor='#00CCFF';"onmouseout="this.bgColor='#0099FF';">IE complains about active content but what can you do, ppl will have to allow active content or click the firefox link thats going to be on every page instead. Edited July 11, 2005 by Neanderthal Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now