Ver Mensaje Individual
  #2 (permalink)  
Antiguo 12/01/2016, 10:07
ZedGe1505
 
Fecha de Ingreso: junio-2011
Mensajes: 289
Antigüedad: 8 años, 6 meses
Puntos: 15
Respuesta: Actualizar contenido de un modal

No tengo el tiempo de recrear el código pero puede ser por que usas

Código:
appendChild()
Con eso agregas al final del modal tu resultado... y si el tamaño es menor a tu contenido (y el css conspira) siempre te mostrará el priemer resultado


EDITO:


= lo recree xD

Cuando usas

Código Javascript:
Ver original
  1. var div1 = document.createElement("div");
  2.                 div1.setAttribute("id","media");
  3.         div1.innerHTML = "<div>Contenido de resultado 2 en modal</div>";
  4.                 document.body.appendChild(div1);

Creas un DIV #media y le insertas un div nuevo con el texto.... el append te irá creando DIV hacia abajo. Si modificas el append tienes el problema que = tienes 3 div con distinto ID, es decir, siempre te mostraría (en el peor de los casos) los div baja media y alta...

Prueba esto para ver si es lo que buscas

Código HTML:
Ver original
  1. <input type="button" name="Ver total" value="Resultado" onclick="motiva('1','1','1','1')" data-toggle="modal" data-target="#modalFormulario">

Código Javascript:
Ver original
  1. function motiva(valor1,valor2,valor3,valor4) {
  2.             var total;
  3.             total = parseInt(parseInt(valor1)+parseInt(valor2)+parseInt(valor3)+parseInt(valor4));
  4.             total+=Math.random()*2;
  5.             var div1 = document.createElement("div");
  6.             div1.setAttribute("id","contenido");
  7.             document.body.appendChild(div1);
  8.            
  9.             if (total < 5) {
  10.                $("#contenido").html("<div>Contenido de resultado 1 en modal</div>")
  11.             }
  12.  
  13.             else if (total < 7) {
  14.                $("#contenido").html("<div>Contenido de resultado 2 en modal</div>")
  15.             }
  16.            
  17.             else if (total >6){
  18.                $("#contenido").html("<div>Contenido de resultado 3 en modal</div>")
  19.             }
  20.            
  21.         }

Última edición por ZedGe1505; 12/01/2016 a las 10:38