Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Suma consecutiva

Estas en el tema de Suma consecutiva en el foro de Frameworks JS en Foros del Web. Buenas Llevo un par de horas intentando hacer una suma consecutiva (por asi llamarlo) pero que realmente no tiene que devolver nada. Digamos que es ...
  #1 (permalink)  
Antiguo 03/06/2010, 07:27
 
Fecha de Ingreso: febrero-2008
Mensajes: 269
Antigüedad: 13 años, 11 meses
Puntos: 5
Exclamación Suma consecutiva

Buenas

Llevo un par de horas intentando hacer una suma consecutiva (por asi llamarlo) pero que realmente no tiene que devolver nada. Digamos que es simple estetica. La idea es mostrar una cifra de 4 numeros que va cambiando constantemente sin llegar al 2000 y que al darle al boton de enviar, este numero pare.

Como esto estará en la cabecera, la idea es que no se actualice la pagina. Tengo un script ajax de enviar un formulario sin actualizar, tenia la idea de reutilizarlo para mi idea pero no se demasiado de javascript y no soy capaz de reescribirlo correctamente. Dejo el script, a ver si me podias dar un empujón lo mas fuerte posible xD y los mas claros que podais porque si no no entendere nada

Se que hay mucho codigo que sobra pero lo pongo entero, por si acaso estoy borrando algo que no deberia o cualquier otra cosa

RunOnLoad

Código PHP:
Ver original
  1. function runOnLoad(f) {
  2.     if (runOnLoad.loaded) f();    // If already loaded, just invoke f() now.
  3.     else runOnLoad.funcs.push(f); // Otherwise, store it for later
  4. }
  5.  
  6. runOnLoad.funcs = []; // The array of functions to call when the document loads
  7. runOnLoad.loaded = false; // The functions have not been run yet.
  8.  
  9. // Run all registered functions in the order in which they were registered.
  10. // It is safe to call runOnLoad.run() more than once: invocations after the
  11. // first do nothing. It is safe for an initialization function to call
  12. // runOnLoad() to register another function.
  13. runOnLoad.run = function() {
  14.     if (runOnLoad.loaded) return;  // If we've already run, do nothing
  15.  
  16.     for(var i = 0; i < runOnLoad.funcs.length; i++) {
  17.         try { runOnLoad.funcs[i](); }
  18.         catch(e) { /* An exception in one function shouldn't stop the rest */ }
  19.     }
  20.    
  21.     runOnLoad.loaded = true; // Remember that we've already run once.
  22.     delete runOnLoad.funcs;  // But don't remember the functions themselves.
  23.     delete runOnLoad.run;    // And forget about this function too!
  24. };
  25.  
  26. // Register runOnLoad.run() as the onload event handler for the window
  27. if (window.addEventListener)
  28.     window.addEventListener("load", runOnLoad.run, false);
  29. else if (window.attachEvent) window.attachEvent("onload", runOnLoad.run);
  30. else window.onload = runOnLoad.run;

Script

Código Javascript:
Ver original
  1. $(function() {
  2.   $('.error').hide();
  3.   $('input.text-input').css({backgroundColor:"#FFFFFF"});
  4.   $('input.text-input').focus(function(){
  5.     $(this).css({backgroundColor:"#FFDDAA"});
  6.   });
  7.   $('input.text-input').blur(function(){
  8.     $(this).css({backgroundColor:"#FFFFFF"});
  9.   });
  10.  
  11.   $(".button").click(function() {
  12.         // validate and process form
  13.         // first hide any error messages
  14.     $('.error').hide();
  15.        
  16.       var name = $("input#name").val();
  17.         if (name == "") {
  18.       $("label#name_error").show();
  19.       $("input#name").focus();
  20.       return false;
  21.     }
  22.         var email = $("input#email").val();
  23.         if (email == "") {
  24.       $("label#email_error").show();
  25.       $("input#email").focus();
  26.       return false;
  27.     }
  28.         var phone = $("input#phone").val();
  29.         if (phone == "") {
  30.       $("label#phone_error").show();
  31.       $("input#phone").focus();
  32.       return false;
  33.     }
  34.        
  35.         var dataString = 'name='+ name + '&email=' + email + '&phone=' + phone;
  36.         //alert (dataString);return false;
  37.        
  38.         $.ajax({
  39.       type: "POST",
  40.       url: "bin/process.php",
  41.       data: dataString,
  42.       success: function() {
  43.         $('#contact_form').html("<div id='message'></div>");
  44.         $('#message').html("<h2>Contact Form Submitted!</h2>")
  45.         .append("<p>We will be in touch soon.</p>")
  46.         .hide()
  47.         .fadeIn(1500, function() {
  48.           $('#message').append("<img id='checkmark' src='images/check.png' />");
  49.         });
  50.       }
  51.      });
  52.     return false;
  53.     });
  54. });
  55. runOnLoad(function(){
  56.   $("input#name").select().focus();
  57. });

Este funciona bien. El archivo process.php lo unico que hace es enviar un email con los datos del formulario, asi que no creo que sea necesario ponerlo.

Agradeceria la máxima ayuda posible, llevo como 3 horas intentandolo hacer

Etiquetas: ajax, suma
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 00:36.