Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/04/2011, 05:07
Seisler
 
Fecha de Ingreso: febrero-2011
Mensajes: 83
Antigüedad: 13 años, 2 meses
Puntos: 0
Problema al crear un form con JavaScript

Hola.

Estoy un poco desesperado con este tema que no logro resolver, si alguien me puede echar una mano se lo agradeceré.

Voy a resumir el tema.

Yo quiero hacer un formulario de momento sin ningún campo, solo con tres botones. Uno sera "añadir puesto trabajo", otro sera "quitar puesto de trabajo" y el otro "enviar".

Mediante JavaScript, el botón "añadir campo trabajo" debería crearme ésto:


Puesto de Trabajo ____________________
Nombre Trabajador ____________________

__________________________________________________ __________

O sease crear dos campos tipo texto y una separación. Incluso me gustaría que me creara en el primero un campo tipo SELECT y que me dejara escoger el puesto de trabajo.

Después quiero recoger la información que me crea el JavaScript y enviarla a la Base de Datos.

Voy por partes:

primero os pongo el SCRIPT que he intentado hacer de manera chapuza y que en teoría funciona, pero alguien me ha dicho que esta mal hecho y por eso no puedo recoger los datos.


Código Javascript:
Ver original
  1. <script language="JavaScript" type="text/javascript">
  2.  
  3. function elemento_file(x){
  4. var divele=document.getElementById("elementos");
  5.    
  6. if(x==1){
  7.        
  8. if(divele.lastChild){
  9. divele.removeChild(divele.lastChild);
  10. divele.removeChild(divele.lastChild);
  11. divele.removeChild(divele.lastChild);
  12. divele.removeChild(divele.lastChild);
  13. divele.removeChild(divele.lastChild);
  14. divele.removeChild(divele.lastChild);
  15.  
  16.  
  17.     }
  18. }
  19.                            
  20. else {
  21.  
  22. salto=document.createElement("br");
  23. puesto=document.createTextNode("Puesto");
  24. nombre=document.createTextNode("Nombre");
  25. ele=document.createElement("input");
  26. ele2=document.createElement("input");
  27. separacion=document.createElement("hr");
  28. ele.type="text";
  29. ele.name="mielemento[]";
  30. ele2.type="text";
  31. ele.name="mielemento2[]";
  32. divele.appendChild(puesto);                                                    
  33. divele.appendChild(ele);
  34. divele.appendChild(salto);
  35. divele.appendChild(nombre);
  36. divele.appendChild(ele2);
  37. divele.appendChild(separacion);
  38.  
  39.     }
  40. }
  41. </script>

Por otra parte alguien me ayudo a hacer uno en el que agregaras campos FILE y a subirlos a la Base de Datos. es este:

Código Javascript:
Ver original
  1. <script language="JavaScript" type="text/javascript">
  2.  
  3. function elemento_file(x){
  4. var divele=document.getElementById("elementos");
  5.    
  6. if(x==1){
  7.        
  8. if(divele.lastChild){
  9. divele.removeChild(divele.lastChild);
  10. divele.removeChild(divele.lastChild);
  11.     }
  12. }
  13.                            
  14. else {
  15. salto=document.createElement("br");
  16. ele=document.createElement("input");
  17. ele.type="file";
  18. ele.name="mielemento[]";                                                       
  19. divele.appendChild(ele);
  20. divele.appendChild(salto);
  21.     }
  22. }
  23. </script>

Así los recogía:

Código PHP:

if($_FILES["mielemento"]){ 
             
            foreach (
$_FILES["mielemento"]["error"] as $clave => $error) { 
                if (
$error == UPLOAD_ERR_OK) { 
                    
$nombre_tmp $_FILES["mielemento"]["tmp_name"][$clave]; 
                    
$nombre $_FILES["mielemento"]["name"][$clave]; 
                    if(
move_uploaded_file($nombre_tmp"$nombre")) echo "subido: $nombre<br>"
                } 
                 
        }} 

Alguien me puede echar una mano con el JavaScript?

Gracias.