carinemaz Posted April 27, 2006 Share Posted April 27, 2006 cause it's not working... <script type="text/javascript">var rows = document.getElementsbytagname("tr");for (var i=0; i <rows.length; i++) {rows[i].onmouseover=function() {this.className += " hilite";}rows[i].onmouseout=function() {this.className=this.className.replace("hilite" , "");}}</script> I'm trying to create a hover effect for IE6, in a table.When I apply the class .hilite to my tr tag, the row looks the way it should look when I hover over it... and when I do mouseover nothing happens...Any suggestions?Thanks Link to comment Share on other sites More sharing options...
carinemaz Posted April 27, 2006 Author Share Posted April 27, 2006 huh...never mind thoes bottom lines....I figured out I didn't have to apply the class to my tr tag...But still, can't get it to work Link to comment Share on other sites More sharing options...
Little Goat Posted April 27, 2006 Share Posted April 27, 2006 getElementsByTagNamemaybe :)LG Link to comment Share on other sites More sharing options...
carinemaz Posted April 27, 2006 Author Share Posted April 27, 2006 no... unfortunatly, still not working... Link to comment Share on other sites More sharing options...
raimo Posted April 28, 2006 Share Posted April 28, 2006 no... unfortunatly, still not working...<{POST_SNAPBACK}> This one will work head part:<style type="text/css"><!--.hilite{background-color: #C0C0C0;color: inherit;}--></style><script type="text/javascript"><!--function getElements(){var rows = document.getElementsByTagName("tr"); for (var i = 0; i < rows.length; i++){ rows[i].onmouseover=function(){ this.className += "hilite"; } rows[i].onmouseout = function(){ this.className=this.className.replace("hilite" , ""); } }}//--></script> and to the body: <body onload="getElements()"><table summary=""><tr><td>tr 1</td></tr><tr><td>tr 2</td></tr></table> or You can just set class attribute as: this.setAttribute('class', 'hilite'); and then remove it: this.removeAttribute('class');Works with Firefox, Opera and Epiphany, I have no MSIE but should work with it too. Link to comment Share on other sites More sharing options...
carinemaz Posted April 28, 2006 Author Share Posted April 28, 2006 ok, I used your code, and it works on my localhost, but not on the website The table is actually being called by include() and the content is on my sql database... Not sure if it's creating some sort of conflit, or if I'm still doing something wrong... Anyhow it's driving me nuts....Here is the complet code, and the link : http://www.medipsy.com/medecin/medecin.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>MEDIPSY</title><link rel="stylesheet" type="text/css" href="medipsy_m.css" /><link rel="stylesheet" type="text/css" href="dropdownmenu_medipsy.css" /><style type="text/css">#body {width: 930px;}#main {width: 730px;float: right;}#sidebar {width: 140px;float: left;display: block;}table {border-collapse: collapse;}tr:hover, .hilite {background-color: #34339B;color:#FFF;}td {padding: 0 0 0 5px;width: 180px;border: 1px solid #34339B;}.tdentete {font-weight:bold;font-size: 20px;color: #34339B;}.tdtelephone {width: 120px;text-align: center;padding: 0;}.tdtitre {width: 100px;text-align: center;padding: 0;}</style><script type="text/javascript"><!--function getElements(){var rows = document.getElementsByTagName("tr");for (var i = 0; i < rows.length; i++){ rows[i].onmouseover=function(){ this.className += "hilite"; } rows[i].onmouseout = function(){ this.className=this.className.replace("hilite" , ""); } }}//--></script><script language="JavaScript"><!--function SymError(){ return true;}window.onerror = SymError;var SymRealWinOpen = window.open;function SymWinOpen(url, name, attributes){ return (new Object());}window.open = SymWinOpen;//--></script><script type="text/javascript"><!--//--><![CDATA[//><!--sfHover = function() { var sfEls = document.getElementById("nav").getElementsByTagName("LI"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=" sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); } }}if (window.attachEvent) window.attachEvent("onload", sfHover);//--><!]]></script></head><body onload="getElements()"><?php include('entete.inc')?><div id="body"><div id="main"><table><tr><td><span class="tdentete">Medecin</span></td><td><span class="tdentete">Clinique</span></td><td class="tdtelephone"><span class="tdentete">Téléphone</span></td><td class="tdtitre"><span class="tdentete">Type</span></td><td class="tdtitre"><span class="tdentete">Pst CME</span></td></tr></table><?phpinclude ('select_medecin.inc')?></div><div id="sidebar"><h3>Afficher la liste par :</h3><form action="#" method="post">Docteurs<input type="radio" checked="checked" onclick="window.location.href='medecin.php?typetri=1'" /><br/>Cliniques<input type="radio" onclick="window.location.href='medecin.php?typetri=2'" /></form></div> <?phpinclude('pied2page.inc')?> </div></body></html><script language="JavaScript"><!--var SymRealOnLoad;var SymRealOnUnload;function SymOnUnload(){ window.open = SymWinOpen; if(SymRealOnUnload != null) SymRealOnUnload();}function SymOnLoad(){ if(SymRealOnLoad != null) SymRealOnLoad(); window.open = SymRealWinOpen; SymRealOnUnload = window.onunload; window.onunload = SymOnUnload;}SymRealOnLoad = window.onload;window.onload = SymOnLoad;//--></script> 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