Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Evento equivocado?

Estas en el tema de Evento equivocado? en el foro de Javascript en Foros del Web. Hola a todo el mundo, Estoy empezando a estudiar javascript, y como primer "ejercicio" he creado un pequeño código para que se muestre un mensaje ...
  #1 (permalink)  
Antiguo 23/05/2013, 14:45
 
Fecha de Ingreso: agosto-2012
Ubicación: Barcelona
Mensajes: 47
Antigüedad: 8 años, 8 meses
Puntos: 0
Pregunta Evento equivocado?

Hola a todo el mundo,

Estoy empezando a estudiar javascript, y como primer "ejercicio" he creado un pequeño código para que se muestre un mensaje al presionar un botón. Todo sale perfecto, menos el mensaje, que aparece unos segundos (y la intención es que se quede fijo después de hacer clic sobre el botón).

He aquí todo el código:

Código:
<html>
<head>
<style>
body {margin:0;}
#formulario {
  position:absolute;
  width:400px;
  height:400px;
  top:50%;
  margin-top:-200px;
  left:50%;
  margin-left:-200px;
  }
.visible {display: block;}
.oculto {display: none;}
.caja {
  position:relative;
  left:150px;
  width: 100px;
  height: 40px;
  background-color:red;
  border-radius:20px;
}
.message {
  position: absolute;
  left:55px;
  top:60px;
  background-color: #F0F0F0;
  width: 250px;
  height: 20px;
  background-color:#096;
  text-align:center;
  color:white;
  padding:20px;
}
</style>
<script type="text/javascript">
	function mostrarMessage(evento, idCapa) {
		document.getElementById(idCapa).className = "message visible";
	}
</script>
</head>
<body>
<div id="formulario">
  <div id="message" CLASS="message oculto">Hemos recibido tus datos</div>
  <form action="">
    <input type="submit" name="" class="caja" onMouseDown="mostrarMessage(event, 'message')">
  </form>
</div>
</body>
</html>
¿Alguien me puede decir dónde estoy metiendo la pata? ¿?

Gracias por vuestro tiempo :)
  #2 (permalink)  
Antiguo 23/05/2013, 15:22
Avatar de alberto510a  
Fecha de Ingreso: abril-2013
Mensajes: 351
Antigüedad: 8 años
Puntos: 35
Respuesta: Evento equivocado?

Tu código funciona correctamente y el mensaje no te debe desaparecer básicamente porque no interviene el tiempo para nada en tu código.

Yo lo probé y no pasó nada todo va perfecto así que revisa lo que quiera que uses :P

Saludos.
__________________
No hay preguntas tontas, sino tontos que no preguntan.
  #3 (permalink)  
Antiguo 24/05/2013, 08:14
 
Fecha de Ingreso: agosto-2012
Ubicación: Barcelona
Mensajes: 47
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: Evento equivocado?

Cita:
Iniciado por alberto510a Ver Mensaje
Tu código funciona correctamente y el mensaje no te debe desaparecer básicamente porque no interviene el tiempo para nada en tu código.

Yo lo probé y no pasó nada todo va perfecto así que revisa lo que quiera que uses :P

Saludos.
Vaya, pues no lo entiendo, lo miro en google chrome. De hecho, lo tengo subido aquí:

http://eltallerdecerdanyola.com/pruebas/prueba.html

Y sigue haciendo lo mismo, mostrar el mensaje unos segundos...
  #4 (permalink)  
Antiguo 24/05/2013, 08:16
Avatar de alberto510a  
Fecha de Ingreso: abril-2013
Mensajes: 351
Antigüedad: 8 años
Puntos: 35
Respuesta: Evento equivocado?

Ah vale al enseñarmelo ahí me di cuenta de tu error mira el problema es que al form no le pusiste ningun action="" entonces te recarga la pagina no es que el mensaje solo dure unos segundos.

Lo que debes hacer es ponerlo así <form action="#"> y solucionado!

Saludos.
__________________
No hay preguntas tontas, sino tontos que no preguntan.
  #5 (permalink)  
Antiguo 24/05/2013, 13:23
 
Fecha de Ingreso: agosto-2012
Ubicación: Barcelona
Mensajes: 47
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: Evento equivocado?

Cita:
Iniciado por alberto510a Ver Mensaje
Ah vale al enseñarmelo ahí me di cuenta de tu error mira el problema es que al form no le pusiste ningun action="" entonces te recarga la pagina no es que el mensaje solo dure unos segundos.

Lo que debes hacer es ponerlo así <form action="#"> y solucionado!

Saludos.

Jo, que cosa más absurda... Y yo rayándome!!

Muchas gracias por tu ayuda Alberto!!!

Etiquetas: boton, conflicto, evento, mensaje, tiempo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:28.