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

Soms kan het handig zijn om de websitebezoeker een selectievakje te laten aanvinken om de voorwaarden te accepteren voordat een bestandsupload wordt toegestaan.

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: aiff, doc, docx, gif, jpg, jpeg, mp3, mp4, mov, pdf, png, tif, tiff, zip
Sleep bestanden hier naartoe en gebruik de knop Bladeren.

Als je enigszins vertrouwd bent met het doen van een beetje codering, kan dit worden bereikt met wat eenvoudig JavaScript dat aan je thema wordt toegevoegd en HTML in de pagina-inhoud. Hier is hoe:

Pagina inhoud

Plaats een HTML-blok boven de shortcode van de 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 haakt hierop in en toont of verbergt het uploadformulier. U kunt dit ook gebruiken voor de bestandenlijst, of beide.

Zoek uw huidige thema's functions.php bestand.

Voeg deze code toe en sla op.

// Function to output JavaScript in theme <head>

function myHeadHurts() { ?>

<script>

jQuery(document).ready(function() {

	jQuery('#eeSFL_UploadForm').hide(); // Hide the form straight away
	 
	jQuery('#myCheckToUpload').on('click', function() { // The box is clicked...
	
	     // Either show or hide, depending if ticked or not       
	     if (jQuery('#eeSFL_UploadForm').is(':visible')) { 
	
	         jQuery('#eeSFL_UploadForm').slideUp(); // Hide
	
	        } else {
	
	             jQuery('#eeSFL_UploadForm').slideDown(); // Show
	     }
	
	});

}); // END Ready Function

</script>

<?php }

// Hook into WordPress loading process
add_action('wp_head', 'myHeadHurts'); // 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.