Tema: Problema con bucles
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 19/05/2010, 10:57
Avatar de Lobito14
Lobito14
 
Fecha de Ingreso: abril-2010
Mensajes: 222
Antigüedad: 14 años, 8 meses
Puntos: 17
Respuesta: Problema con bucles
Muchas gracias por tu respuesta webness, no creo que yo sepa hacerlo con AJAX... de todas formas si alguien me puede ayudar lo agradeceria, por aqui dejo el codigo:

Código HTML: 
Ver original
  1. <body>
  2.         <div id="demoWrapper">
  3.           <form id="demoForm" method="post" action="json.html">
  4.                 <div id="fieldWrapper">
  5.                 
  6.                 
  7.                     <span class="step" id="first">
  8.                         <span class="font_normal_07em_black">Insertar discos</span><br />
  9.                         <label for="nombreDisco">Nombre</label><br />
  10.                         <input class="input_field_12em" name="nombreDisco" id="nonmbreDisco"><br />
  11.                         <label for="discografica">Discografica</label><br />
  12.                         <input class="input_field_12em" name="discografica" id="discografica"><br />
  13.                         <label for="genero">Genero</label><br />
  14.                         <input class="input_field_12em" name="genero" id="genero"><br />
  15.                         <label for="anioSalida">Año de salida (aaaa-mm-dd)</label><br />
  16.                         <input class="input_field_12em" name="anioSalida" id="anioSalida"><br />
  17.                         <label for="imagenPortada">Imagen portada</label><br />
  18.                         <input class="input_field_12em" name="file" id="file" type='file'><br />
  19.                         <label for="num_canciones">Numero de canciones</label><br />
  20.                         <input class="input_field_12em" name="numCanciones" id="numCanciones" onChange="canciones();"><br />
  21.                     </span>
  22.                     
  23.                     
  24.                     <span id="confirmation" class="step">
  25.                     <script language="javascript" type="text/javascript">                   
  26.                     
  27.                     function canciones(){
  28.                     
  29.                         var numCanciones = document.demoForm.numCanciones.value;
  30.                                         
  31.                         for (i=0; i<= numCanciones; i++){
  32.                     
  33.                             document.write('
  34.                             <label for="titulo">Titulo</label><br />
  35.                             <input name="tituloCancion" class="input_field_25em" id="tituloCanciones" size="20">
  36.                             <br />
  37.                             <label for="duracion">Duracion</label><br />
  38.                             <input class="input_field_35em" name="duracion" id="duracion"><br />    
  39.                             ');
  40.                         
  41.                     
  42.                         }
  43.                     
  44.                     }
  45.                     
  46.                     </script>
  47.                                         </span>
  48.                                  </div>
  49.                 
  50.                 
  51.                 <div id="demoNavigation">                           
  52.                     <input class="navigation_button" value="Back" type="reset">
  53.                     <input class="navigation_button" value="Next" type="submit" onCLick="canciones();">
  54.                 </div>
  55.                 
  56.                 
  57.             </form>
  58.             <hr />
  59.             
  60.             <p id="data"></p>
  61.         </div>
  62.     <script type="text/javascript" src="./js/jquery-1.4.2.min.js"></script>     
  63.     <script type="text/javascript" src="./js/jquery.history.js"></script>
  64.     <script type="text/javascript" src="./js/jquery.form.js"></script>
  65.     <script type="text/javascript" src="./js/jquery.validate.js"></script>
  66.     <script type="text/javascript" src="./js/jquery.form.wizard-2.0.1-min.js"></script>
  67.     <script type="text/javascript">
  68.         $(function(){
  69.                 $("#demoForm").formwizard({ //wizard settings 
  70.                     formPluginEnabled: true, //Ajax is used to post the form to the server
  71.                     validationEnabled : true, //The Validation plugin is used for validating the form at each step
  72.                     focusFirstInput : true // puts focus at the first input on each step
  73.                  },
  74.                  {
  75.                     //validation settings
  76.                     messages: { email: "Invalid email (custom message)"} // custom message shown when the email is invalid
  77.                  },
  78.                  {
  79.                     // form plugin settings
  80.                     success: function(data){ // called when the form has been submitted correctly to the server
  81.                         $("#status").fadeTo(500,1,function(){ $(this).html("You are now registered!").fadeTo(5000, 0); })
  82.                     },
  83.                     beforeSubmit:  function(data){ // called just before the form is submitted
  84.                         $("#data").html("Data sent to the server : <br />" + $.param(data));
  85.                     },
  86.                     dataType: 'json',
  87.                     resetForm: true
  88.                  }
  89.                 );
  90.             });
  91.     </script>
  92.     </body>