Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/10/2014, 01:36
supernino69
 
Fecha de Ingreso: noviembre-2009
Mensajes: 33
Antigüedad: 14 años, 5 meses
Puntos: 0
Recoger valor php para JS y insertar en innerHTML

EDITO EL TEMA PARA ACLARARLO MEJOR A VER SI ALGUIEN SABE:

Al cargar mi página, realiza esta funcion que carga los datos, los cuales, en el VAR CELL , quisiera meter la imagen correspondiente a su numero de ficha.
En el var cell5, realizo lo mismo, solo que en el onclick para llevarme a la imagen en una ventana aparte.
Quisiera saber si puedo hacer un thubmail de esas imagenes tal y como os voy a enseñar:


Código PHP:
Ver original
  1. function cargar_datos_BD (){
  2.         <?php    
  3.         //comprueba si ya se han insertado sus datos o va a ser una nueva inserción
  4.         bd_conectar();
  5.         $conn = $_SESSION["conexion_BD"];
  6.         //consulta para devolver los datos de la adquisición asociados el bien
  7.         $query = " SELECT d.id_documentacion, d.nombre, d.id_tipo_documento, td.valor AS tipo_documento,
  8.                   d.path, d.observacion, date_format(d.fecha_documento,'%d/%m/%Y') AS fecha_documento
  9.                   FROM documentacion d INNER JOIN tipo_documento td ON d.id_tipo_documento = td.id_tipo_documento
  10.                   WHERE d.id_ficha = '" . $_GET['param_id_ficha'] . "' ";
  11.         $res = mysql_query($query, $conn);
  12.         //si devuelve algún documento lo carga en la tabla de documentos para mostrarlo en la pantalla
  13.         if (mysql_num_rows($res) != 0) {
  14.             ?>
  15.             //Crea la variable asociada a la tabla de documentos
  16.             var table = document.getElementById("tabla_documentos");
  17.             <?php      
  18.             for ($i=1;$i<=mysql_num_rows($res);$i++){
  19.                 $fila = mysql_fetch_array($res);
  20.             ?>
  21.                 var row = table.insertRow(<?php print $i; ?>); //Inserta una nueva fila
  22.                 if (<?php print $i; ?> %2 !== 0) //Si es una fila par le aplica el formato de fondo-gris
  23.                     row.className="fondo-gris";
  24.                    
  25.                 //añade el id de la fila    
  26.                 row.id = <?php print $fila["id_documentacion"] ?>;
  27.                
  28.          
  29.                 var cell = row.insertCell(0);    //Inserta la imagen pequeña
  30.                 cell.innerHTML = '<img src=""  height="60px" width="60px">'   //AQUI INSERTAR LA IMAGEN DE CADA FILA
  31.                    
  32.                 var cell1 = row.insertCell(1); //Inserta el tipo de documento
  33.                 var element1 = document.createTextNode("<?php print $fila["tipo_documento"] ?>");
  34.                 cell1.appendChild(element1);
  35.  
  36.                 var cell2 = row.insertCell(2); //Inserta el fichero
  37.                 var element2 = document.createTextNode("<?php print $fila["nombre"] ?>");
  38.                 cell2.appendChild(element2);
  39.  
  40.                 var cell3 = row.insertCell(3); //Inserta la fecha
  41.                 var element3 = document.createTextNode("<?php ($fila['fecha_documento'] == "00/00/0000")? print "" : print $fila['fecha_documento'] ?>");
  42.                 cell3.appendChild(element3);
  43.  
  44.                 var cell4 = row.insertCell(4); //Inserta la observación
  45.                 var element4 = document.createTextNode("<?php print mysql_real_escape_string($fila["observacion"]) ?>");
  46.                 cell4.appendChild(element4);
  47.  
  48.                 var cell5 = row.insertCell(5); //Inserta la acción de eliminar el documento
  49.                 cell5.className = "acciones"; //Le aplica el formato mediante la clase
  50.                 cell5.innerHTML = '<a title="Ver" onclick="ver_documento(this)"><img alt="Ver" title="Ver" src="imagenes/icono_ver.gif"></a>' +
  51.                                   '&nbsp;&nbsp;&nbsp;' +
  52.                                   '<a title="Modificar" onclick="modificar_documento(this)"><img alt="Modificar" title="Modificar" src="imagenes/icono_editar.png"></a>' +
  53.                                   '&nbsp;&nbsp;&nbsp;' +
  54.                                   '<a title="Eliminar" onclick="if (confirm(\'¿Seguro que desea eliminar el documento?\')) {eliminar_documento_tabla(this)}"><img alt="Eliminar" title="Eliminar" src="imagenes/icono_eliminar.gif"></a>';
  55.                          
  56.                 var cell6 = row.insertCell(6); //Inserta la observación
  57.                 cell6.className = "oculto";
  58.                 var element6 = document.createTextNode("<?php print $fila["id_tipo_documento"] ?>");
  59.                 cell6.appendChild(element6);
  60.             <?php
  61.             }
  62.             ?>    
  63.             //muestra la tabla de mobiliario
  64.             $("#tabla_documentos").removeClass("oculto");
  65.         <?php
  66.         }
  67.         ?>
  68.     }

Y esta es la funcion ver_documento de la cual recoge el valor de la fila para darle la ruta.

Código PHP:
Ver original
  1. function ver_documento(t){
  2.         //variable con el número de inventario completo del bien para crear el path del documento (para la ruta relativa)
  3.         <?php
  4.             //se divide el número de inventario completo en diferentes subcadenas
  5.             $array_carpetas = explode("_",$tmp_num_inventario);
  6.             $path_tmp = "";
  7.             for ($i = 0; $i < count($array_carpetas); $i++){
  8.                 $path_tmp = $path_tmp . "/" . $array_carpetas[$i];
  9.             }
  10.             print 'var parte_ruta_1 = "' . $path_tmp . '";';
  11.         ?>
  12.         //obtiene la fila de id recibido
  13.         var td = t.parentNode;
  14.         var tr = td.parentNode;
  15.         var ruta_archivo = "archivos_web/" + parte_ruta_1 + "/" + tr.childNodes[1].innerHTML + "/"  + tr.childNodes[2].innerHTML;
  16.         window.open(ruta_archivo,'_blank');
  17.     }

Como hago para recoger en el SRC del var cell, la ruta correspondiente dependiendo de cada fila?


Muchas gracias de antemano.

Última edición por supernino69; 15/10/2014 a las 01:32