Ciao a tutti, spero sia la sezione giusta. Ho una pagina con un menu sulla sinistra e il corpo della pagina sulla destra. Se nella parte destra inserisco una tabella jquery con datatables la visualizzazione è errata e lo script jquery non funziona. Ho provato a cancellare il menu di sinistra e in quel caso funziona. Sapete dirmi cosa sbagli? Grazie
HTML:
<!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>
<Title>Home</Title>
<meta name="author" content="Sainato Stefano">
<meta name="keywords" content="Vendite">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" href="media/css/demo_page.css">
<link rel="stylesheet" type="text/css" href="media/css/demo_table_jui.css">
<link rel="stylesheet" type="text/css" href="examples_support/themes/smoothness/jquery-ui-1.8.4.custom.css">
<link rel="stylesheet" type="text/css" href="styles.css">
<script type="text/javascript" src="media/js/jquery.js"></script>
<script type="text/javascript" src="media/js/jquery.dataTables.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
oTable = $('#example').dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers"
});
} );
</script>
<head>
<body class="all">
<div id="container">
<div id="header">
<?php
require("header.php");
?>
</div>
<div id="menu">
<?php
require("menu.html");
?>
</div>
<div id="content">
<div class="demo_jui">
<?php
require_once 'connessione.php';
$query = "SELECT * FROM `Magazzino` ORDER BY `Codice`";
$result = mysqli_query ($con, $query);
echo"<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"display\" id=\"example\">";
echo"<thead><tr><th>Codice</th><th>Giacenza</th><th>Data ultimo ricarico</th><th>Modifica</th></tr></thead>";
while ($row = mysqli_fetch_assoc($result))
{
printf("<tr><td>%s</td><td>%s</td><td>%s</td><td><form name\"f2\" method=\"GET\" action=\"elimina_magazzino.php\"><input type=\"hidden\" name=\"Codice\" value=\"%s\"><input type=\"hidden\" name=\"Mittente\" value=\"Magazzino\"><input type=\"submit\" value=\"Elimina\"></form></td></tr>", $row["Codice"], $row["Quantita"], $row["DataAggiornamento"], $row["Codice"]);
}
echo"</table>";
?>
</div>
</div>
<div id="footer">
<?php
require("footer.html");
?>
</div>
</div>
</body>
</html>
HTML:
html{
margin: 0;
padding:0;
}
.all{
background-color:#DCDCDC;
}
#header{
padding-top: 0.5em;
clear: both;
}
#footer{
clear: both;
padding-top:0.5em;
padding-botton: 0.5em;
padding-left: 1em;
text-align: right;
height:2em;
}
#menu{
width:25%;
float:left;
padding-top: 1.6em;
}
#content{
padding-left: 2em;
float:left;
min-height:29.8em;
}