Dans la section Commentaires sur un blog, je veux coder Je souhaite que l'administrateur puisse supprimer un commentaire.
J'ai un bouton à côté de chaque commentaire et je veux qu'une boîte modale soit ouverte lorsque le Dans cette boîte modale, je souhaite demander à nouveau si le commentaire doit être supprimé ou non, si oui, si oui, cela devrait me ramener au poste et le commentaire devrait Soyez supprimé. J'ai un C'est la partie de la section de commentaire: Je sais faire la requête, mais je ne sais pas comment ouvrir la boîte modale lorsque le bouton est cliqué sur le bouton. J'apprécierais vraiment si quelqu'un peut m'aider, surtout si j'ai besoin de JavaScript pour le faire. Bouton Supprimer est cliqué sur. postController.php dans lequel le site est rendu (page d'action) et j'ai le commentairesRepository.php dans lequel la connexion à la table de db Commentaires a lieu.
3 Réponses :
Vous pouvez utiliser JavaScript pour cela: https://www.w3schools.com/howto/ howto_css_modals.asp
Mais si vous utilisez Bootstrap, il y a un moyen plus facile: HTTPS: //www.w3schools.com/bootstrap/tryit.asp?filename=trybs_modal&stacked=h
Merci, je vais l'essayer.
Vous pouvez utiliser Sweetalert pour votre cause, il est plus élégant et facile à utiliser.
https: // sweestalert2.github.io/ p>
Voici Exemple de travail: Jsfiddle
simplement sur le bouton Supprimer Cliquez Appliquer le code suivant P>
Swal({
title: 'Are you sure?',
text: "You won't be able to revert this!",
type: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Yes, delete it!'
}).then((result) => {
if (result.value) {
Swal(
'Deleted!',
'Your file has been deleted.',
'success'
)
}
})
C'est vraiment cool, merci! Je vais l'utiliser quand j'ai plus d'expérience, je veux maintenant apprendre à coder des choses comme celle-ci, alors je préférerais n'utiliser aucun de ces aides (en effet génial) :)
Vous n'avez pas besoin JavaScript, mais cela facilitera bien la chose!
J'ai trouvé quelques exemples de pop-up qui sont ouverts sans JavaScript. Je trouve celui-ci interdisant:
Pour ce faire, ils créent une fenêtre contextuelle avec une visibilité Pour déclencher la cible pseudo-classe, ils créent un lien (qui agit comme un bouton) qui fait référence à la id de votre pop-up.
Le lien ciblera votre fenêtre contextuelle, déclenchant la cible pseudo-classe et montrant votre pop-up!
Il y a aussi l'option bootstrap , comme recommandé par Jeppe Spanggaard, qui fonctionne bien!
J'espère que cela aidé de quelque manière que ce soit!
: cachée; attribut CSS, et ils utilisent le Cible pseudo-classe pour définir cet attribut sur Visibilité: visible;
C'est génial, merci beaucoup ça m'a beaucoup aidé.
Vous êtes les bienvenus, @ofmickeandmoon! Bonne chance avec votre blog!