Pot forța acceptarea condițiilor înainte de a vizualiza sau încărca fișiere?

Uneori ar putea fi util ca vizitatorul site-ului web să bifeze o casetă de selectare pentru a accepta termenii înainte de a permite încărcarea unui fișier.

Trebuie să bifați această casetă înainte de a putea încărca un fișier.

Du-te mai departe, verifică-l.

Încărca fișiere

Procesarea încărcării

Limită fișier: 3 de fișiere
Limită de mărime: 100 MB pe fișier.
Tipuri permise: aiff, doc, docx, gif, jpg, jpeg, mp3, mp4, mov, pdf, png, tif, tiff, zip
Glisați și fixați fișierele aici sau utilizați butonul Parcurgere.

Dacă vă simțiți confortabil să faceți puțină codare, acest lucru poate fi realizat cu niște JavaScript simplu adăugat la tema dvs. și HTML în conținutul paginii. Iată cum:

Conținutul paginii

Plasați un bloc HTML deasupra codului scurt al listei simple de fișiere. Aceasta este pur și simplu o casetă de selectare urmată de mesajul dvs. Puteți adăuga un link la textul integral dacă doriți.

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

JavaScript în tema dvs

Cheia codului de mai sus este id="myCheckToUpoad". JavaScript se va conecta la acesta și va afișa sau ascunde formularul de încărcare. Puteți utiliza acest lucru și pentru lista de fișiere sau pentru ambele.

Găsiți tema curentă functions.php fișier.

Adăugați acest cod, apoi salvați.

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

Există multe îmbunătățiri care pot fi făcute la acest exemplu, dar acesta este practic tot ce trebuie să începeți.

Spune-mi dacă ai nevoie de ajutor.

Lăsați un comentariu

Acest site folosește Akismet pentru a reduce spamul. Aflați cum sunt procesate datele despre comentarii.