Kan jag tvinga godkännande av villkor innan jag visar eller laddar upp filer?

Ibland kan det vara bra att få webbplatsbesökaren att markera en kryssruta för att acceptera villkoren innan du tillåter en filuppladdning.

Du måste markera den här rutan innan du kan ladda upp en fil.

Gå vidare, kolla det.

Ladda upp filer

Bearbetar överföringen

Filgräns: 3 filer
Storleksgräns: 100 MB per fil.
Tillåtna typer: aiff, doc, docx, gif, jpg, jpeg, mp3, mp4, mov, pdf, png, tif, tiff, zip
Dra och släpp filer här eller använd Bläddra-knappen.

Om du överhuvudtaget är bekväm med att göra lite kodning kan detta åstadkommas med lite enkel JavaScript som läggs till ditt tema och HTML i sidinnehållet. Här är hur:

Sidans innehåll

Placera ett HTML-block ovanför kortkoden Simple File List. Detta är helt enkelt en kryssruta följt av ditt meddelande. Du kan lägga till en länk till hela texten om du vill.

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

JavaScript i ditt tema

Nyckeln till koden ovan är id="myCheckToUpoad". JavaScript kommer att haka på detta och visa eller dölja uppladdningsformuläret. Du kan också använda detta för fillistan, eller båda.

Leta reda på dina nuvarande teman functions.php fil.

Lägg till den här koden och spara sedan.

// 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>

Det finns många förbättringar som kan göras i det här exemplet, men det är i princip allt du behöver för att komma igång.

Låt mig veta om du behöver hjälp.

Lämna en kommentar

Den här sidan använder Akismet för att minska spam. Läs om hur din kommentardata behandlas.