Kan ik aanvaarding van voorwaarden afdwingen voordat ik bestanden bekijk of upload?

Een gebruiker heeft een functie aangevraagd waardoor de websitebezoeker een selectievakje zou aanvinken om de servicevoorwaarden en het privacybeleid te accepteren voordat hij een bestand zou uploaden.

U moet dit vakje aanvinken voordat u een bestand kunt uploaden.

Ga je gang, controleer het.

Upload bestanden


De upload verwerken

Bestandslimiet: 3 bestanden
Maximale grootte: 100 MB per bestand.
Toegestane typen: jpg, jpeg, png, pdf, mp4
Sleep bestanden hier naartoe en gebruik de knop Bladeren.

Als u zich enigszins op uw gemak voelt bij het uitvoeren van een beetje codering, kan dit worden bereikt door wat eenvoudig Javascript aan uw thema toe te voegen en HTML in de pagina-inhoud. Hier is hoe:

Pagina inhoud

Plaats een HTML-blok boven de shortcode Simple File List. Dit is gewoon een selectievakje gevolgd door uw bericht. U kunt desgewenst een link naar de volledige tekst toevoegen.

<p>
  <input id="myCheckToUpoad" type="checkbox" name="Checkbox" value="YES">Check this Box.
</p>

Javascript in uw thema

De sleutel tot de bovenstaande code is de id="myCheckToUpoad". Het Javascript zal hierin aansluiten en de uploader tonen of verbergen. U kunt dit ook gebruiken voor de bestandslijst, of beide.

Zoek het functions.php-bestand van uw huidige thema.

Voeg deze code toe en sla op.

// Function to output Javascript in theme <head>
function myHead() { ?>

<script>
jQuery(document).ready(function() {

jQuery('#eeUploadForm').hide(); // Hide the form straight away
 
jQuery('#myCheckToUpoad').click(function() { // The box is clicked...

     // Either show or hide, depending if ticked or not       
     if (jQuery('#eeUploadForm').is(':visible')) { 

         jQuery('#eeUploadForm').slideUp(); // Hide

        } else {

             jQuery('#eeUploadForm').slideDown(); // Show
     }

    });

}); // END Ready Function

</script>

<?php }

// Hook into WordPress loading process
add_action('wp_head', 'myHead'); // Add to the page's <head>

Er zijn veel verbeteringen mogelijk aan dit voorbeeld, maar dit is eigenlijk alles wat u nodig heeft om te beginnen.

Laat het me weten als je hulp nodig hebt.

Laat een bericht achter

Deze site gebruikt Akismet om spam te verminderen. Ontdek hoe uw reactiegegevens worden verwerkt.