¿Puedo forzar la aceptación de los términos antes de ver o cargar archivos?

A veces, puede ser útil hacer que el visitante del sitio web marque una casilla de verificación para aceptar los términos antes de permitir la carga de un archivo.

Debe marcar esta casilla antes de poder cargar un archivo.

Adelante, compruébalo.

Cargar archivos

Procesando la carga

Límite de archivo: 3 archivos
Límite de tamaño: 100 MB por archivo.
Tipos permitidos: aiff, doc, docx, gif, jpg, jpeg, mp3, mp4, mov, pdf, png, tif, tiff, zip
Arrastre y suelte archivos aquí o use el botón Examinar.

Si se siente cómodo con la codificación un poco, esto se puede lograr con un JavaScript simple agregado a su tema y HTML en el contenido de la página. Así es cómo:

Contenido de página

Coloque un bloque HTML sobre el código abreviado de la lista de archivos simples. Esto es simplemente una casilla de verificación seguida de su mensaje. Puede agregar un enlace al texto completo si lo desea.

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

JavaScript en tu tema

La clave del código anterior es el id="myCheckToUpoad". El JavaScript se conectará a esto y mostrará u ocultará el formulario de carga. También puede usar esto para la lista de archivos, o ambos.

Localiza tu tema actual functions.php archivo.

Agregue este código, luego guarde.

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

Se pueden realizar muchas mejoras en este ejemplo, pero esto es básicamente todo lo que necesita para comenzar.

Déjame saber si necesitas ayuda.

Deja un comentario

Este sitio usa Akismet para reducir el correo no deseado. Descubra cómo se procesan los datos de sus comentarios.