Ayuda con Javascript

palickpre #1 Abr '13

Estoy haciendo por mi cuenta (o intentando hacer, mejor dicho) una serie de ejercicios por libre para iniciarme con javascript, y voy por ahroa con lo justo, pasar el raton por encima de una capa y que con un alert me salga un mensaje.

Lo que quiero hacer ahora, es que, pasando el raton por encima de la capa, esta capa cambie de color, o salga un borde redondeado, pero no consigo hacer que funcione, ¿alguien podria hecharme una mano? gracias
la funcion seria esta:

	function cambioDiv(){
		var cambio = document.all.capa3.style;
			
		cambio.style.background-color:"#00ff00"
	}

y la capa es esta otra:

              <div id="capa3" onMouseOver="cambioDiv();"></div>

desde el css tengo este codigo para ver la capa de color azul:

	#capa3{
		width:100px;
		height: 100px;
		background-color: blue;

	}

Lo malo es que no se donde meter la capa "cambiada", si dentro del css, si en la funcion de javascript, etc.

LzO #2 Abr '13

#1 Te has complicado...

<script language="javascript">
function cambioDiv(celda) {
 celda.style.backgroundColor="#ff0000"
} 
</script>

<div id="capa3" onmouseover="cambioDiv(this)"></div>

#capa3 {
width:100px;
height: 100px;
background-color: blue;
}

Igual no he probado tu codigo pero diria que el fallo está en que en javascript backgroundcolor es sin guión y en css si lo lleva... pero te equivocaste en javascript.

Como yo lo puse es más correcto, usando "this" haciendo referencia a ese div.

Igual con una busqueda de google lo solucionabas rapido.

Porque para cambiar el color de un elemento insitu por asi llamarlo se usa this, osea

<div id="capa3" onmouseover="this.style.backgroundColor="#ff0000"></div>

Sino me equivoco.

LzO #3 Abr '13

#1 De nada un placer.

1 respuesta

palickpre #4 Abr '13

#3 xDDDDD

siento no responderte, apagué el ordenador, lo probe mas tarde y se me fue la olla. Lo probé y funciona, gracias

1

Ayuda con Javascript

Usuarios habituales

Tags