Buenos días.. resulta que estoy utilizando un datatable, pero no funciona, me dice que:
TypeError: $(...).dataTable is not a function
$('#tablee').dataTable();."
Ya he mirado distintas soluciones que muestran en el foro de la página de datatables, y ninguno me funcionó, por eso acudo a ustedes... por favor abstenerse de comentar cosas como "Tu código está mal planteado", digo esto por que la verdad para lo que más me ha servido hacer las éstas prácticas que estoy haciendo es para darme cuenta que esta no es la carrera que quiero, por lo tanto necesito aprender solamente lo requerido para terminar este proyecto, de ante mano muchas gracias.
Código PHP:
<?php
include_once("includes/conexion.php");
session_start();
if (isset($_SESSION['Usuario']))
{
?>
<!DOCTYPE html>
<html>
<head>
<!--JQuery-->
<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> -->
<script type="text/javascript" src='datatables/media/js/jquery.js' ></script>
<script type="text/javascript" src='datatables/media/js/jquery.dataTables.js' ></script>
<!--Bootstrap-->
<script type="text/javascript" src="js/bootstrap.js"></script>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<!--Css-->
<!-- <link rel="stylesheet" type="text/css" href="css/style.css">
-->
<!--MenuCss-->
<link rel="stylesheet" type="text/css" href="cssmenu/styles.css">
<script type="text/javascript" src="cssmenu/script.js" ></script>
<!--Login-->
<script type="text/javascript" src="js/login.js" ></script>
<!--Datatables-->
<!--Para dispositivos móviles-->
<meta name="viewport" content="width=device-width, initial-scale=1"><!-- Permite el zoom para funcionalidad en moviles. -->
<meta http-equiv="X-UA.Compatible" content="IE=Edge">
<title></title>
<meta charset="utf-8">
</head>
<body>
<div class="page-header">
<span>ferreteria gonzalez</span>
</div>
<div class="container">
<?php
if ($_SESSION['id_cargo'] == 1) {
include ('cssmenu/index.html');
}
else {
include ('cssmenu/index2.html');
}
?>
<script type="text/javascript">
$(document).ready(function(){
$('#tablee').dataTable();
});
</script>
<div class="container-fluid">
<div class="table-responsive">
<table class="table table-bordered" id="tablee">
<thead>
<tr>
<th>ID Domicilio</th>
<th>Pedido</th>
<th>Cliente</th>
<th>Fecha de factura</th>
<th>Ciudad destino</th>
<th>Estado de factura</th>
<th>Valor de la factura</th>
<th colspan="3">Acciones</th>
</tr>
</thead>
<tbody>
<?php
$usu =new Consultar();
$usu->consulta("Select a.num_pedido,val_factura,fecha_factura,id_pedido, b.des_forma_de_pago, c.nombre_completo, d.descripcion,
d.id_estado, e.id_envio, id_ciudad_envio, f.nombre, c.cedula, c.direccion, c.telefono, c.id_ciudad, direccion_envio,
fecha_despacho from factura a,
forma_de_pago b, cliente c, facturas_envios_estados d, facturas_envios e, ciudades f
WHERE a.id_forma_de_pago=b.id_forma_de_pago AND a.id_cliente=c.id_cliente AND a.id_envio=e.id_envio
AND e.id_estado=d.id_estado AND e.id_ciudad_envio=f.id_ciudad AND e.id_estado=1 ORDER BY fecha_factura DESC");
for ($i=0; $i <sizeof($usu->datos); $i++)
{
//print_r($usu);
/* $envio[$i] = $usu->datos[$i][8];
echo "<input type='hidden' id='envio' name='envio' value=".$envio[$i].">";
*/
if ($usu->datos[$i][6] !== 'Entregado') {
$color='#F69292';
}
else{
$color = '#FFFFFF';
}
echo "<tr bgcolor='".$color."'>
<td>".$usu->datos[$i][8]."</td>
<td>".$usu->datos[$i][0]."</td>
<td>".$usu->datos[$i][5]."</td>
<td>".$usu->datos[$i][2]."</td>
<td>".$usu->datos[$i][10]."</td>
<td>".$usu->datos[$i][6]."</td>
<td> ".number_format($usu->datos[$i][1])."</td>
<td>";
/* <button class="open-Modal btn btn-success btn-sm" data-toggle="modal" data-name="<?=$usu->datos[$i][0]?>"
data-id="<?=$usu->datos[$i][8]?>" id="#mimodal" data-target="#mimodaleditar" >Editar
</button>
<div class="modal fade" id="mimodaleditar" tabindex="-1" role="dialog" aria-labelledby="mimodalLabel" aria-hidden="true">
<div><?php //include("editar_factura.php");?></div>
</div>
-->
*/
//echo $usu->datos[$i][8];
//echo $usu->datos[$i][12];
echo "<a href='editar_factura.php?id_domi=".$usu->datos[$i][8]."&num_pedido=".$usu->datos[$i][0].
"&fec_factura=".$usu->datos[$i][2]."&for_pago=".$usu->datos[$i][4]."&estado=".$usu->datos[$i][6].
"&nombre=".$usu->datos[$i][5]."&cedula=".$usu->datos[$i][11]."&direccioncli=".$usu->datos[$i][12].
"&telefono=".$usu->datos[$i][13]."&ciudad_cliente=".$usu->datos[$i][14]."&direccion_envio=".$usu->datos[$i][15].
"&fecha_despacho=".$usu->datos[$i][16]."&valor_factura=".$usu->datos[$i][1]."'>";
echo "<button class='btn btn-success btn-sm' type='submit'>Editar</button>";
echo "</a></td>";
echo "<td><a href='detalles_factura.php?id_domi=".$usu->datos[$i][8]."&num_pedido=".$usu->datos[$i][0].
"&fec_factura=".$usu->datos[$i][2]."&for_pago=".$usu->datos[$i][4]."&estado=".$usu->datos[$i][6].
"&nombre=".$usu->datos[$i][5]."&cedula=".$usu->datos[$i][11]."&direccioncli=".$usu->datos[$i][12].
"&telefono=".$usu->datos[$i][13]."&ciudad_cliente=".$usu->datos[$i][14]."&direccion_envio=".$usu->datos[$i][15].
"&fecha_despacho=".$usu->datos[$i][16]."&valor_factura=".$usu->datos[$i][1]."'>";
echo "<button class='btn btn-info btn-sm' type='submit'>Detalles</button>";
echo "</a></td>";
?>
<!-- <td><button class="open-Modal btn btn-info btn-sm" data-toggle="modal" data-name=""
data-id="" id="#mimodal" data-target="#mimodaleditar" >Detalles
</button>
</td> -->
<td><button class="open-Modal btn btn-danger btn-sm" data-toggle="modal" data-name=""
data-id="" id="#mimodal" data-target="#mimodaleditar" >Eliminar
</button>
</td>
</tr>
<?php/*
}
$a = count($usu->datos);
if ($a == 0) {
echo "<h4>No existen facturas pendientes</h4>";
*/}
?>
<!--<script type="text/javascript">
$(document).on("click", ".open-Modal", function () {
var myDNI = $(this).data('id');
var myDNA = $(this).data('name');
$("#cualquiera").empty();
$("#cualquiera").append( myDNI );
//$("#cualquiera").append( myDNA );
var ob = document.getElementById('cualquiera');
console.log( ob.innerHTML );
});
</script>-->
</tbody>
</table>
</div>
</div>
</div>
</div>
<?php
}else{
echo "<script language = javascript>
alert('USTED NO TIENE PERMISOS PARA ENTRAR A ESTA CARPETA.')
self.location = 'index.php';
</script>";
}
?>
</body>
</html>