Ayuda para un principiante.!

AndresJVB · #1 (**permalink**) 16/08/2010, 15:31

Hola como están muchachos.?
Estoy iniciandome en el mundo del desarrollo web, y tengo un problema con un script de javascript.!

Intento cambiar el estilo de una celda mediante javascript,
acá les dejo el codigo....

Código HTML:

<script type="text/javascript">

	function entro(celda){
			celda.className= "encima";
			}
	function salio(celda){
			celda.className = "fuera";
		}
</script>
</head>

<body class="c_fondo">

<div class="header"></div>
<!--Fin Header / End header-->
		<div class="divmenu" onclick="encima (this)">
        	<table>
            	<tr>
                	<td id="celda1" onmouseover="encima" onmouseout="fuera" >Primer Boton</td>
                    <td id="celda2" align="center">Segundo Botón</td>
                    <td id="celda3" align="center">Tercer Botón</td>
                    <td id="celda4" align="center">Cuarto Botón</td>
                    <td id="celda5" align="center">Quinto Botón</td>
                </tr>
            </table>
        </div>
<div class="divcont"></div>
        <div class="pie"><p style="margin-top:7px; font-family:Geneva, Arial, Helvetica, sans-serif; color:#FF0000; font-size:12px" align="center"><b>Realizado por Andrés Villanueva - Curso WebMaster SAIT, R.L. -  Puerto La Cruz 2010. ®</b></p></div>	
</body>
</html>

Y este es el estilo CSS

Código CSS:

Ver original.c_fondo{
    background-color:#25587E;
    }
.header{
    width:940px;
    height:200px;
    top:40PX;
    left:160px;
    position:absolute;
    background-image:url(../Test/Img/Banner_index.gif)  
    }
.divcont{
    background:#FFFFFF;
    width:940px;
    height:1200px;
    top:280px;
    left:160px;
    position:absolute;
    }
.pie{
    background-color:##25587E;
    width:940px;
    height:30px;
    top:1455px;
    left:160px;
    position:absolute;
    }
.divmenu{
    width:auto;
    left:600px;
    top:240px;
    position:absolute
    }
table{
    width:500px;
    height:40px;
    border-spacing:2px;
    font-family:Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    font-size:14px;
    font-stretch:narrower;
    }
.encima{
    background-color:#00FF00;
    }
.fuera{
    background-color:#FF00FF;
    }

No se de verdad, en que estoy fallando...
De ante mano gracias por su ayuda!

Adler · #2 (**permalink**) 16/08/2010, 16:01

Hola

Prueba así. Olvida la función js

Cita:

<td id="celda1" class="fuera" onmouseover="this.className='encima'" onmouseout="this.className='fuera'" >Primer Boton</td>

Aunque sería mejor solamente usar´´as css

Suerte

_cronos2 · #3 (**permalink**) 16/08/2010, 16:07

Revisando el código de arriba abajo, tienes varios errores:

La función encima no está definida, o al menos en el código que has puesto no lo está.
En los eventos (en este caso onmouseover y onmouseout), se dan instrucciones en JS en PHP o en lo que sea, pero onmouseover="encima" no es nada, osea que me imagino que lo que querrás poner es la función entro.

Saludos (:

AndresJVB · #4 (**permalink**) 16/08/2010, 17:01

Adler

Cita:

Hola

Prueba así. Olvida la función js
Cita:
<td id="celda1" class="fuera" onmouseover="this.className='encima'" onmouseout="this.className='fuera'" >Primer Boton</td>
Aunque sería mejor solamente usar´´as css

Suerte

Hola, muchas gracias, el codigo me sirvio muy bien, y creo que es menos complicado que con una función de js.

_cronos2

Cita:

Revisando el código de arriba abajo, tienes varios errores:
La función encima no está definida, o al menos en el código que has puesto no lo está.
En los eventos (en este caso onmouseover y onmouseout), se dan instrucciones en JS en PHP o en lo que sea, pero onmouseover="encima" no es nada, osea que me imagino que lo que querrás poner es la función entro.

Saludos (:

Tenías toda la razón, estaba colocando el estilo de CSS y no la función que había definido que era (entro)(salio).

Muchas Gracias a ambos, por su ayuda.!