Posso forzare l'accettazione dei termini prima di visualizzare o caricare file?

A volte potrebbe essere utile fare in modo che il visitatore del sito Web selezioni una casella di controllo per accettare i termini prima di consentire il caricamento di un file.

È necessario selezionare questa casella prima di poter caricare un file.

Vai avanti, controllalo.

Carica file

Elaborazione del caricamento

Limite file: 3 file
Limite dimensioni: 100 MB per file.
Tipi consentiti: aiff, doc, docx, gif, jpg, jpeg, mp3, mp4, mov, pdf, png, tif, tiff, zip
Trascina qui i file o usa il pulsante Sfoglia.

Se ti senti a tuo agio nel fare un po 'di codice, questo può essere ottenuto con un semplice JavaScript aggiunto al tuo tema e HTML nel contenuto della pagina. Ecco come:

Contenuto della pagina

Posiziona un blocco HTML sopra lo shortcode Elenco file semplice. Questa è semplicemente una casella di controllo seguita dal tuo messaggio. Se lo desideri, puoi aggiungere un collegamento al testo completo.

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

JavaScript nel tuo tema

La chiave del codice sopra è il id="myCheckToUpoad". Il JavaScript si collegherà a questo e mostrerà o nasconderà il modulo di caricamento. Puoi anche usarlo per l'elenco dei file o entrambi.

Individua il tuo tema attuale functions.php file.

Aggiungi questo codice, quindi salva.

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

Ci sono molti miglioramenti che potrebbero essere fatti in questo esempio, ma questo è praticamente tutto ciò che serve per iniziare.

Fammi sapere se hai bisogno di aiuto.

Lascia un tuo commento

Questo sito utilizza Akismet per ridurre lo spam. Scopri come vengono elaborati i dati dei tuoi commenti.