Este script no funciona un firefox

SeaPirates · #1 (**permalink**) 13/08/2009, 12:16

Hola estoy usando este script para mostrar las ultimas noticias y cuando pasas el raton por encima de la noticia canvia a color gris, pero solo funciona con explorer, con firefox no funciona y supongo que con los otros tampoco..

Código PHP:

  <SCRIPT>  
function mOvr(src,clrOver) {  
if (!src.contains(event.fromElement)) {  
src.style.cursor = 'hand';  
src.bgColor = clrOver;  
}  
}  
function mOut(src,clrIn) {  
if (!src.contains(event.toElement)) {  
src.style.cursor = 'default';  
src.bgColor = clrIn;  
}  
}  
function mClk(src) {  
if(event.srcElement.tagName=='TD'){  
src.children.tags('A')[0].click();  
}  
}  
</SCRIPT> 
 
<a href="url.php"><TABLE  
style="PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; WIDTH: 213px; HEIGHT: 53px; PADDING-TOP: 5px"  
onmouseover="mOvr(this,'#efefef');" onmouseout="mOut(this,'#ffffff');"  
onclick=mClk(this); border=0 cellSpacing=0 cellPadding=1 bgColor=#ffffff> 
  <TBODY> 
  <TR> 
    <TD style="WIDTH: 32px" vAlign=top rowSpan=2><IMG alt="" align=left  
      src="{newdata}">  
    </TD> 
    <TD vAlign=top><SPAN  
      style="COLOR: #02a5b4"><STRONG>{title}</STRONG><BR></SPAN><SPAN  
      style="FONT-SIZE: 12px">{short-story}  
</SPAN></TD></TR></TBODY></TABLE></a>

Que puedo hacer para que funcione?

Adler · #2 (**permalink**) 13/08/2009, 12:33

Hola

Hace poco monté esto que quizás te sea útil. Funciona en IE, FF, Opera y Chrome

Código javascript:

Ver original<html>
<head>
<style type="text/css">
#tabla td {background-color:#FFFFFF;}
</style>
<script type="text/javascript">
window.onload = function () {
var elementos = document.getElementById("tabla").getElementsByTagName("td");
    for (var i=0;i < elementos.length; i++)  { 
        
        elementos[i].onclick = Celda;
        elementos[i].onmouseover = Celda;
        elementos[i].onmouseout = Celda;
            
         }
 
}
 
function Celda(evento) {
var evento = evento || window.event;
      switch(evento.type) {
case 'mouseover':
    //this.style.backgroundColor = ((this.style.backgroundColor == '#ff0000') || (this.style.backgroundColor == 'rgb(255, 0, 0)'))   ? '#FFFF00' : '#CCFF66' ; 
//alert(this.style.backgroundColor);
    break;
 
 
case 'mouseout':
    this.style.backgroundColor = ((this.style.backgroundColor == '#ccffcc') || (this.style.backgroundColor == 'rgb(204, 255, 102)')) ? '#FFFFFF' : '#FF0000'; 
//alert(this.style.backgroundColor);
    break;
 
 
case 'click':
    this.style.backgroundColor = ((this.style.backgroundColor ==  '#ccffcc') || (this.style.backgroundColor == 'rgb(204, 255, 102)')) ? '#FF0000' : '#CCFF66';
//alert(this.style.backgroundColor);
    break;
  }
}
 
 
</script>
</head>
<body>
<table border="1" id="tabla">
<tr>
<td>celda1</td>
<td>celda2</td>
<td>celda3</td>
<td>celda4</td>
<td>celda5</td>
<td>celda6</td>
<td>celda7</td>
</tr>
</table>
</body>
</html>

Suerte

SeaPirates · #3 (**permalink**) 14/08/2009, 03:56

pero no hay algun modo de adaptar mi script a firefox?