Ver Mensaje Individual
  #3 (permalink)  
Antiguo 04/09/2014, 13:42
Avatar de MLDGATO
MLDGATO
 
Fecha de Ingreso: marzo-2011
Ubicación: Guatemala
Mensajes: 113
Antigüedad: 13 años, 1 mes
Puntos: 2
Respuesta: Mostrar un mensaje en un span por unos 10 segundos

Cita:
Iniciado por Alexis88 Ver Mensaje
Para ocultar al <span> luego de transcurrido un determinado tiempo, puedes usar el método setTimeout, el cual ejecuta una función transcurrido un determinado tiempo dado en milésimas de segundo.

Código Javascript:
Ver original
  1. setTimeout(function(){
  2.     document.getElementById("Mensaje").style.display = "none";
  3. }, 10000);

Con respecto a lo otro, creo que tendrías un mayor control si la función se ejecutara al pulsar alguna tecla mientras el campo tenga el enfoque, por ejemplo, la tecla ENTER. También podrías colocar un mensaje de confirmación para proceder con la ejecución de la función, usando para ello el método confirm.

Saludos
Gracias por la ayuda pero la verdad no entiendo bien lo que me dices en el caso de colocar el setimeuot no funciona no se si lo coloque bien lo puse así:

Código Javascript:
Ver original
  1. function actualiza(id, columna, valor)
  2. {
  3.     var actualizar;
  4.     if(window.XMLHttpRequest)
  5.     {
  6.         actualizar = new XMLHttpRequest();
  7.     }
  8.     else
  9.     {
  10.         actualizar = new ActiveXObject("Microsoft.XMLHTTP");
  11.     }
  12.     actualizar.onreadystatechange=function()
  13.     {
  14.         if(actualizar.readyState==4 && actualizar.status==200)
  15.         {
  16.            
  17.             document.getElementById("Mensaje").style.color = "White";
  18.             document.getElementById("Mensaje").style.backgroundColor = "Green";
  19.             document.getElementById("Mensaje").style.padding = "6px";
  20.             document.getElementById("Mensaje").style.marginLeft = "250px";
  21.             document.getElementById("Mensaje").style.borderRadius = "5px";
  22.             document.getElementById("Mensaje").style.boxShadow = "1px 1px 5px Black";
  23.             document.getElementById("Mensaje").innerHTML=actualizar.responseText;
  24.             setTimeout(function()
  25.             {
  26.                 document.getElementById("Mensaje").style.display = "none";
  27.             }, 10000);
  28.         }
  29.     }
  30.     actualizar.open("GET","actualiza.php?puesto="+id+"&col="+columna+"&val="+valor,true);
  31.     actualizar.send();
  32. }

ahora lo de conforn no lo se pero voy a investigar esta afunción muchas gracias.