Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Aide | Shop Recherche
650 connectés 

  FORUM HardWare.fr
  Programmation
  PHP

  Ajouter bouton Afficher Plus / Voir Plus Automatiquement

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Ajouter bouton Afficher Plus / Voir Plus Automatiquement

n°2358957
capitaine4
Posté le 30-07-2020 à 20:51:17  profilanswer
 

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 :
  1. <?php
  2. $queryProducts ="SELECT * FROM products WHERE in_stock > 0 ORDER BY id ASC";
  3. $resultH=mysqli_query($conn, $queryProducts) or die (mysqli_error($conn));
  4. while($outputsH=mysqli_fetch_assoc($resultH)){
  5.    echo "<div class='shopCont'>";
  6.    echo "<div class='shopImg'><img src='".$outputsH['image']."'></div>";
  7.    echo "<div class='shopDesc'>";
  8.    echo "<span class='itemName'>".$outputsH['name']."</span>";
  9.    echo "<span class='itemCost'>$".$outputsH['price']."</span>";
  10.    echo $outputsH['description']."</div>"; 
  11.    echo "<form method='post'><input class='btn btn-primary' type='submit' value='Add To Cart'name='".$outputsH['id']."'></form></div>";
  12.    echo "</div>";
  13.    echo "<div class='shopCont'><hr></div>";
  14. }
  15. ?>


 
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 ;)  
 
 
 
 
 
 

mood
Publicité
Posté le 30-07-2020 à 20:51:17  profilanswer
 

n°2359060
[BN]Explos​er
Posté le 31-07-2020 à 15:54:35  profilanswer
 

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 :o

n°2359062
rufo
Pas me confondre avec Lycos!
Posté le 31-07-2020 à 15:57:49  profilanswer
 

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 Cantine Calandreta : http://sourceforge.net/projects/canteen-calandreta
n°2359090
B4X
kebab-case
Posté le 31-07-2020 à 23:05:59  profilanswer
 

https://codepen.io/ojbravo/pen/YPJpXe


---------------
In vanitas veritas.

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  PHP

  Ajouter bouton Afficher Plus / Voir Plus Automatiquement

 

Sujets relatifs
Afficher plusieurs webcams du monde entier sur un ecranComment afficher une image provenant d'un formulaire type "radio"
Afficher l'arborescence des dossiers[MySQL] - Ajouter un champ calculé à une table
[Wordpress] Afficher un contenu différent suivant des adresses IPAfficher flux http dans page html
[TWIG] Vider cache Twig automatiquement[MySQL] Ajouter un nombre à une colonne null
Afficher / masquer div en fonction d'une liste déroulante (jQuery/JS)Récupérer automatiquement des listes de produits de Amazon.fr
Plus de sujets relatifs à : Ajouter bouton Afficher Plus / Voir Plus Automatiquement


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite) / Groupe LDLC / Shop HFR