<script>
document.getElementById(“bt_contacto_comercial”).addEventListener(“click”, function() {
document.getElementById(“et_pb_contact_motivo_0”).value= “Contacto Comercial”;
});
</script>
Estos son los pasos que vamos a seguir:
1.- Añadir el codigo modulo de divi
2.- Seleccionar los ids de nuestros elementos.
3.- Insertar la funcion javascript teniendo en cuenta nuestros ids.
Dentro de nuestra página nos vamos a “editar con divi ” insertar modulo codigo. Como ves en la siguiente imagen.
<script>document.getElementById(“bt_contacto_comercial”).addEventListener(“click”, function() {
document.getElementById(“et_pb_contact_motivo_0”).value= “Contacto Comercial”;
});
</script>
El objetivo de este codigo es que cuando se hace click en el elemento con el id “bt_contacto_comercial” que en mi caso es un botón, se ejecute la funcion y cambie el valor del elemento con id “et_pb_contact_motivo_0” para modificar valor formulario divi a “Contacto Comercial”.
document.getElementById("bt_contacto_comercial").addEventListener("click", function() {
Esto significa que cogemos el elemento de nuestra página con el id “bt_contacto_comercial”, cuando hagamos la acción “click” se va a ejecutar una acción, esa acción es lo que hay dentro de la funcion , es decir, lo que hay después de {
document.getElementById("et_pb_contact_motivo_0").value= "Contacto Comercial";
});
Dentro de la función vamos a coger el elemento de nuestra página con el id “et_pb_contact_motivo_0” y vamos a cambiar su valor al texto “Contacto Comercial”.
Si queréis saber más sobre .addEventListener os recomiendo echar un vistazo a https://www.w3schools.com/JSREF/met_element_addeventlistener.asp
Tenéis tutoriales muy bien explicados sobre html, CSS y Javascript.
También podéis revisar la información para seleccionar un valor dentro de un elemento de de formulario.
https://www.w3schools.com/jsref/prop_select_value.asp
divi no se ha podido guardar
Esto se debe a que tengo el plugin de Wordfence instalado que protege de posibles problemas como insertar codigo malicioso de javascript. Lo que hay que hacer es darle a guardar y os aparecerá una pantalla para permitir que se pueda ejecutar, lo que se llama meter en la lista blanca “whitelist”. De esta manera os quedará todo funcionando y podréis guardar.
Uncaught TypeError: Cannot read property ‘addEventListener’ of null.
Por lo que hay que insertar divi modulo codigo más abajo de los elementos con los que quieras jugar.
Me explico, estamos intentando modificar mediante javascript algo que existe en la página web, cuando la web se empieza a cargar lee el codigo javascript y se vuelve loca cuando encuentra nuestra función de javascript porque los elementos con el id que le hemos puesto no existen todavia , no han sido cargados por la web y en ese momento los considera como Null. Es tan simple como poner el codigo modulo divi después de los elementos que queremos modificar, en mi caso le decimos al botón que cuando se haga click vaya al formulario de más abajo y cambie el texto de uno de los campos. Si yo pongo el modulo codigo divi antes de cualquiera de estos dos elementos me va a salir el error. Así que lo pongo después de esos elementos.
