Bouton téléchargement

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

Sensode
Biographie

a voir, on peut tricher autrement après.

Sensode
Biographie

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

Quand on veut mettre quelque chose en ligne, on se fait prendre par quelque chose
de gros.

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 !

Désolé, je ne devrais pas écrire du code à 04:30 le matin.

Quand on veut mettre quelque chose en ligne, on se fait prendre par quelque chose
de gros.

openElement

Bouton téléchargement