Foros del Web » Programando para Internet » Javascript »

No copia formulario dinamico

Estas en el tema de No copia formulario dinamico en el foro de Javascript en Foros del Web. No me funciona este codigo en que falla? Que es lo que hace, cuando doy click en "Give me more fields!" debe clonar (literalmente) el ...
  #1 (permalink)  
Antiguo 02/08/2013, 10:58
jesusmiranda92
Invitado
 
Mensajes: n/a
Puntos:
Pregunta No copia formulario dinamico

No me funciona este codigo en que falla?


Que es lo que hace, cuando doy click en "Give me more fields!" debe clonar (literalmente) el fomulario pueden indicarme en que estoy cometiendo error?
Código:
<script type="text/javascript">

var counter = 0;

function moreFields() {
	counter++;
	var newFields = document.getElementById('readroot').cloneNode(true);
	newFields.id = '';
	newFields.style.display = 'block';
	var newField = newFields.childNodes;
	for (var i=0;i<newField.length;i++) {
		var theName = newField[i].name
		if (theName)
			newField[i].name = theName + counter;
	}
	var insertHere = document.getElementById('writeroot');
	insertHere.parentNode.insertBefore(newFields,insertHere);
}

window.onload = moreFields;
</script>


Código HTML:
<html>

<head>

<title>Testing Page</title>
<h1><center>asd</center></h1>   
</head>

<div id="readroot" style="display: none">

	<input type="button" value="Remove review"
		onclick="this.parentNode.parentNode.removeChild(this.parentNode);" /><br /><br />

	<input name="cd" value="title" />

	<select name="rankingsel">
		<option>Rating</option>
		<option value="excellent">Excellent</option>
		<option value="good">Good</option>
		<option value="ok">OK</option>
		<option value="poor">Poor</option>
		<option value="bad">Bad</option>
	</select><br /><br />

	<textarea rows="5" cols="20" name="review">Short review</textarea>
	<br />Radio buttons included to test them in Explorer:<br />
	<input type="radio" name="something" value="test1" />Test 1<br />
	<input type="radio" name="something" value="test2" />Test 2

</div>

<form method="post" action="/cgi-bin/show_params.cgi">

	<span id="writeroot"></span>

	<input type="button" id="moreFields" value="Give me more fields!" />
	<input type="submit" value="Send form" />
	
</form>



</html> 
  #2 (permalink)  
Antiguo 02/08/2013, 13:25
 
Fecha de Ingreso: abril-2011
Mensajes: 1.342
Antigüedad: 8 años, 6 meses
Puntos: 344
Respuesta: No copia formulario dinamico

Tienes que asignar la función al evento click del botón:

Código Javascript:
Ver original
  1. var counter = 0;
  2.  
  3. function moreFields() {
  4.     counter++;
  5.     var newFields = document.getElementById('readroot').cloneNode(true);
  6.     newFields.id = '';
  7.     newFields.style.display = 'block';
  8.     var newField = newFields.childNodes;
  9.     for (var i=0;i<newField.length;i++) {
  10.         var theName = newField[i].name
  11.         if (theName)
  12.             newField[i].name = theName + counter;
  13.     }
  14.     var insertHere = document.getElementById('writeroot');
  15.     insertHere.parentNode.insertBefore(newFields,insertHere);
  16. }
  17.  
  18. window.onload = function()
  19. {
  20.  document.getElementById("moreFields").onclick = moreFields;    
  21.     moreFields();
  22. };

Última edición por alexg88; 02/08/2013 a las 13:30
  #3 (permalink)  
Antiguo 02/08/2013, 14:14
jesusmiranda92
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: No copia formulario dinamico

muchas gracias!

Etiquetas: copia, dinamico, formulario, html
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 14:03.