No hace split en parámetros

[CHuLoSoY]

Hola amigos.

No logro dar con la solución. El caso es que uso ajax para enviar datos por POST y esos datos los leo de los campos de texto (input text y textarea) con identificadores.

El caso es que el código funciona bien con un parámetro. Si le intento pasar varios y hacer un split no lo logra. Os explico con código fuente:

Código HTML:

<textarea id="textoEscrito" rows="3" cols="87" onKeyPress="return capt(event);"></textarea>
<input type="hidden" id="idConexion" value="1">
 

Esos son los dos campos que necesito enviar.
La función la lanzo así:

Código Javascript:

function capt(e){
    var tcl = (document.all)?e.keyCode:e.which;
    if (tcl==13){
 
        cargarContenidoPOST("pagina.php?accion=enviarMsg", "textoEscrito", "contenedorChat");
        
    }
}
 

Y funciona de perlas con el segundo parámetro con valor "textoEscrito" que es el textarea.

Ahora el código fuente de la función ajax:

Código Javascript:

function cargarContenidoPOST(pagina, parametros, contenedor){
 
    contenedor = document.getElementById(contenedor);
    envio = "";
 
        valor = document.getElementById(parametros).value;
        envio += parametros+"="+valor+"&";
 
    ajax=nuevoAjax();
    ajax.open('POST', pagina, true);
    ajax.onreadystatechange=function() {
    
        if (ajax.readyState==4) {
            contenedor.innerHTML = ajax.responseText
        }
 
    }
    ajax.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    ajax.send(envio);
}
 

Y funciona de perlas.

Ahora viene el problema. Quiero enviar también el hidden con lo que hice esto:

Código Javascript:

function capt(e){
    var tcl = (document.all)?e.keyCode:e.which;
    if (tcl==13){
 
        cargarContenidoPOST("chat.php?accion=enviarMsg", "textoEscrito|idConexion", "contenedorChat");
        
    }
}
 

Y modifico la función así:

Código Javascript:

function cargarContenidoPOST(pagina, parametros, contenedor){
 
    contenedor = document.getElementById(contenedor);
    envio = "";
    parametros.split("|");
 
    for(i in parametros) {
 
        valor = document.getElementById(parametros[i]).value;
        envio += parametros[i]+"="+valor+"&";
    
    }
 
    ajax=nuevoAjax();
    ajax.open('POST', pagina, true);
    ajax.onreadystatechange=function() {
    
        if (ajax.readyState==4) {
            contenedor.innerHTML = ajax.responseText
        }
 
    }
    ajax.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    ajax.send(envio);
}
 

Y no va, no funciona! La consola de errores de firefox me dice que document.getElementById(parametros[i]) es nulo. ¿Cómo si funciona de uno, no funciona de dos?

Es un tema que me tiene muy mosca. Haciendo debug después de hacer split() a parametros me crea el array perfectamente.

Y otra cosa, que probé a cambiar el for(i in parametros) por for(i=0; i<parametros.length; i++) y tampoco va!

agradezco cualquier ayuda.

Desde ya, muchas gracias!

[CHuLoSoY]

Creo que más bien es un problema de javascript. Por favor, si hiciesen el favor de mover el mensaje se lo agradecería y disculpen las molestia.s

[Adler]

Hola

Prueba con una variable param = parametros.split("|");

Suerte

[CHuLoSoY]

Hace lo mismo sin explicación. Ambos elementos existen...

[Adler]

Hola

No lo entiendo. En una desesperada, si esos son los dos únicos campos del formulario, puedes hacer esto
La llamada a capt. Antes dale un name (el mismo que la id) a los campos

onKeyPress="return capt(event, this.form);

En capt

function capt(e, val){
var tcl = (document.all)?e.keyCode:e.which;
if (tcl==13){

cargarContenidoPOST("pagina.php?accion=enviarMsg", val[0].value, val[1].value, "contenedorChat");

}
}

En cargarContenidoPOST

function cargarContenidoPOST(pagina, parametros1, parametros2, contenedor){

contenedor = document.getElementById(contenedor);


ajax=nuevoAjax();
ajax.open('POST', pagina, true);
ajax.onreadystatechange=function() {

if (ajax.readyState==4) {
contenedor.innerHTML = ajax.responseText
}

}
ajax.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
ajax.send('textoEscrito='+parametros1+'&idConexion ='+parametros2);
}

Suerte

[CHuLoSoY]

Pero eso me obliga a usar esa función para ese formulario únicamente.
Mi idea era utilizar esa función para múltiples propósitos, y no hacer una función exactamente igual una y otra, y otra vez para otras cosas.

No entiendo lo que pasa, lo he probado de varias formas distintas, pero se jode al intentar enviar más de un parámetro.

¿Alguna idea de cómo rehacer la función con el mismo propósito?

Saludos.

[CHuLoSoY]

Si tú copiases el código fuente de arriba que puse yo te funcionaría?
Podrías probarlo por favor?

[Adler]

Hola

Si es como te dije en un principio. Fijate el único cambio que hecho, aparte de join(). Usa join() para evitar que se escriba una "&" al final

Código Javascript:

function capt(e){
    var tcl = (document.all)?e.keyCode:e.which;
    if (tcl==13){
 
        cargarContenidoPOST("chat.php?accion=enviarMsg", "textoEscrito|idConexion", "contenedorChat");
        
    }
}
 
function cargarContenidoPOST(pagina, parametros, contenedor){
 
    contenedor = document.getElementById(contenedor);
    envio = [];
    param = parametros.split("|");
 
 for(i in param) {
 
        valor = document.getElementById(param[i]).value;
        envio[i] = param[i]+"="+valor;
    
    }
 
    ajax=nuevoAjax();
    ajax.open('POST', pagina, true);
    ajax.onreadystatechange=function() {
    
        if (ajax.readyState==4) {
            contenedor.innerHTML = ajax.responseText
        }
 
    }
    ajax.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    ajax.send(envio.join('&'));
}
   
}
 

Suerte

[CHuLoSoY]

Nada, el problema seguía siendo el mismo, no existe el elemento, la línea:

Código Javascript:

valor = document.getElementById(param[i]).value;
 

Así que se me ocurrió meterle una cadena antes del texto del id y quedó así:

Código Javascript:

valor = document.getElementById("campo"+param[i]).value;
 

Código HTML:

<input type="hidden" id="campoidConexion" value="x">
 

Voilà , funcionó al momento, no me preguntes porqué, necesita un texto antes de la variable.

Saludos y mil gracias!

PD: ¿Tiene esto alguna explicación lógica?

[Adler]

Hola

Pues no, el código que te presenté está probado y funciona. Lo dejaremos con un expediente X

Enhorabuena

[zerokilled]

confio que el codigo de adler funciona correctamente, aparte de que lo analice mentalmente. sin embargo, no encuentro la explicacion logica del por que soluciono agregando un string antes del id. como ultimo recurso se me ocurre analizar como el navegador esta enviando la peticion http y como el servidor lo esta recibiendo. para el analisis del envio puedes usar el addons httpfox de firefox.

[CHuLoSoY]

Yo tampoco lo entiendo. No llegaba a enviar petición http alguna porque ni siquiera era un problema de ajax (me equivoqué de foro al postear), era de javascript. El script se cortaba en el momento de agarrar el valor del input.
getElementById(parametro) es correcto
getElementById("string"+parametro) es correcto
getElementById("string"+parametro[i]) es correcto
getElementById(parametro[i]) es incorrecto

Para mi no tiene sentido, y el código fue probado en Firefox 3.6.8, Firefox 4.0 Beta 4, Opera, Google Chromium, Google Chrome, IE4Linux, Konqueror, reKonq y Midori (en Linux) y Firefox 3.6.10, firefox 4.0 beta 4, IE 6, IE 7, IE 8 (virtualbox con windows xp) y en todos el mismo error.

[zerokilled]

el que marcas como incorrecto deberia funcionarte igual. capaz que algo hicistes mal. ¿cual es el error, si alguno, que te indica la consola? el siguiente ejemplo es solo una demostracion de que la sintaxis funciona correctamente. aqui utilizo alert pero solo para mostrar el valor.

Código:

var s = "foo|bar|zoo".split("|");
for(var i in s)alert(s[i]);

[CHuLoSoY]

Que si, que ya lo se. Debería funcionar porque no es incorrecto, es totalmente correcto. El que dice que es incorrecto es la consola de errores de firefox.

document.getElementById(parametro[i]) is null

Con un string delante o detrás ya no es nulo. Por tanto, es cien por cien pajarada.

No da ni un solo problema cuando es un parámetro, no da problemas cuando son varios parámetros pero con un string en el getElementById, pero sí da problemas cuando son varios parámetros y no llevan más que su propio valor.

Raro raro raro.

Saludos.

[zerokilled]

no se pues, en mi experiencia la unica forma que getElementById devuelve null es si: (a) el elemento con dicho ID no existe en el documento, (b) si escribes mal el id. ¿no habra sido este ultimo?

[CHuLoSoY]

Iniciado por zerokilled

no se pues, en mi experiencia la unica forma que getElementById devuelve null es si: (a) el elemento con dicho ID no existe en el documento, (b) si escribes mal el id. ¿no habra sido este ultimo?

Gracias por interesarte zerokilled, pero lo único que había mal escrito era que no tenía algo antes (o después) del id. Lo solucioné poniendo una "c" delante sin más, y acabé poniéndole "campo" para identificarlos mejor.
Como dato curioso, si pongo "campo-"+parametro[i] tampoco funciona (nótese el guión antes de las comillas).

Saludos!

[Adler]

Iniciado por CHuLoSoY

Como dato curioso, si pongo "campo-"+parametro[i] tampoco funciona (nótese el guión antes de las comillas).

Sí, esto que mencionas también me ocurrió, y aún no he entendido el por qué. El caso que dejé de usar el guión alto y lo cambié por el guión bajo. Enigmas de la programación