Switch en Firefox

Adler · #1 (**permalink**) 04/06/2007, 04:24

Hola. este código funciona en IE pero en Firefox no. El problema es que se queda en el primer caso ("") y no pasa al segundo. Estoy seguro que el problema en FF es que no lee bien esta linea: switch (obj.style.background)

Código:

<html>
<head>
<script language="javascript" type="text/javascript">
function Cambio (obj) {

    switch (obj.style.background)
    {
        case "" :
            obj.style.background = "red";
            break;
        case "red" :
            obj.style.background = "yellow";
            break;
        case "yellow" :
            obj.style.background = "red";
            break;
    }
}
</script>
</head>
<body>
<table border="1">
<tr>
<td onmouseover="Cambio(this)" onmouseout="Cambio(this)">Texto</td>
</tr>
</table>
</body>
</html>

Gracias

KarlanKas · #2 (**permalink**) 04/06/2007, 05:15

Prueba con esto:

Código PHP:

  <html> 
<head> 
<script language="javascript" type="text/javascript"> 
function Cambio (obj) {  
    switch (obj.style.background.split(" ")[0]) 
    { 
        case "" : 
            obj.style.background= "red"; 
            break; 
        case "red" : 
            obj.style.background = "yellow"; 
            break; 
        case "yellow" : 
            obj.style.background = "red"; 
            break; 
    } 
} 
</script> 
</head> 
<body> 
<table border="1"> 
<tr> 
<td onmouseover="Cambio(this)" onmouseout="Cambio(this)">Texto</td> 
</tr> 
</table> 
</body> 
</html>

Un saludo!

KarlanKas · #3 (**permalink**) 04/06/2007, 05:17

También funciona así:

Código PHP:

  <html> 
<head> 
<script language="javascript" type="text/javascript"> 
function Cambio (obj) { 
 
    switch (obj.style.backgroundColor) 
    { 
        case "" : 
            obj.style.background = "red"; 
            break; 
        case "red" : 
            obj.style.background = "yellow"; 
            break; 
        case "yellow" : 
            obj.style.background = "red"; 
            break; 
    } 
} 
</script> 
</head> 
<body> 
<table border="1"> 
<tr> 
<td onmouseover="Cambio(this)" onmouseout="Cambio(this)">Texto</td> 
</tr> 
</table> 
</body> 
</html>

Y tal vez sea más sencillo...

Adler · #4 (**permalink**) 04/06/2007, 07:21

Hey KarlanKas muchas gracias. He estado trabajanod en ello unas cuantas hora y no sabía que estaba mal.

Mil gracias

KarlanKas · #5 (**permalink**) 04/06/2007, 08:46

Como sugerencia la próxima vez te recomiendo que uses el alert. Así el script te dice con qué cadena de texto trabaja. En este caso el poner:

alert (obj.style.background)

antes del switch ha sido determinante. Me alegro de que te funcionara!

Adler · #6 (**permalink**) 05/06/2007, 07:39

Hola, otra vez. El código funciona pero el problema ahora es que lo que imprimí enteriormente era solo un ejemple con colores básicos. Cuando he ido a insertarlo en el código principal, resulta que no funciona si no usa el nombre generico del color. Es decir no funciona ni con Hex y con RGB.

Código:

function Cambio(obj) {
alert (obj.style.backgroundColor)
    switch (obj.style.backgroundColor)
    {
        case "" :
            obj.style.background= "rgb(255,0,0)";
            break;

        case "rgb(255,0,0)" :
            obj.style.background = "rgb(255,255,0)";
            break;
        
        case "rgb(255,255,0)" :
            obj.style.background= "rgb(255,0,0)";
            break;

    }
}
</scipt>
</head> 
<body> 
<table border="1"> 
<tr> 
<td onmouseover="Cambio(this)" onmouseout="Cambio(this)">Texto</td> 
</tr> 
</table> 
</body> 
</html>

¿Cuál es el problema?

Gracias

KarlanKas · #7 (**permalink**) 05/06/2007, 08:56

El problema está en como llama uno y otro navegador a los colores. Creo que sería mejor usar una segunda variable para hacer que cambie de color:

Código PHP:

  <html> 
<head> 
    <title>Untitled</title> 
    <script> 
function Cambio(obj,obj2) { 
 
 
    switch (obj2) 
    { 
       case 1 : 
            obj.style.backgroundColor = "#ffff00"; 
            break; 
         
        case 0 : 
            obj.style.backgroundColor= "#ff0000"; 
            break; 
 
    } 
} 
</script> 
</head>  
<body>  
<table border="1">  
<tr>  
<td onmouseover = "Cambio(this,0)" onmouseout = "Cambio(this,1)" > Texto </td>  
</tr>  
</table>  
</body>  
</html>

Espero que te sirva!

Adler · #8 (**permalink**) 07/06/2007, 12:19

Gracias era justo lo que quería