Validar tabla dinamica

vmac179 · #1 (**permalink**) 22/11/2008, 14:09

Espero me puedan ayudar

Código PHP:

  function agregar_fila(origen,destino) {

    ///////////////////////////////////////////

 
    var region   = origen.regiones.value;

    var territorio = origen.territorio.value;

    var provincia = origen.provincia.value;

    var comuna = origen.comuna.value;

    var localidad = origen.value;

    

    var nuevo_indice = destino.rows.length;

 
    var fila;

    var celda;

    var valor;

    

    fila = destino.insertRow(nuevo_indice);

    fila.style.background = "white";

    

    ///////////////////////////////////////////

 
    celda = fila.insertCell(0);

    valor = document.createElement("input");

        valor.type = "checkbox";

        valor.id = "marca[]";

        valor.name = "marca[]";

        valor.value = nuevo_indice;

    celda.appendChild(valor);

 
    ///////////////////////////////////////////

 
    celda = fila.insertCell(1);

    var region = document.createElement('input') 

        region.type = 'hidden'

 
    var region_id = document.getElementById('regiones');

        var txtTextObj = document.getElementById('txtText');

        

    var selIndex = region_id.selectedIndex;

        region.value = region_id.options[selIndex].text;    

 
    valor = document.createTextNode(region.value);

    celda.appendChild(valor);

    

    ///////////////////////////////////////////

 
    celda = fila.insertCell(2);

    var territorio = document.createElement('input') 

        territorio.type = 'hidden'

 
    var territorio_id = document.getElementById('territorio');

        var txtTextObj = document.getElementById('txtText');

 
    var selIndex = territorio_id.selectedIndex;

        territorio.value = territorio_id.options[selIndex].text;    

 
    valor = document.createTextNode(territorio.value);

    celda.appendChild(valor);

    

    ///////////////////////////////////////////

 
    celda = fila.insertCell(3);

    var provincia = document.createElement('input') 

        provincia.type = 'hidden'

 
    var provincia_id = document.getElementById('provincia');

        var txtTextObj = document.getElementById('txtText');

 
    var selIndex = provincia_id.selectedIndex;

        provincia.value = provincia_id.options[selIndex].text;    

 
    valor = document.createTextNode(provincia.value);

    celda.appendChild(valor);

    

    ///////////////////////////////////////////

 
    celda = fila.insertCell(4);

    var comuna = document.createElement('input') 

        comuna.type = 'hidden'

 
    var comuna_id = document.getElementById('comuna');

        var txtTextObj = document.getElementById('txtText');

 
 
    var selIndex = comuna_id.selectedIndex;

        comuna.value = comuna_id.options[selIndex].text;

 
    valor = document.createTextNode(comuna.value);

    celda.appendChild(valor);

 
    ///////////////////////////////////////////

 
    celda = fila.insertCell(5);

 
    var localidad = document.createElement('input')

        localidad.type = 'hidden'

        localidad.name = 'localidad[]'

 
    var localidad_id = document.getElementById('localidad');

        var txtTextObj = document.getElementById('txtText');

 
    var selIndex = localidad_id.selectedIndex;

        localidad.value = localidad_id.options[selIndex].text;

 
    valor = document.createTextNode(localidad.value);

    celda.appendChild(valor);

 
    ///////////////////////////////////////////

 
    celda = fila.insertCell(6);

 
    var localidad_value = document.getElementById('localidad');

    var selIndex = localidad_value.selectedIndex;

    var val = localidad_value.options[selIndex].value;

    valores = val.split(',')

 
    var latitud = document.createElement('input') // latitud

        latitud.type = 'text'

        latitud.name = 'latitud[]'

        latitud.id = 'latitud'

        latitud.onblur = coordenadas_1;

        latitud.onkeypress = numeros_dom;

        latitud.value = valores[1]

        if (valores[1] != '') {

        latitud.readOnly = true

        }

 
        celda.appendChild(latitud);

 
    ///////////////////////////////////////////

 
    celda = fila.insertCell(7);

 
    var localidad_value = document.getElementById('localidad');

    var selIndex = localidad_value.selectedIndex;

    var val = localidad_value.options[selIndex].value;

    valores = val.split(',')

 
    var longitud = document.createElement('input') // longitud

        longitud.type = 'text'

        longitud.name = 'longitud[]'

        longitud.id = 'longitud'

        longitud.onkeypress = numeros_dom;

        longitud.value = valores[2]

        if (valores[2] != '') {

        longitud.readOnly = true

        }

 
        celda.appendChild(longitud);

 
    ///////////////////////////////////////////

 
    celda = fila.insertCell(8);

    var monto = document.createElement('input') // montos

        monto.type = 'text'

        monto.name = 'montos[]'

        monto.setAttribute('class', 'required')

        monto.title = 'Ingrese el monto asignado'

        monto.onkeypress = numeros_dom;

 
        celda.appendChild(monto);

 
    ///////////////////////////////////////////

 
    var    region = document.createElement('input') // regiones

        region.type = 'hidden'

        region.name = 'regiones[]'

 
    var region_id = document.getElementById('regiones');

        var txtidObj = document.getElementById('txtid');

 
    var selIndex = region_id.selectedIndex;

        region.value = region_id.options[selIndex].id;

 
        celda.appendChild(region);

 
    ///////////////////////////////////////////

 
    var    territorio = document.createElement('input') // territorio

        territorio.type = 'hidden'

        territorio.name = 'territorios[]'

 
    var territorio_id = document.getElementById('territorio');

        var txtidObj = document.getElementById('txtid');

 
    var selIndex = territorio_id.selectedIndex;

        territorio.value = territorio_id.options[selIndex].id;

 
        celda.appendChild(territorio);

 
    ///////////////////////////////////////////

 
    var    provincia = document.createElement('input') // territorio

        provincia.type = 'hidden'

        provincia.name = 'provincias[]'

 
    var provincia_id = document.getElementById('provincia');

        var txtidObj = document.getElementById('txtid');

 
    var selIndex = provincia_id.selectedIndex;

        provincia.value = provincia_id.options[selIndex].id;

 
        celda.appendChild(provincia);

 
    ///////////////////////////////////////////

 
    var    comuna = document.createElement('input') // territorio

        comuna.type = 'hidden'

        comuna.name = 'comunas[]'

 
    var comuna_id = document.getElementById('comuna');

        var txtidObj = document.getElementById('txtid');

 
    var selIndex = comuna_id.selectedIndex;

        comuna.value = comuna_id.options[selIndex].id;

 
        celda.appendChild(comuna);

 
    ///////////////////////////////////////////

 
    var localidad_value = document.getElementById('localidad');

    var selIndex = localidad_value.selectedIndex;

    var val = localidad_value.options[selIndex].value;

    valores = val.split(',')

 
    var localidad = document.createElement('input')

        localidad.type = 'hidden'

        localidad.name = 'localidades[]'

        localidad.value = valores[0]

 
        celda.appendChild(localidad);

 
}

Código PHP:

  function coordenadas_1() {

 
inputed=document.getElementById('latitud["+marca[]+"]');

a=inputed.value;

alert(a);

}

Código PHP:

   <button type="button" name="boton" id="boton" onClick="agregar_fila(form,info)" disabled=true >Agregar</button>

  <button type="button" onClick="remover_filas_marcadas(info)">Remover</button>

 
<table class="ensayo" id="info" name="info">

<tr class="titulos">

    <td>&nbsp;</td>

    <td>Region</td>

    <td>Territorio</td>

    <td>Provincia</td>

    <td>Comuna</td>

    <td>Localidad</td>

    <td>Latitud</td>

    <td>Longitud</td>

    <td>Monto</td>

</tr>

</table>

Salu2

JavierB · #2 (**permalink**) 22/11/2008, 14:15

Hola vmac179

¿Ayudarte a qué?

Saludos,

vmac179 · #3 (**permalink**) 22/11/2008, 14:45

con la funcion coordenadas_1()

Código PHP:

  
function coordenadas_1() {

inputed=document.getElementById('latitud["+marca[]+"]');
a=inputed.value;
alert(a);
}

no me esta validando

vmac179 · #4 (**permalink**) 22/11/2008, 15:51

a ver, si la funcion la dejo de esta manera

Código PHP:

  function coordenadas_1() {

var latitud = document.getElementById('latitud').value;
alert ( latitud )
}

me arroja solamente el valor de la primera columna, lo que no se como hacer es para que me valide todas las que se van creando

David · #5 (**permalink**) 22/11/2008, 16:56

Es que estás asignando un mismo id "marca[]", a todos los que se van creando. El id debe ser único en el documento. Además, lo de latitud en el getElementById no termino de entender por qué lo pones.

vmac179 · #6 (**permalink**) 22/11/2008, 19:59

lo que necesito hacer es validar el campo latitud que se va creando dinamicamente, osea todos los campo latitud que se van creando, llevan el mismo id, y name es por eso que van con corchetes [] porque después los separo en un bucle for y los añado a la BD.

Salu2

David · #7 (**permalink**) 22/11/2008, 20:04

Pero el id, NO DEBE estar repetido. No debes tener dos elementos con el mismo id en el documento. Además, ni en el id ni el name estás agregando "latitud":

Código javascript:

Ver originalvalor.id = "marca[]";
valor.name = "marca[]";

El name sí puede estar repetido, con eso no hay problema, pero el id no se debe. Además, los corchetes no son necesarios en el id, puedes asignar un número sucesivo al id de cada elemento creado, por ejemplo, marca1, marca2, marca3...

vmac179 · #8 (**permalink**) 22/11/2008, 20:34

y si los quiero validar antes de enviar ??

David · #9 (**permalink**) 22/11/2008, 20:54

Puedes usar el evento onsubmit del formulario, recorrer todos los objetos con ese name en un bucle for y validarlos.

vmac179 · #10 (**permalink**) 22/11/2008, 22:32

y como sería ??? si me puedes dar un consejo por favor

David · #11 (**permalink**) 22/11/2008, 22:43

Fíjate en este ejemplo:

Código javascript:

Ver originalelems = document.formulario["nombre[]"];
for (i=0; elem=elems[i]; i++) {
    alert(elem.value);
}

vmac179 · #12 (**permalink**) 23/11/2008, 09:13

simplemente
gracias totales

vmac179 · #13 (**permalink**) 23/11/2008, 10:05

Hola otra vez, disculpen mis dudas dudosas, pero tengo el siguiente problema

Código PHP:

      var cuantas = document.getElementById('info').rows.length; // cuento las filas

    var total = cuantas-1; // le resto la fila de los titulos

    var latitud = document.getElementById['latitud[]'];

    var lat = document.getElementById('latitud[]');

 
        if (total == 1) {            

            alert (lat.value);        

        }  

        if (total != 1) {

            for (i=0; latitud=latitud[i]; i++) {

            alert(latitud.value);

            }

        }

Solo funciona cuando tengo una fila, pero si tengo dos se cae en el for, espero me puedan ayudar

Salu2 y gracias por toda su ayuda y compresión

JavierB · #14 (**permalink**) 23/11/2008, 10:08

Hola vmac179

Me parece que estás usando latitud como un array, pero no es un array porque getElementById sólo devuelve un elemento.

Saludos,

David · #15 (**permalink**) 23/11/2008, 10:10

Tal y como te dice JavierB y como te estoy diciendo desde el primer mensaje

:, no debes tener varios elementos con el mismo id, con getElementById solo obtendrás un elemento. El ejemplo que te coloqué en el mensaje anterior era con elementos que tuviesen el name igual.

vmac179 · #16 (**permalink**) 23/11/2008, 10:31

Arreglado

Código PHP:

      var cuantas = document.getElementById('info').rows.length; // cuento las filas
    var total = cuantas-1; // le resto la fila de los titulos
    var lat = document.getElementById('latitud');            
    var latitud = document.form['latitud[]'];

        if (total == 1) {
            alert (lat.value);        
        }  
        if (total != 1) {
            for (i=0; lat=latitud[i]; i++) {
            alert(lat.value);
            }
        }

Simplemente gracias totales amigos

vmac179 · #17 (**permalink**) 23/11/2008, 13:15

Solucion a problema en IE

Código PHP:

  function coordenadas() {

    var cuantas = document.getElementById('info').rows.length; // cuento las filas
    var total = cuantas-1; // le resto la fila de los titulos

        if (total == 1) {
            var lat = document.getElementById('latitud'); // document.getElementById devuelve solamente un elemento                    
            alert (lat.value);
        }  
        
        else if (total != 1) {
            var latitud = document.form["latitud"];
            for (i=0; lat=latitud[i]; i++) {
            alert(lat.value);
            }
        }  


}