Cacher un bouton

**pinpinsql** · 12/02/2020, 14h47

Bonjour,

Pour commencer, je précise que je connais très peu de chose en javascript.., ca n'aide pas

Ma problématique, j'ai un bouton qui est affiché par défaut (je n'ai pas d'autre solution), et je souhaite le cacher tant que je ne trouve pas le nom prénom d'une personne autoriser à le voir sur la page.

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<div class="la-boite-transition">
    <h2>Votre avis ?</h2>
    <div class="transition-content">
        <p>Texte explicatif.
            <br>Merci  :)</p>
			<a class="boite-btn" href="Mon lien">Évaluer : #[SUM_COLUMN(1),DIGITS(2)]#<img class="fr-draggable" src="image.png"></a></div>
</div>

Mes recherches m'ont amené au JS, mais j'y connais pas grand chose, merci pour vos explications

Invité · 12/02/2020, 15h00

Bonjour,

Envoyé par pinpinsql

Cacher un bouton

Biactol ?

...tant que je ne trouve pas le nom prénom d'une personne autoriser à le voir sur la page...

Comment est effectué cette vérification ?

en JS ?
en PHP ?
... ?

N.B. #[SUM_COLUMN(1),DIGITS(2)]# : d'où vient cette syntaxe ?

**SpaceFrog** · 12/02/2020, 16h03

Avec une gestion de droits peut-être ?
https://blog.developpez.com/spacefro...maliste-en-php

**pinpinsql** · 12/02/2020, 16h50

Comment est effectué cette vérification ?
en JS ?
en PHP ?
... ?

Justement, l'idée c'est de faire un JS qui vérifie et ensuite cache le bouton.. ou à l'inverse car il doit être caché à 99% des utilisateurs.

N.B. #[SUM_COLUMN(1),DIGITS(2)]# : d'où vient cette syntaxe ?

C'est la syntaxe propre à l'éditeur.

Et pour conclure, mon éditeur ne m'offre que du HTML, CSS et JS, impossible d'intégrer du PHP par exemple.

Invité · 12/02/2020, 17h00

"faire un JS qui vérifie"... : vérifie quoi ? à partir de quoi ? "nom prénom" sortent d'un chapeau ?
"l'éditeur"... Sois encore plus vague, et tu seras sûr de ne pas avoir de réponse...

**SpaceFrog** · 13/02/2020, 08h18

en JS ou rien c'est pareil ...
un petit tour en console et tu réaffiches le bouton à volonté ...
le plus sécure est de la faire en php et du coup le bouton n'est même pas dans la page

**pinpinsql** · 13/02/2020, 08h22

Bonjour à tous,

Je vais essayer d’être plus clair.

J'ai une page Web, sur laquelle apparait le nom de l'utilisateur connecté, celui ci a le droit de tout voir sauf un bouton qui ne doit être affiché que pour certains utilisateurs.
Je cherche donc à mettre en place un JS qui cachera le bouton aux utilisateurs qui n'ont pas le droit de le voir.

Est ce que je suis plus clair ?

**SpaceFrog** · 13/02/2020, 08h42

Je vais être plus clair... en JS ça ne sert à rien ...
coté serveur tu as le nom et le prénom ... n'affiche pas le bouton.

Invité · 13/02/2020, 08h52

Bonjour,

Merci, mais on avait compris la théorie.
Ce qui manque, c'est la pratique, et le code nécessaire et suffisant.

Dans le principe :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
var btn = .....;
var nom_prenom = ...;
if(test_is_valid('nom_prenom')){
   btn.style.display = 'block';
} else {
   btn.style.display = 'none';
}

Encore faudrait-il savoir comment vérifier qu'une personne est "autorisée" ou pas...
A quoi et comment comparer les nom prénom ?

@SpaceFrog
Et en supprimant le noeud du DOM ?