Avisos
Vaciar todo

Cambiar texto seleccionar archivos y ningún archivo seleccionado

6 Respuestas
2 Usuarios
0 Reactions
724 Visitas
Respuestas: 26
Eminent Member
Topic starter
 

Quiero cambiar el texto seleccionar archivo y ningún archivo seleccionado que creo que se modificarán de acuerdo con la configuración de su navegador, en un formulario. ¿Como puedo hacerlo y donde? por favor luego eliminar la dirección web y el archivo adjunto

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 14/05/2018 11:16 am
Respuestas: 26
Eminent Member
Topic starter
 

He encontrado esto en un foro. Parece que esta cerca de lo que yo necesito.
Puede ocultar la entrada colocándola en un div que es height:0px y overwflow:hidden .Luego de agregar un botón u otro elemento html, puede diseñar como lo desee. En el evento onclick obtienes el campo de entrada usando javascript o jQuery y haz clic en él:

function chooseFile() { $("#fileInput").click(); }
Ahora la entrada está oculta, pero puede darle un estilo al botón que desee, siempre abrirá la entrada del archivo al hacer clic.
Si no desea usar jQuery, reemplace la etiqueta del script con esta etiqueta de script:
function chooseFile() { document.getElementById("fileInput").click(); }

Pero no se donde poner script, mis nociones son basicas.


 
Respondido : 14/05/2018 12:33 pm
Pepe
 Pepe
Respuestas: 41115
Illustrious Member Admin
 

Hola Pedro.

Tanto el texto del botón como el de " ningún archivo seleccionado ", son generados por el navegador y muestra el texto dependiendo del idioma configurado en el navegador.

Cambiar esto ya te digo es tarea complicada, revisa este link donde se explica como personalizarlo:
-> http://elenalasierra.com/personalizar-boton-upload-contact-form7-adjuntar-archivos/

Un saludo


 
Respondido : 14/05/2018 12:58 pm
Respuestas: 26
Eminent Member
Topic starter
 

Ya lo había visto,también he visto esto

podría cambiar solo el botón eliminando el otro?


 
Respondido : 14/05/2018 1:13 pm
Pepe
 Pepe
Respuestas: 41115
Illustrious Member Admin
 

Hola Pedro.

Para ocultar el texto puedes añadir lo siguiente en tu archivo de estilos style.css que encontraras en la ruta wp-content -> themes -> dt-the7 -> style.css

input[type="file"] {
    color: transparent;
}

Para darle estilo al botón tienes que encerrarlo en un DIV y añadirle los estilos, revisa lo siguiente donde tratan el tema:

-> https://es.stackoverflow.com/questions/137493/cambiar-texto-seleccionar-archivo-en-contact-form-7

Un saludo


 
Respondido : 14/05/2018 3:45 pm
Respuestas: 26
Eminent Member
Topic starter
 

Gracias, voy a hacerlo y te digo.


 
Respondido : 14/05/2018 5:58 pm