Ciao a tutti volevo semplicemente farvi vedere un codice generato da me (amatorialmente) e siccome sto cercando di creare un database online per la mia videoteca personale, avrei bisogno di qualche parere e se possibile cercare di strutturarlo meglio:muro: Il problema principale sta nello scorrimento delle immagini (i pulsanti avanti e indietro) e nella formattazione della pagina (non centrata)
Grazie anticipatamente qualsiasi consiglio è gradito:thanks:
pagina.php
STILE1.css
pulsante.js
Grazie anticipatamente qualsiasi consiglio è gradito:thanks:
pagina.php
Codice:
<html>
<head>
<meta charset="UTF-8" /><title>dvd</title>
<link href="stile1.css" rel="stylesheet" type="text/css" />
</head>
<script src="libreria_jquery.js"></script>
<script src="pulsante.js" type="text/javascript"></script>
<body>
<?php
$hostname="localhost";
$username="root";
$password="";
$connessione=mysql_connect($hostname,$username,$password);
if(!$connessione)
{echo"<p>Errore durante la connessione con il server.</p>";}
$connessione_db=mysql_select_db("videoteca",$connessione);
if(!$connessione_db)
{echo"<p>Errore durante la connessione al dabase.</p>";}
?>
<a id='link' href="http://localhost/videoteca/inserisci_dvd.html"><h1>Inserisci un nuovo dvd</h1></a>
<div id='div1'>LISTA DVD</div><br/><br/><hr/><br/><br/>
<?php
$query=mysql_query("select*from dvd");
if(mysql_num_rows($query)==0)exit("<h2>Non ci sono dvd nella lista.</h2>");
$riga=mysql_fetch_array($query);
while($riga)
{
$cod=$riga['id_dvd'];
$nome_immagine=$riga['nome_immagine'];
$nome_dvd=$riga['nome_dvd'];
$volume_dvd=$riga['volume_dvd'];
$attore=$riga['attore'];
$genere=$riga['genere'];
$stato=$riga['stato'];
?>
<div id='div2'><br/><br/><?php
echo"<tr>";
if($nome_immagine=="")
{
echo"<font size=5 color= #0000FF><td>Non ci sono immagini da visualizzare</td></font><br/><br/><br/><br/>";
}
else
{
echo"<td><img height= 280px width= 410px src='copertine/$nome_immagine'/></td><br/><br/>";
}
echo"<font size=5 color= #0000FF><td>Nome dvd: $nome_dvd</td><br/><br/></font>";
if($volume_dvd==0)
{
echo"<td></td>";
}
else
{
echo"<font size=4 color= #0000FF><td>Volume dvd: $volume_dvd</td><br/><br/></font>";
}
echo"<font size=4 color= #0000FF><td>Attore: $attore</td><br/><br/></font>";
echo"<font size=4 color= #0000FF><td>Genere: $genere</td></font>          ";
echo"<font size=4 color= #0000FF><td>Stato: $stato  </td></font>";
?>
<br/><br/>
<form method="POST" action="cancella_dvd.php">
<td><button style="cursor: pointer; width: 100px; height: 30px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;" onclick="return confirm('Clicca su ok per cancellare questo dvd')" type="checkbox" name="id_dvd[]" value= <?php echo "$cod" ?> >Cancella</button></td>
</form>
<br/><br/><br/>
<div id='navigation'>
<a href='#' id='previous'>Indietro</a> | <a href='#' id='next'>Avanti</a>
</div>
<?php
echo"</tr>";
$riga=mysql_fetch_array($query);
?>
</div>
<?php
}
mysql_close($connessione);
?>
</body>
</html>
STILE1.css
Codice:
*{
margin: 0;
padding: 0;
}
body{
background: #505c79;
margin: 0;
padding: 10px;
font-size: 12px;
line-height: 12px;
}
#link{
text-decoration: none;
color: #000000;
}
#div1{
text-align: center;
font-size: 70px;
}
#div2 {
text-align: center;
background: #fff;
width: 620px;
height: 480px;
}
#div2 {
position: absolute;
}
#navigation {
font-size: 25px;
}
#navigation a{
text-decoration: none;
color: #000000;
}
pulsante.js
Codice:
$(function() {
$('#navigation a').click(function() {
var button = $(this).attr('id');
var current_image = $('#div2');
var next;
if (button == 'previous') {
next = ($('#div2').prev().length > 0) ?
$('#div2').prev():
$('#div2:last-child');
}else{
next = ($('#image img.iniz').next().length > 0) ?
$('#image img.iniz').next():
$('#image img:first-child');
}
next.css('z-index', 2).show();
current_image.fadeOut(10, function() {
$(this).css('z-index', 1).removeClass('iniz')
next.css('z-index', 3).addClass('iniz');
});
return false;
});
});