Ajouter bouton Afficher Plus / Voir Plus Automatiquement

Marsh Posté le 30-07-2020 à 20:51:17

Salut,
tout d'abord je précise que je ne m'y connais pas trop en programmation, j'ai donc une petite page dans la quel un administrateur peut ajouter des produits à vendre, seul soucis je voudrais que si la description du produit est trop longue il y est seulement une petite partie qui s'affiche puis un bouton "afficher plus" sois disponible pour tout voir.

Voici le code php qui permet d'afficher le produit pour tout les visiteurs:

Code :

<?php
$queryProducts ="SELECT * FROM products WHERE in_stock > 0 ORDER BY id ASC";
$resultH=mysqli_query($conn, $queryProducts) or die (mysqli_error($conn));
while($outputsH=mysqli_fetch_assoc($resultH)){
echo "<div class='shopCont'>";
echo "<div class='shopImg'><img src='".$outputsH['image']."'></div>";
echo "<div class='shopDesc'>";
echo "<span class='itemName'>".$outputsH['name']."</span>";
echo "<span class='itemCost'>$".$outputsH['price']."</span>";
echo $outputsH['description']."</div>";
echo "<form method='post'><input class='btn btn-primary' type='submit' value='Add To Cart'name='".$outputsH['id']."'></form></div>";
echo "</div>";
echo "<div class='shopCont'><hr></div>";
}
?>

Et donc moi je voudrais que automatiquement, si la description est trop longue il y est un bouton "voir plus" si quelqu'un pourrais m'aider ce serrais cool

Reply

Marsh Posté le 30-07-2020 à 20:51:17

Reply

Marsh Posté le 31-07-2020 à 15:54:35

faut que tu suives des tutos php html js
php : pour creer/modifier une variable shortname et fullname
html : pour ajouter l affichage du bloc avec le nom complet
js : pour le bouton tout voir

PS : Attention cette methode de code semble date des annees 2000 donc y a un probleme plus prodond que juste tronquer une variable

Reply

Marsh Posté le 31-07-2020 à 15:57:49

Soit tu le fais en PHP soit en JS. A toi de voir.
Mais le principe reste le même. Tu calcules la longueur de la description en nb de caractères. Si ça dépasse un certain seuil, tu affiches la description de manière tronquée et t'ajoutes un bouton permettant d'agrandir la div dans laquelle elle est affichée en changeant la propriété css (dépendra de la façon que t'as choisie pour masquer ce qu'il y a en trop).

---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta

Reply

Ajouter bouton Afficher Plus / Voir Plus Automatiquement

Sujets relatifs:

Leave a Replay