Tema: Ajax problemas con HTML
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 19/04/2012, 15:15
marcelamorales
 
Fecha de Ingreso: junio-2009
Mensajes: 29
Antigüedad: 15 años, 5 meses
Puntos: 0
Respuesta: Ajax problemas con HTML
Ps yo digo que es el ajax debido a que apenas se recarga el tercer div me modifica todo o bueno, no conozco mucho de html y css. El código de creación de la primera gráfica es:
Código HTML: 
Ver original
  1. <table class="conborde" width="100%" cellpadding="0" cellspacing="0" border="1">
  2.                 <tr>
  3.                     <td width="50%" align="center" valign='top' style=" border-right: 2px ridge ">
  4.                         <div id="DIV_grafica1" width="50%">
  5.                             <form enctype='multipart/form-data' method='POST' action='index.php' name='formulario2' accept-charset="UTF-8">
  6.                                 <div id="bloqueGrafica2" >
  7.                                     <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" >
  8.                                         <tr >
  9.                                             <td>
  10.                                                 <?
  11.                                                 echo "<div id='descripcion_corta_g2' align='justify' style='display: none;'>";
  12.                                                 echo "<a href='#' onclick=\"muestra_capa('descripcion_completa_g2',0); muestra_capa('descripcion_corta_g2',1);return false;\"> Mostrar par&aacute;metros >> </a>";
  13.                                                 echo "</div>";
  14.                                                 echo "<div id='descripcion_completa_g2'  style='background-color: #e2e4e7;'  align='justify'>";
  15.                                                 echo "<table >";
  16.                                                 //if ($aspecto_grafica_2_xdefecto && $aspectos_grafica_2) {//validar si existen parámetros para graficar
  17.                                                 if ($aspecto_grafica_2_xdefecto) {//validar si existen parámetros para graficar
  18.                                                     //imprimir formulario con campos correspondientes a los parametros necesarios para generar la gráfica 2
  19.                                                     if ($parametros_grafica_2) {
  20.                                                         $this->imprimirParametros($parametros_grafica_2, $aspecto_grafica_2_xdefecto, $configuracion, '_GRAFICA_2', $aspectos_grafica_2);
  21.                                                     }//fin if ($parametros_grafica_2)
  22.                                                 }//fin if ($aspecto_grafica_2_xdefecto && $aspectos_grafica_2)
  23.                                                 //echo "<a href='#' onclick=\"muestra_capa('descripcion_completa_g2',1); muestra_capa('descripcion_corta_g2',0);return false;\"> << Contraer par&aacute;metros </a>";
  24.                                                 echo "</table>";
  25.                                                 echo "</div>";
  26.                                                 echo "<br><br>";
  27.                                                 ?>                                                
  28.                                             </td>
  29.                                         </tr>
  30.                                     </table>
  31.  
  32.                                 </div>
  33.                                 <?
  34.                                 if ($nombre_archivo_porcentaje !== null && $nombre_archivo_porcentaje !== '') {
  35.                                     
  36.                                     ?>
  37.  
  38.                                     <div  style="float: left;">
  39.                                         <script type="text/javascript">                                            
  40.                                             swfobject.embedSWF("<? echo $configuracion['host'] . $configuracion['site'] . $configuracion['bloques']; ?>/tablero_comando_nuevo/open-flash-chart.swf", "my_chart2", "400", "210", "9.0.0", "expressInstall.swf", {"data-file":"<? echo $configuracion['host'] . $configuracion['site'] . $configuracion['bloques']; ?>/tablero_comando_nuevo/graficas/<? echo $nombre_archivo_porcentaje; ?>", "get-data":"get_data_1","loading":"Cargando datos..."});                                                                                                                                                                                                                                                                                                                                                                                                                         
  41.                                                                                 
  42.                                         </script>                                            
  43.                                     </div>                                    
  44.                                 <? } ?>     
  45.                                 <table class="conborde" width="30%" cellpadding="0" cellspacing="0" border="1" align="right">
  46.                                     <div id="ventana2" >
  47.                                         <br>
  48.                                         <div id="my_chart2"> <font face="Verdana" size="3" color="#CC0000"><? echo $mensajeErrorProporcion; ?></font> </div>
  49.                                     </div>                            
  50.                                     <div align ="left">                                
  51.                                         <a href="#" onclick="javascript:Abrir_ventana('<? echo $configuracion['host'] . $configuracion['site'] ?>/bloque/tablero_comando_nuevo/popupGrafica.php?nombre=<? echo $nombre_archivo_porcentaje; ?>&parametros=<? echo $nombre_archivo_porcentaje_txt ?>&host=<? echo $configuracion['host'] ?>&raiz=<? echo $configuracion["raiz_documento"] ?>&principal=<? echo $configuracion["sitePrincipal"]; ?>')">
  52.                                             <img src='<? echo $configuracion['host'] . $configuracion['site'] . $configuracion['grafico']; ?>/viewdoc.png' border='0' align ="left" title="Ampliar">
  53.                                             Ampliar
  54.                                         </a>
  55.                                     </div>  
  56.                                 </table>
  57.                             </form>
  58.                         </div>
  59.                     </td>
  60.                     <td width="50%" align="center"  style=" border-right: 2px ridge ;">
  61.                         <div id="DIV_grafica2" width="50%">                            
  62.                         </div>
  63.                     </td> 
  64.                 </tr> 
  65.                 <tr>
  66.                     <td width="50%" align="center"  style=" border-right: 2px ridge ;">
  67.                         <div id="DIV_grafica3" width="50%">                              
  68.                         </div>
  69.                     </td>
  70.                     <td width="50%" align="center"  style=" border-right: 2px ridge ;">
  71.                         <div id="DIV_grafica4" width="50%">                            
  72.                         </div></td>
  73.                 </tr>
  74.             </table>

Y el de la grafica que genera el inconveniente al cargarse es:
Código HTML: 
Ver original
  1. <table class="conborde" width="10%" cellpadding="0" cellspacing="0" border="1">
  2.                 <tr>
  3.                     <td width="50%" align="center" valign='top'>
  4.                         <div id="DIV_grafica1">
  5.                             <form enctype='multipart/form-data' method='POST' action='index.php' name='formulario2' accept-charset="UTF-8">
  6.  
  7.                                 <?
  8.                                 if ($nombre_archivo_tendencia2 !== null && $nombre_archivo_tendencia2 !== '') {
  9.                                     $this->generarGrafica->crearTexto($configuracion, $nombre_archivo_tendencia_txt2, $nombre_archivo_tendencia2);
  10.                                     ?>                                                           
  11.                                     <div align ="left">                                
  12.                                         <a href="#" onclick="javascript:Abrir_ventana('<? echo $configuracion['host'] . $configuracion['site'] ?>/bloque/tablero_comando_nuevo/popupGrafica.php?nombre=<? echo $nombre_archivo_tendencia2; ?>&parametros=<? echo $nombre_archivo_tendencia_txt2 ?>&host=<? echo $configuracion['host'] ?>&raiz=<? echo $configuracion["raiz_documento"] ?>&principal=<? echo $configuracion["sitePrincipal"]; ?>')">
  13.                                             <img src='<? echo $configuracion['host'] . $configuracion['site'] . $configuracion['grafico']; ?>/viewdoc.png' border='0' align ="left" title="Ampliar">
  14.                                             Ampliar
  15.                                         </a>
  16.                                     </div>  
  17.                                 <? } ?>
  18.                             </form>
  19.                         </div>
  20.                     </td>
  21.                 </tr>                
  22.             </table>