Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/08/2016, 12:42
Japrendo
 
Fecha de Ingreso: noviembre-2013
Mensajes: 147
Antigüedad: 11 años, 4 meses
Puntos: 1
insertar un div

Amigos necesito una idea..

Tengo una tabla en JSP, y quiero que cuando le de click sobre un registro se despliegue una tabla para mostrar el detalle inmediatamente abajo del registro clickeado...es decir insertar un DIV y dentro de ese div presentar una tabla..

El problema es que inserto el div pero no se como ubicarlo debajo del registro clickeado...el crea el div cuando termina la tabla.
aqui el codigo..agradezco sus aportes :

Código Java:
Ver original
  1. <table id='tablaDetalle' class="tListaFuncs" border="0">
  2.             <tr>
  3.                 <th>ID Asesor</th>
  4.                 <th>Nombre Asesor</th>
  5.                 <th>Agrupacion Ramos</th>
  6.                 <th>Ramo/Producto</th>
  7.                 <th>Fecha Mvto</th>
  8.                 <th>Horario</th>
  9.                 <th>Poliza</th>
  10.                 <th>Valor Mvto</th>
  11.             </tr>    
  12.             <%
  13.             for (int i=0;i<DetLiq.size();i++){
  14.                %>
  15.                <tr>
  16.                <td onmouseover="fncPuntero(this);" onclick="fncCreaDiv();"><%=DetLiq.get(i).getCampo3()%></td>
  17.                <td><%=DetLiq.get(i).getDesc3()%></td>
  18.                <td><%=DetLiq.get(i).getDesc4()%></td>
  19.                <td><%=DetLiq.get(i).getCampo4()%></td>
  20.                <td><%=DetLiq.get(i).getFec2()%></td>
  21.                <td><%=DetLiq.get(i).getDesc5()%></td>
  22.                <td><%=DetLiq.get(i).getDesc6()%></td>
  23.                <td class="tdValor" text-align:right><%=fmt.format(DetLiq.get(i).getCampo5())%></td>
  24.                
  25.                </tr>
  26.                <%  
  27.                 total=total+DetLiq.get(i).getCampo5();
  28.             }    
  29.             %>
  30.             <tr>
  31.                <td style=" text-align: right; font-weight: 700;color: darkolivegreen; background: #FAFAFA; font-family: serif; font-size: 13px " colspan='7'>Total</td>    
  32.                <td style="font-weight: 700;color: darkolivegreen; background: #FAFAFA; font-family: serif; font-size: 13px; text-align:  right "><%=fmt.format(total)%></td>
  33.             </tr>
  34.         </table>

la funcion es esta :

Código Javascript:
Ver original
  1. function fncCreaDiv(){
  2.                alert("xxx");
  3.               var iDiv = document.createElement('div');
  4.               iDiv.id = 'block';
  5.               iDiv.className = 'block';
  6.               iDiv.innerHTML="xxxx";
  7.                alert("1");
  8.               document.getElementById('tablaDetalle').appendChild(iDiv);
  9.              
  10.                alert("2");
  11.               var element =  document.getElementById("block");
  12.               var fragment_url = "sgvReporteDetalle2.jsp";
  13.                alert("3");
  14.               peticion.open("GET", fragment_url); peticion.onreadystatechange =           function(){
  15.               if (peticion.readyState === 4){element.innerHTML = peticion.responseText;}
  16.               };peticion.send(null);
  17.            }