[SOLUCIONADO] Relacion entre usuarios

[zreep]

Hola a todos, le comento que tengo que hacer un sistema en cual al ingresar usuario se relaciones si con familiares o no. Por un lado eso ya esta hecho. Pero al ingresar la cantidad de hijos, tengo un campo en cual coloco el numero de hijos y abajo tengo que poner los nombres. Si son dos, tengo que agregar dos input, pero como hago para guardar ese dato en la base de datos. Se entiende lo que quiero hacer?

Espero me ayuden. Gracias

[mortiprogramador]

Hola, pues actualmente como se maneja la relación entre los familiares?
Podría ser del mismo modo, un hijo viene a ser un familiar.
Pero si se quiere manejar diferente, dos opciones:
1. En el campo de hijo se podría guardar los nombres de los hijos separados por coma,
o incluso un objeto json (en cuyo caso el campo pasaría a ser text, o incluso, dependiendo de tu motor de bd y versión, podría ser tipo json). Y luego, al querer mostrar la cantidad, pues se haría un count de estos elementos.
2. Manejar una tabla aparte para los hijos, heredando el id del familiar principal.

[zreep]

Claro, hago una herencia del vinculo familia, en este caso, padres y cónyuge. Con los hijos también también puedo hacer lo mismo. Mi primera opción fue agregar a los hijos en textarea, ya que puede haber familias que puedan tener mas 2 hijos. Voy a probar con eso.
Gracias mortiprogramador

[alvaro_trewhela]

Lo del textarea es una buena solución, el problema esta del lado del cliente, y que entienda que el salto de linea separa hijos, se que es algo tal vez tonto, pero tienes que ponerte en los zapatos de el.

Una buena opcion, es a travez de un text input, y con el evento onchange se se llene una lista, ergo borras el valor del text input algo así

Código Javascript:

function fillSonsList(list, fill, name){
var filler = document.getElementById(fill);
var val = filler.value;
filler.value = "";
 
var input = document.createElement("input");
input.setAttribute("type", "text"); //text type input to see value
input.setAttribute("value", val); //value of input
input.setAttribute("readonly", ""); //disable input to changes
input.setAttribute("name", name+"[]"); //set array of inputs
input.setAttribute("class", "some-class"); //to add styles i guess?
document.getElementById(list).appendChild(input);     
}
 

Parametros:
list: el elemento html a llenar
fill: el input con que llenas la lista
name: el nombre que le darás al input para que sea enviado a php

Ejemplo

Código HTML:

<input type="text" onchange="fillSonsList('sons-list', this.id, 'sons');" />
<form id="sons-list"></form>
 

Cual es el chiste de esto?

Que en esta línea

Código Javascript:

input.setAttribute("name", name+"[]"); //set array of inputs
 

Se va agregando inputs así

Código HTML:

<input name="foo[]" />
<input name="foo[]" />
<input name="foo[]" />
 

Y en php obtienes un arreglo de esos foo

Código RETURN:

["foo"] => array(N) { [0]=> "var1" [1]=> "var2" [2]=> "var3", ... , [N-1]=> "varN-1" [N]=> "varN" }
 

Saludos

P.S: faltaría un botoncito para eliminar un hijo si es mal escrito, pero eso sería tarea para ti si es que te gusta mi propuesta

[zreep]

Gracias alvaro_trewhela, había cosas que no pensé. Gracias nuevamente por la info y voy a poner en marcha tu consejo.

pd: seguro voy a hacer otras preguntas... es un trabajo largo... je

[alvaro_trewhela]

Quiero hacer un fix a la funcion, deje como constante el atributo class:

Código Javascript:

input.setAttribute("class", "some-class"); //to add styles i guess?
 

Es myt util para darle estilos a los inputs que sea la clase que tu necesites y no meter mano a la funcion, habría que quitar esa línea hacer un condicional, por si no fuera necesario darle una clase (que es raro, pero excluyente). y agregar un parametro a la función, le cambie el nombre a la funcion para que sea más general, aqui el fix:

Código Javascript:

function fill_list(list, fillerID, name, someClass){
var filler = document.getElementById(fillerID);
var val = filler.value;
filler.value = "";
 
var input = document.createElement("input");
input.setAttribute("type", "text"); //text type input to see value
input.setAttribute("value", val); //value of input
input.setAttribute("readonly", ""); //avoid input changes
input.setAttribute("onfocus", "this.blur()"); //to avoid focus 
input.setAttribute("name", name+"[]"); //set array of inputs
 
if(someClass != null){
input.setAttribute("class", someClass); //to add styles i guess?
}
 
document.getElementById(list).appendChild(input);
}
 

Entonces lo usas así

Código HTML:

<input onchange="fill_list('theList', this.id, 'sons', 'sonsInputs');" />
<element id="theList"></element>
 

Si no quieres darles clases solo quita el último parámetro

Código HTML:

<input onchange="fill_list('theList', this.id, 'sons');" />
<element id="theList"></element>
 

Edito otro fix, agrego evento focus y gatillar onblur a los inputs para deseleccionar automaticamente, ya que al ser readonly de todas maneras al hacer click en los inputs aparece el cursor de texto (barrita parpadeante), esto se arreglaría con disabled, el problema con este atributo es que no se envia a php.

Ahora si, saludos

[zreep]

Muchas gracias alvaro_trewhela... ahora tengo que ir por otra pregunta... je