Tema: Problema con bucles
Ver Mensaje Individual
  #6 (permalink)  
Antiguo 21/05/2010, 14:32
Avatar de Lobito14
Lobito14
 
Fecha de Ingreso: abril-2010
Mensajes: 222
Antigüedad: 14 años, 1 mes
Puntos: 17
Respuesta: Problema con bucles
Gracias por tu respuesta, lo he estado intentando como me has sugerido, pero, o estoy haciendo algo mal, o no se..., mira, te pongo como quedaria el codigo que supuestamente deberia de funcionar:

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.                     <div id="canciones">
  26.                     
  27.                     
  28.                     </div>
  29.                     </span>
  30.                                  </div>
  31.                 
  32.                 
  33.                 <div id="demoNavigation">                           
  34.                     <input class="navigation_button" value="Back" type="reset">
  35.                     <input class="navigation_button" value="Next" type="submit" >
  36.                 </div>
  37.                 
  38.                 
  39.             </form>
  40.             <hr />
  41.             
  42.             <p id="data"></p>
  43.         </div>
  44.     <script type="text/javascript" src="./js/jquery-1.4.2.min.js"></script>     
  45.     <script type="text/javascript" src="./js/jquery.history.js"></script>
  46.     <script type="text/javascript" src="./js/jquery.form.js"></script>
  47.     <script type="text/javascript" src="./js/jquery.validate.js"></script>
  48.     <script type="text/javascript" src="./js/jquery.form.wizard-2.0.1-min.js"></script>
  49.     <script type="text/javascript">
  50.         $(function(){
  51.                 $("#demoForm").formwizard({ //wizard settings 
  52.                     formPluginEnabled: true, //Ajax is used to post the form to the server
  53.                     validationEnabled : true, //The Validation plugin is used for validating the form at each step
  54.                     focusFirstInput : true // puts focus at the first input on each step
  55.                  },
  56.                  {
  57.                     //validation settings
  58.                     messages: { email: "Invalid email (custom message)"} // custom message shown when the email is invalid
  59.                  },
  60.                  {
  61.                     // form plugin settings
  62.                     success: function(data){ // called when the form has been submitted correctly to the server
  63.                         $("#status").fadeTo(500,1,function(){ $(this).html("You are now registered!").fadeTo(5000, 0); })
  64.                     },
  65.                     beforeSubmit:  function(data){ // called just before the form is submitted
  66.                         $("#data").html("Data sent to the server : <br />" + $.param(data));
  67.                     },
  68.                     dataType: 'json',
  69.                     resetForm: true
  70.                  }
  71.                 );
  72.             });
  73.     </script>
  74.      <script language="javascript" type="text/javascript">                   
  75.                     
  76.                     function canciones(){
  77.                     var numCanciones = document.demoForm.numCanciones.value;
  78.                     var div=document.getElementById("canciones");
  79.                     for (i=0; i<= numCanciones; i++){
  80.                         div.innerHTML=div.innerHTML+'<label for="titulo">Titulo</label><br />
  81.                         <input name="tituloCancion" class="input_field_25em" id="tituloCanciones" size="20">
  82.                         <br />
  83.                         <label for="duracion">Duracion</label><br />
  84.                         <input class="input_field_35em" name="duracion" id="duracion"><br />'
  85.                     }
  86.  
  87.                     }
  88.                     
  89.       </script>
  90. </body>