Ciao a tutti, sto facendo un progetto per l'università che consiste nella creazione di un sito web.
Ho un codice js che mi permette di creare delle icone e posizionarle a forma di cerchio, ma non riesco ad integrarlo bene nel mio codice php.
Il codice js è il seguente:
var list = $("#list");
var updateLayout = function(listItems){
for(var i = 0; i < listItems.length; i ++){
var offsetAngle = 360 / listItems.length;
var rotateAngle = offsetAngle * i;
$(listItems[i]).css("transform", "rotate(" + rotateAngle + "deg) translate(0, -470px) rotate(-" + rotateAngle + "deg)")
};
};
var listItems=$(".list-item");
updateLayout(listItems);
mentre il pezzo di codice php è:
<?php
$db = mysqli_connect('localhost','root','','DBsito');
if (!$db)
{
die('Could not connect to database: ' . mysqli_error());
}
$db_select = mysqli_select_db($db, 'DBsito');
$username = $_SESSION['username'];
$categorie = mysqli_query($db, "SELECT * FROM categoria WHERE BINARY categoria.user_utente = BINARY '$username'");
$count = mysqli_num_rows($categorie);
for($i = 1; $i<= $count; $i++){
$categoria = mysqli_fetch_assoc($categorie);
$nome_categoria = $categoria["nome_categoria"];
echo '
<a href="categoria.php?categoria='.urlencode($nome_categoria).'">
<li class="list-item"><img class="card-icone" shadow-lg p-3 mb-5 src=img/upload/'. $categoria["icona"]. '   '.'>
</li>
</a>
<script type="text/javascript" src="js/home.js">
</script>';
}
?>
Il mio problema è che avendo fatto un ciclo for per andare a prendere tutte le informazioni nel database, in class="list-item" alla fine ho solamente l'ultimo elemento del ciclo e non tutti come invece dovrebbe essere. Per questo alla fine visualizzo solamente l'ultimo elemento analizzato.
Qualcuno può aiutarmi?