Hacer Pregunta

Conecta

entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

3votos

Reload a div con javascript

preguntó
Software
4135 Vistas
1 Respuestas
abierta

Hola a todos, alguien sabe como puedo hacer que con javascript me haga un reload de un div,

tengo el siguiente codigo

$("#campos").load("ok paso esta seccion");

en este caso quiero que me haga como un reload del div "campos", pero no hace nada :(
alguien que me pueda ayudar?, desde ya gracias

por rach (6.010 puntos) en Software
editado por

1 Respuesta

2votos

Leonardo-Tadei Puntos227320

Hola @rach,

la función load() está pensada para cargar contenido desde un URL según la documentación de JQuery, que creo que es lo que estás usando, pero me desorienta un poco que en vez de un URL le estés pasando texto como parámetro.

Si querés actualizar el contenido, simplemente tenés que volver a llamar a $("#campos").load("un_enlace.php"). Será el script llamado el que generará el nuevo contenido para mostrar.

Si en cambio querés mostrar una serie de texto tipo mensaje que ya están predefinidos, podés hacer:

document.getElementById('campus').innerHTML('el texto a mostrar');

Además de texto, le podés poner tags HTML que serán bien interpretados.

Si no es esto lo que querés hacer, aportanos más detalles.

Saludos cordiales!

por Leonardo-Tadei (227.320 puntos)

1voto

rach comentado

hola @Leonardo-Tadei muchas gracias por responder, mira lo que pasa es que estoy usando ventanas modal, la situacion es la siguiente, tengo varias secciones, mismas que fraccione en un acordion que funciona muy bien, no tengo problemas con eso, cabe mecionar que cada seccion tiene su boton para ir guardando el avance, la cosa es que me gustaria que se fuera actualizando conforme se va avanzando de seccion, no se si me explico, mira te muestro mi codigo

  1. tengo una tabla donde muestro varios resultados
    una columna tiene varios botones
echo "<td width='25%' class='project_progress'>"."<br>".
                        "<div id='idmop' class='png'>".odbc_result($rs,"idmop") .  "</div>".
"<button class='btn btn-primary btn-xs' onclick='myFunction6(\"".odbc_result($rs,'idmop')."\")'><i class='fa fa-pencil'></i> Edit </button>"
  1. al darle click, me manda a esta funcion
function myFunction6 (idMop){
                        //alert(idMop);

                            var parametros = {
                                                "IDMOP" : idMop
                                        };
                                        $.ajax({
                                                data:  parametros,
                                                url:   'test2.php',
                                                type:  'POST',
                                                beforeSend: function () {

                                                },
                                                success:  function (response) {

                                                    $('#myModal3').find('.modal-body').html(response);
                                                    $('#myModal3').modal('show');

                                                }
                                        }); 

                    }
  1. que me manda al archivo php, tes2.php que es donde me muestra el acordion y donde se manejan varias secciones
<div class="accordion odd">
                              <h3>1.2   Service Impact  <?php if ($n2==2) { echo "<img src='images/check.png' width='13px' height='13px'>"; } else{ echo "<img src='images/cancel.png' width='13px' height='13px'>";} ?></h3>

                              <div class="content">
                                Describe the impact as a result of performing this activity, including the impact in case of performing a rollback as part of the general MOP
                                <br>
                                <textarea class="form-control" rows="5" id="text2" name="ovinf2">
                                 <?php echo $serviceImpact; ?>
                                </textarea>
                                 <br>
                                    <button  onclick="updateService()" class="btn btn-success">Submit &raquo; <i class="fa fa-save"></i></button>
                              </div>
                            </div>

esa que pongo arriba es una de muchas que tengo, pero me gustaria que se pudiera actualizar en automatico,

la funcion de guardar es esta

function updateActivityB(ip,signum,idmop,date,hour,status,activity){

var params ={
            "SIGNUM": signum,
            "IDMOP": idmop,
            "DATE": date,
            "STATUS":status,
            "HOUR": hour,
            "IP": ip,
            "ACTIVITY": activity,
            "ACT": 'UPDATEACTIVITY' //type of process which will be used in the ajax call               
        };

        $.ajax({
            data:   params,  // the sent information
            url:    'updatemop.php', // the server file whc
            type:   'post',
            success:    function (response) { // the result of the call will be processed here
            validatesave();
            alert("Successful");

                ////location.reload();  

            }
        }); 
}

Si alguien me puede ayudar, se lo agradeceré mucho

Saludos

por rach (6.010 puntos)

1voto

Leonardo-Tadei comentado

Perdona @rach,

pero no estoy seguro de entiender la naturaleza del problema: si cada parte de la página abre un formulario para modificar los datos, y los formularios envían esto vía AJAX, para actualizar la parte del acordión que fue llamada, podrías pasar los datos del propio formulario al DIV del acordión.

Este código se escribiría en el success de la llamada a actualizar los datos.

Luego, como las ventanas modales de Bootstrap están en la misma página, lo que deberías hacer ahí es algo como:

$('#un_elemento_del_acordion').value = $('#elemento_del_form').value;

Para cada copsa que quieras actualizar. Esto implica ponerle un ID a cada parte del acordión que querés que se actualice.

Es esto lo que querés conseguir?

por Leonardo-Tadei (227.320 puntos)

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


Sin Respuesta

Preguntas relacionadas

Actividad Reciente

Ultimas Preguntas

Preguntas relacionadas

Usuarios Top

Todos los Usuarios Usuarios Nuevos

Etiquetas

Categorías

...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Etiquetas

Categorías

Conecta