DOMANDA Come Impostare L'allineamento E Funzionalità Pulsanti :0

robrogue

Nuovo Utente
15
0
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

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>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp";
echo"<font size=4 color= #0000FF><td>Stato: $stato&nbsp&nbsp</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;

    });
  
});
 

Nobody

Nuovo Utente
133
31
Salve,

per allineare div2:

STILE1.css
Codice:
#div2 {
    text-align: center;
    background: #fff;
    width: 620px;
    height: 480px;
}

Sostituisci con:
Codice:
#div2 {
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -240px;
    margin-left: -310px;
}

Regards!
 

Albo89

Utente Èlite
4,943
1,938
Nobody, grazie per il tuo aiuto, mi hai aiutato a risolvere il primo problema.
Per i pulsanti avanti e indietro che non funzionano , non mi puoi aiutare? Come posso fare?

Inviato da SM-G935F tramite App ufficiale di Tom\\\'s Hardware Italia Forum

che versione di jQuery usi?

perché la funzione .css è da un po' che l'han deprecata. potrebbe essere quello il problema..

in ogni caso che errori ti da?(li vedi nella scheda "console" negli strumenti per sviluppatore di un po' tutti i browser
 

Entra

oppure Accedi utilizzando

Hot: E3 2021, chi ti è piaciuto di più?

  • Ubisoft

    Voti: 30 22.4%
  • Gearbox

    Voti: 2 1.5%
  • Xbox & Bethesda

    Voti: 87 64.9%
  • Square Enix

    Voti: 10 7.5%
  • Capcom

    Voti: 6 4.5%
  • Nintendo

    Voti: 18 13.4%
  • Altro (Specificare)

    Voti: 12 9.0%

Discussioni Simili