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?