Antivirus offre spéciale - jusqu'à 60 % de réduction avec openElement !
Accueil Forum Accueil Forum >

openElement

> Scripts pour votre site
  Nouveaux messages Nouveaux messages Fil RSS  - Bouton téléchargement
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Bouton téléchargement

 Répondre Répondre Page  12>
Auteur
Message
disbras allez vers le bas
Newbie
Newbie


Depuis le: 24 Août 2020
Pays: France
Status: Inactif
Points: 37
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer disbras Citer  RépondreRéponse Lien Direct à ce Post Sujet: Bouton téléchargement
    Envoyé : 26 Août 2020 à 15:05
Bonjour,

J'aimerais créer une case à cocher afin d'accepter des règles d'utilisation, avant de télécharger un fichier depuis mon site. Pour cela, il faudrait que la case soit décochée au démarrage de la page, et le bouton lançant le téléchargement aussi. Quand la case sera cochée, le bouton deviendrait fonctionnel, et permettrait de télécharger le fichier.

Pouvez-vous m'aider ?

Merci d'avance pour l'aide que vous allez me donner !!
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 9878
Options des messages Options des messages   Thanks (1) Thanks(1)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 26 Août 2020 à 15:54
Alors, voila comment (en attendant surement une optimisation du code de Hobby001).

Créez un bloc de code visuel, le déposer à l'endroit où vous voulez la checkbox (j'expliquerai après pourquoi du code et non l'élément).

Mettez ce code suivant :


<input type="checkbox" name="prep[]" class="test" value="" class="casePrep">


Ensuite, mettez un bouton Téléchargement fichier.
Indiquez quel fichier vous souhaitez.
Copiez son ID surtout.

Ajouter un bloc de code source sur la page.
Spécifiez le type en Html et position Header
Mettez ce code :


<script>
  function affMasqBtnPrep(){
 
     var n = $("input:checked[name='prep[]']").length;// Nombre de checkbox cochée
    if(n == 0) {
            $("#WEb66a5cc68b").hide();// Bouton invisible
    } else {
            $("#WEb66a5cc68b").show(); // Bouton visible
        }
 
}
$(document).ready(function() {
  affMasqBtnPrep();
$(".test").change(function () {
  affMasqBtnPrep();
});
});

</script>


changez les IDs en rouge par l'ID de votre bouton Téléchargement fichier.
Sauvegardez et prévisualisez.
Cela marche normalement

pas réussi à faire l'élément Checkbox d'Openelement, peut être que Hobby001 y arrivera.  Wink

Haut de la page
disbras allez vers le bas
Newbie
Newbie


Depuis le: 24 Août 2020
Pays: France
Status: Inactif
Points: 37
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer disbras Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 26 Août 2020 à 17:15
Bonjour, oui cela marche parfaitement, mais y a-t-il un moyen de désactiver le bouton au lieu de le faire disparaitre ?
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 9878
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 26 Août 2020 à 18:04
a voir, on peut tricher autrement après.
Haut de la page
disbras allez vers le bas
Newbie
Newbie


Depuis le: 24 Août 2020
Pays: France
Status: Inactif
Points: 37
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer disbras Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 26 Août 2020 à 19:23
PPas de problème, trichons alors ! Comment fait-on ?
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 5668
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 27 Août 2020 à 11:45
Utilisez l'élément checkbox 
Utilisez l'élément téléchargement de fichier et ajoutez-y une classe CSS: clickNo

Code CSS ( mettez-y ce que vous voulez comme couleur et effets )

.clickNo{
pointer-events: none;
background-color: silver;
}

Code JS

$('#WE19eb3e0aad').click(
function(){
if ($('#WE19eb3e0aad input').is(":checked")){
$('#WEc768d74718').removeClass('clickNo');
} else {
$('#WEc768d74718').addClass('clickNo');
}
}
);

Remplacez WE19eb3e0aad par l'ID de votre checkbox

Remplacez WEc768d74718 par l'ID de votre bouton de téléchargement

Edit: Correction de la cible du code css



Edité par Hobby001 - 27 Août 2020 à 19:07
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 9878
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 27 Août 2020 à 13:21
bien joué Hobby001, je butais sur une partie du code, chapeau Clap
Haut de la page
disbras allez vers le bas
Newbie
Newbie


Depuis le: 24 Août 2020
Pays: France
Status: Inactif
Points: 37
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer disbras Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 27 Août 2020 à 14:43
Bonjour,

Je viens de tester cet autre code, cependant il m'est impossible de cocher la checkbox, et le lien est toujours activé. Auriez-vous une solution ? (J'ai testé en essayant d'inverser les ID mais cela ne change rien)

Merci d'avance pour votre aide !
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 5668
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 27 Août 2020 à 18:38
Mais si ça fonctionne très bien. https://www.denislafrance.net/TestPage.htm

Publiez votre page quelque part qu'on cesse de jouer aux devinettes.  

Par contre en relisant j'ai constaté que mon texte contenait une erreur de taille.  Ce n'est pas le checkbox qui doit porter la classe mais bien l'élément de téléchargement.



@brolysan, 

l'astuce vient du fait que l'élément de téléchargement n'est pas un bouton, il ne peut donc être traité comme tel.




Edité par Hobby001 - 27 Août 2020 à 19:07
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 5668
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 27 Août 2020 à 19:08
Désolé, je ne devrais pas écrire du code à 04:30 le matin.
Haut de la page
 Répondre Répondre Page  12>
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 10.18
Copyright ©2001-2014 Web Wiz Ltd.

Cette page a été affichée en 0,031 secondes.
Acheter votre vélo en ligne