alguno de ustedes sabe como puedo visualizar un documento word que se guarda a través de php???
el word se guarada con php, pero la visualización de la tabla es en javascript, dejo el código: (aclaro que ya se que no todo es javascript, el proyecto está hehco en php + ajax + javascript y html)
Este es el modal para subir la información:
<!-- 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>
Este es el js:
$(document).ready(pagination(1));
$(function(){
$('#bd-desde').on('change', function(){
var desde = $('#bd-desde').val();
var hasta = $('#bd-hasta').val();
var url = '../php/busca_producto_fecha.php';
$.ajax({
type:'POST',
url:url,
data:'desde='+desde+'&hasta='+hasta,
success: function(datos){
$('#agrega-registros').html(datos);
}
});
return false;
});
$('#bd-hasta').on('change', function(){
var desde = $('#bd-desde').val();
var hasta = $('#bd-hasta').val();
var url = '../php/busca_producto_fecha.php';
$.ajax({
type:'POST',
url:url,
data:'desde='+desde+'&hasta='+hasta,
success: function(datos){
$('#agrega-registros').html(datos);
}
});
return false;
});
$('#nuevo-producto').on('click',function(){
$('#formulario')[0].reset();
$('#pro').val('Registro');
$('#edi').hide();
$('#reg').show();
$('#registra-producto').modal({
show:true,
backdrop:'static'
});
});
$('#bs-prod').on('keyup',function(){
var dato = $('#bs-prod').val();
var url = '../php/busca_producto.php';
$.ajax({
type:'POST',
url:url,
data:'dato='+dato,
success: function(datos){
$('#agrega-registros').html(datos);
}
});
return false;
});
});
function agregaRegistro(){
var url = '../php/agrega_producto.php';
$.ajax({
type:'POST',
url:url,
data:$('#formulario').serialize(),
success: function(registro){
if ($('#pro').val() == 'Registro'){
$('#formulario')[0].reset();
$('#mensaje').addClass('bien').html('Registro completado con exito').show(200).delay(2500).hide(200);
$('#agrega-registros').html(registro);
return false;
}else{
$('#mensaje').addClass('bien').html('Edicion completada con exito').show(200).delay(2500).hide(200);
$('#agrega-registros').html(registro);
return false;
}
}
});
return false;
}
function eliminarProducto(id){
var url = '../php/elimina_producto.php';
var pregunta = confirm('¿Esta seguro de eliminar este Registro?');
if(pregunta==true){
$.ajax({
type:'POST',
url:url,
data:'id='+id,
success: function(registro){
$('#agrega-registros').html(registro);
return false;
}
});
return false;
}else{
return false;
}
}
function editarProducto(id){
$('#formulario')[0].reset();
var url = '../php/edita_producto.php';
$.ajax({
type:'POST',
url:url,
data:'id='+id,
success: function(valores){
var datos = eval(valores);
$('#reg').hide();
$('#edi').show();
$('#pro').val('Edicion');
$('#idnoticias').val(id);
$('#titulo').val(datos[0]);
$('#folio').val(datos[1]);
$('#fecha1').val(datos[2]);
$('#fecha2').val(datos[3]);
$('#fuente').val(datos[4]);
$('#observaciones').val(datos[5]);
$('#Imagen').val(datos[6]);
$('#disponible').val(datos[7]);
$('#registra-producto').modal({
show:true,
backdrop:'static'
});
return false;
}
});
return false;
}
//Iniciamos nuestra función jquery.
$(function(){
$('#enviar').click(SubirFotos); //Capturamos el evento click sobre el boton con el id=enviar y ejecutamos la función seleccionado.
});
function SubirFotos(){
var archivos = document.getElementById("archivos");//Creamos un objeto con el elemento que contiene los archivos: el campo input file, que tiene el id = 'archivos'
var archivo = archivos.files; //Obtenemos los archivos seleccionados en el imput
//Creamos una instancia del Objeto FormDara.
var archivos = new FormData();
/* Como son multiples archivos creamos un ciclo for que recorra la el arreglo de los archivos seleccionados en el input
Este y añadimos cada elemento al formulario FormData en forma de arreglo, utilizando la variable i (autoincremental) como
indice para cada archivo, si no hacemos esto, los valores del arreglo se sobre escriben*/
for(i=0; i<archivo.length; i++){
archivos.append('archivo'+i,archivo[i]); //Añadimos cada archivo a el arreglo con un indice direfente
}
/*Ejecutamos la función ajax de jQuery*/
$.ajax({
url:'../php/subir.php', //Url a donde la enviaremos
type:'POST', //Metodo que usaremos
contentType:false, //Debe estar en false para que pase el objeto sin procesar
data:archivos, //Le pasamos el objeto que creamos con los archivos
processData:false, //Debe estar en false para que JQuery no procese los datos a enviar
cache:false //Para que el formulario no guarde cache
}).done(function(msg){//Escuchamos la respuesta y capturamos el mensaje msg
MensajeFinal(msg)
});
}
function MensajeFinal(msg){
$('.mensage').html(msg);//A el div con la clase msg, le insertamos el mensaje en formato thml
$('.mensage').show('slow');//Mostramos el div.
}
//paginador
function pagination(partida){
var url = '../php/paginarProductos.php';
$.ajax({
type:'POST',
url:url,
data:'partida='+partida,
success:function(data){
var array = eval(data);
$('#agrega-registros').html(array[0]);
$('#pagination').html(array[1]);
}
});
return false;
}
Este es para editar:
<?php
include('conexion.php');
$id = $_POST['id'];
//OBTENEMOS LOS VALORES DEL PRODUCTO
$valores = mysql_query("SELECT * FROM datanoticias WHERE idnoticias = '$id'");
$valores2 = mysql_fetch_array($valores);
$datos = array(
0 => $valores2['titulo'],
1 => $valores2['folio'],
2 => $valores2['fecha1'],
3 => $valores2['fuente'],
4 => $valores2['observaciones'],
5 => $valores2['archivoDoc'],
6 => $valores2['Imagen'],
7 => $valores2['disponible'],
);
echo json_encode($datos);
?>