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

Un utilizator a solicitat o caracteristică care ar face ca vizitatorul site-ului să bifeze o casetă de selectare pentru a accepta termenii de serviciu și politica de confidențialitate înainte de a permite încărcarea fișierului.

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 deloc confortabil cu o mică codificare, acest lucru poate fi realizat cu ajutorul unui 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 Lista simplă a fișierelor. Aceasta este pur și simplu o casetă de selectare urmată de mesajul dvs. Puteți adăuga o legătură la textul complet 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". Javascriptul se va lega de acest lucru și va arăta sau ascunde încărcătorul. Puteți utiliza acest lucru și pentru lista de fișiere sau pentru ambele.

Găsiți fișierul functions.php al temei curente.

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

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

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.