Autor Tema: Pequeñas Funciones JavaScript cambiar color o cambiar imagen change onmouseout  (Leído 3015 veces)

Alanespartan

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 8
    • Ver Perfil
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.
« Última modificación: 31 de Enero 2018, 18:50 por Ogramar »

paramonso

  • Intermedio
  • ***
  • Mensajes: 241
  • El ignorante afirma, el sabio duda y reflexiona.
    • Ver Perfil
Re:Ayuda con pequeñas Funciones Java Script
« Respuesta #1 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.

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".