Hola,
Estoy haciendo un proyecto en php + jquery + js, el proyecto es de una tabla con sus respectivas filas en las que los 7 primero campos muestra texto y los dos últimos, uno muestra una imagen y el otro debe mostrar una pre-visualización de un documento word, saben si hay algun plug in o algun código que pueda utilizar para la pre-visualización, ya que lo intenté con php pero lo único que logro es que al solicitar la vista previa solamente se descarga el word sin verse nada en el campo que le asigné.
Este es el código: (aclaro que ya se que tiene php ajax js y jquery, esto solo es parte del proyecto y es en el campo archivoDoc en donde necesito que se vea el word)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Consulta</title>
<link rel="stylesheet" type="text/css" href="styletarjetas.css">
<link href="../css/estilo.css" rel="stylesheet">
<script src="../js/jquery.js"></script>
<script src="../js/myjava.js"></script>
<link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="../bootstrap/css/bootstrap-theme.css" rel="stylesheet">
<link href="../bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
<script src="../bootstrap/js/bootstrap.min.js"></script>
<script src="../bootstrap/js/bootstrap.js"></script>
<!-- CLEditor -->
<link rel="stylesheet" type="text/css" href="../../CLEditor/jquery.cleditor.css" />
<script type="text/javascript" src="../../CLEditor/jquery.min.js"></script>
<script type="text/javascript" src="../../CLEditor/jquery.cleditor.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#archivoDoc").cleditor();
});
</script>
<!-- Fin CLEditor -->
</head>
<body>
<header>
<img id="logo1" style="height: 100%; width: 130%" src="../Imagenes/LogoForoRrc.png">
</header>
<section>
<table border="0" align="center">
<tr>
<td width="335"><input type="text" placeholder="Buscar por: Folio, Usuario, Título o Fuente" id="bs-prod"/></td>
<div id="menu-tarjetas">
<ul class="des">
<li><a href="../../pop-up.php">Regresar al menu</a></li>
</ul>
</div>
<!--<td width="100"><button id="nuevo-producto" class="btn btn-primary">Nuevo</button></td>-->
</tr>
</table>
</section>
<div class="registros" id="agrega-registros">
<table class="table table-striped table-condensed table-hover">
<tr>
<th width="300">Folio</th>
<th width="200">TimeSet</th>
<th width="150">Título</th>
<th width="100">Usuario</th>
<th width="150">Fecha Creación</th>
<th width="100">Fuente</th>
<th width="300">Observaciones</th>
<th width="200">Documento</th>
<th width="200">Imagen</th>
<th width="50">Status</th>
<th width="150">Cambiar Status</th>
</tr>
<?php
include('../php/conexion.php');
$registro = mysql_query("SELECT * FROM datanoticias ORDER BY idnoticias DESC");
while($registro2 = mysql_fetch_array($registro)){
echo '<tr>
<td>'.$registro2['idnoticias'].'</td>
<td>'.$registro2['timeset'].'</td>
<td>'.$registro2['titulo'].'</td>
<td>'.$registro2['folio'].'</td>
<td>'.$registro2['fecha1'].'</td>
<td>'.$registro2['fuente'].'</td>
<td>'.$registro2['observaciones'].'</td>
<td><div style="overflow:scroll; width:350px; height:100px;">'.$registro2['archivoDoc'].'</div></td>
<td><a href="../../Imagenes/'.$registro2['Imagen'].'" target="_blank"><img src="../../Imagenes/'.$registro2['Imagen'].'" class="img-subida" title="'.$registro2['Imagen'].'"></a></td>
<td>'.$registro2['disponible'].'</td>
<td><a href="javascript:editarProducto('.$registro2['idnoticias'].');" class="glyphicon glyphicon-edit"></a>
</td>
</tr>';
}
?>
</table>
</div>
<center>
<ul class="pagination" id="pagination"></ul>
</center>
<!-- MODAL PARA EL REGISTRO DE PRODUCTOS-->
<div class="modal fade" id="registra-producto" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel"><b>Cambiar Status </b></h4>
</div>
<form id="formulario" class="formulario" method="post" onsubmit="return agregaRegistro();">
<div class="modal-body">
<table border="0" width="100%">
<tr>
<td colspan="2"><input type="text" required="required" readonly="readonly" id="idnoticias" name="idnoticias" readonly="readonly" style="visibility:hidden; height:5px;"/></td>
</tr>
<tr>
<td width="150">Proceso: </td>
<td><input type="text" required="required" readonly="readonly" id="pro" name="pro"/></td>
</tr>
<tr>
<td>Tipo de Status: </td>
<td><select name="disponible">
<option value="Disponible">Disponible</option>
<option value="No Disponible">No Disponible</option>
</select>
</td>
</tr>
<tr>
<td colspan="2">
<div id="mensaje"></div>
</td>
</tr>
</table>
</div>
<div class="modal-footer">
<input type="submit" value="Registrar" class="btn btn-success" id="reg"/>
<input type="submit" value="Editar" class="btn btn-warning" id="enviar"/>
</div>
</form>
</div>
</div>
</div>
</body>
<footer>
<p align="center">powered by high design</p>
</footer>
</html>
