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