cambiar css a código generado con ajax

evoarte · #1 (**permalink**) 16/09/2013, 05:02

buenos días,

antes de poner código, quiero hacer la siguiente pregunta:

¿es posible cambiar el value y poner disabled a false en el campo de un formulario generado con ajax?

mi caso es el siguiente, muestro inicialmente un formulario, y lo envío con ajax, la respuesta es otro formulario, pero en este último no puedo poner disabled a false ni modificar con javascript el value del submit, cosa que si puedo hacer en el formulario inicial.

un saludo,
josé carlos.

jgdev13 · #2 (**permalink**) 16/09/2013, 06:51

En cierto modo se puede, incluyendo el código javascript dentro de la respuesta del servidor.

rjulio21 · #3 (**permalink**) 16/09/2013, 08:00

No necesariamente debes poner javascript en la respuesta del servidor. La cuestión alli es que estar "recargando" el DOM de la página y las funciones que colocas con javascript suelen cargarse con el DOM inicial, entonces para poder agregar funcionalidad a los nodos nuevos debes capturar el refrescamiento. Si usas Jquery. con el evento "on" puedes hacerlo asignando las funcionalidades a el DIV padre que no cambie.
Te agrego aqui un enlace donde hablan del delegate y el On, opciones para ambos.

http://api.jquery.com/delegate/

evoarte · #4 (**permalink**) 16/09/2013, 10:29

te refieres al div que se recarga o al que contiene a este?

un saludo,
josé carlos.

rjulio21 · #5 (**permalink**) 16/09/2013, 11:30

Me refiero al div que contendra la recarga:

Ejm :

Código HTML:

Ver original<html>
<head>
     <body>
          <h1>titulo</h1>
         <div id="dondeCargaras">
                           <!-- Aqui cargaras el contenido con ajax -->
         </div>
     </body>
</html>

Suponiendo que cargaras un contenido con un boton id "btnEnvio" y deseas hacer alguna validación sobre ese botón que cargaras:

Haces lo siguiente

Código Javascript:

Ver original$( document  ).ready(function(){
//Asignas el evento on al div de cambio.
       $("#dondeCargaras").on("click","btnEnvio",function(){
                           //Aqui el codigo que quieres ejecutar en ese boton
       })
 
 
})

evoarte · #6 (**permalink**) 16/09/2013, 13:12

gracias, eres muy amable, lo probaré, y comento.

un saludo,
josé carlos.

caricatos · #7 (**permalink**) 17/09/2013, 01:18

Hola:

No sé si te interesa usar una librería o simplemente javascript... si es el primer caso, danos un aviso para mover el tema...

Sin pensar en las librerías, el nuevo form también puede referenciarse con "document.forms", lo mismo sus controles con document.forms["su_nombre_o_índice"].elements, o si tiene id document.getElementsById... y la asignación de eventos es igual...

Saludos

evoarte · #8 (**permalink**) 19/09/2013, 11:38

voy a tratar de documentarlo algo más:

el form inicial que se envía con ajax tiene este button:

Código HTML:

Ver original<input type="button" name="envio" id="envio" value="textoenvio" class="" onclick="javascript:this.value='enviando ...';this.disabled='disabled';enviaFormajaxDV('/formajax.asp',this.form.id,'divform','alertas',this.id,'textoenvio');" />

y proceso la respuesta:

Código Javascript:

Ver originalfunction leerDatosTXDV(capa,tarea,envioid,enviova) {
if (oXML.readyState==1)
{
    if ( tarea == 'alertas')
    {
        var divaler = document.getElementById("veralertas");
        //divaler.style.display= 'block';               
        divaler.innerHTML = '<img src="/images/ajax/ajax-loader.gif">';
    }
    else
    {
        document.getElementById(capa).innerHTML = '<img src="/images/ajax/ajax-loader.gif">';               
    }
}
 
 
else if (oXML.readyState==4)
{
    var cadena = oXML.responseText;
    var mensajes = cadena.split(",");
    var accion = mensajes[0];
    if (accion == 'alertas')
    {
        var atextodi = "";
        for ( i=1;i<mensajes.length;i++ )
        {
            atextodi += mensajes[i] + "<br /> ";
        }
        document.getElementById("veralertas").innerHTML = atextodi;
        if ( envioid == undefined || envioid == null || envioid == "" || envioid == " " || envioid == NaN ){}
        else
        {
            document.getElementById(envioid).disabled = false;
            document.getElementById(envioid).value = enviova;
        }
                    
    else
    {
        document.getElementById(capa).innerHTML=oXML.responseText;
    }
 
}
 
}

el problema viene cuando la respuesta es un nuevo formulario, por que en este caso aunque la llamada ajax está definida de igual manera ya no vuelve el button de la segunda llamada a disabled false cuando se muestran las alertas del segundo formulario.

(Como no me manejo nada bien con jquery, no se bien como encajar el código de rjulio21 en el script javascript. Sé que con on() de jquery se puede manejar html generado después de la carga inicial de la página)

un saludo,
josé carlos.