Foros aprenderaprogramar.com

Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: Alanespartan en 23 de Octubre 2017, 02:09

Título: Pequeñas Funciones JavaScript cambiar color o cambiar imagen change onmouseout
Publicado por: Alanespartan en 23 de Octubre 2017, 02:09

Tengo 5 problemas de JavaScript de tarea pero ya e salieron 3, lo que pasa es que ahora necesito ayuda con estas dos funciones en javascript que no me funcionan D: ya intenté de las maneras en que se me ocurrieron y ni una da en algo que corrija el error, así que por favor ayuda.

HTML

Código: [Seleccionar]

<!-- Function 1 -->
<h2>Function1: This button changes colour when mouse is over</h2>
<button name="color" id="color" value="color" mouseover= "changeColor('color','red')" onmouseout = "changeColor('color','black')">
</button>
JavaScript

Código: [Seleccionar]

function changeColor(_elementId,_color){
element = document.getElementById(_elementId);
element.style.color = _color;
}

HTML

Código: [Seleccionar]

<!-- Function 5 -->
<h2>Function 5: Switch image</h2>
<img src="images/on.jpg"  id="images" onmousemove="changeImage('images','images/of.jpg')" onmouseout="changeImage('images','images/on.jpg')"/>
JavaScript

Código: [Seleccionar]

function changeImage(_elementId,_imageName){
document.getElementById(elementId).src = _imageName;
}

Nota: Sólo adjunto código Js y la parte donde lo uso en el html, ya que las demás funciones sí me sirven y así los evito de lerr código no necesario.

Título: Re:Ayuda con pequeñas Funciones Java Script
Publicado por: paramonso en 23 de Octubre 2017, 19:44

Hola Alasespartan.

En el primer código HTML tienes la etiqueta onmouseover mal le falta on tu solamente tienes mouseover.
<button name="color" id="color" value="color" mouseover= "changeColor('color','red')" onmouseout = "changeColor('color','black')">

y en: function changeImage(_elementId,_imageName){document.getElementById(elementId).src = _imageName;}
dentro de los paréntesis que coges el Nodo te falta el guion bajo _elementId.
document.getElementById(_elementId).src

Saludos.

P.D.
Tenemos que fijarnos mucho en la sintaxis por que un fallo tonto de sintaxis nos puede volver majaras.

Si es poco código se resuelve enseguida pero si es un código muy largo es aborrecible.
 ;D.