Excelente el canal Mozart, sólo una duda cuando selecciono departamento, me habilita el desplegable empleado pero sin datos ¿Qué pudo haber ocurrido? gracias por tus grandes aportes...
Gracias, significa que tu solución trabaja, pero no al 100, revisa la consola del navegador a ver si hay algún error por lo que no carga las opciones en el segundo select.
Hola Mozart. Muchas gracias por tus conocimientos me han ayudado bastante. :D ¿será posible que en vez de que se active un segundo select, se habilite una datalist?
Excelente video, muchas gracias! solo tengo una duda... como puedo hacer una tercera pregunta que dependa de la 2?, es decir la pregunta 3 depende de la 2 y la 2 depende de la 1
Saludos Buenas tardes , Me gustaría crear desplegables dependientes , usando Google Forms y sheets. Por eje Si escogo en el primer desplegable pais chile , el 2 desplegable se filtre y liste regiones de chile.
Hola, desafortunadamente en google forms no es posible, lo más parecido es crear secciones, en base al item elegido te muestra una sección con la pregunta correspondiente. Si no, si tendrás que hacerlo en Apps Script
Por ahora dependiendo de la selección he creado ventanas aparte en otras secciones para simular un Desplegable dependiente , pero actualmente el listado ha crecido demasiado. Es posible obtener un valor antes de que un formulario sea enviado ?.
@@alejandroartistachileno Si claro, llega un momento donde se vuelve muy difícil de mantener. En google form no es posible leer un valor antes de ser enviado, en apps script sí
@@mozart_34 Buenos dias Mozart, como estas? Primero muchas gracias por tus videos. Queria saber si habias hecho algun tutorial para realizar esto a traves de appscript. Saludos!!
Excelente, gracias por compartir este tipo de conocimiento. Una consulta, se podría crear las opciones de listas de forma variable en cantidad, osea si en el worksheet tengo 3 columnas que cree 3 listas, si hay 5 columnas que cree 5 listas y así susecivamente.
Sí, primero llamas a una función del lado del servidor que te devuelva el contenido del sheet en un objeto bidimensional, el largo de la fila sería la cantidad de listas que te deberá crear, con un loop creas las listas de manera dinámica
Primero agradecer a Mozart por tanto contenido, he levantado varios proyectos con el contenido del canal. Tengo varios dias con un problema que no he logrado resolver, cuando quiero integrar el formulario en google sites no me funciona el boton para el envio de datos el cual si funciona perfecto fuera de google sites, agradezco si me colaboran con que pueda estar pasando...Gracias de antemano...
😅 tienes razón, más que nada lo hice para representar un formulario completo, (aunque debería de haber puesto más campos) y enviar las respuestas a un sheet o base de datos al presionar el botón
Gracias Excelente!! me ayudó mucho; solo una consulta cómo hago para que al seleccionar el departamento se cargue la lista desplegable empleado y otra lista desplegable cargo; lo he intentado peor no funciona
Hola sería seguir la misma lógica, agrega run evento al segundo select, para que al cambiar se cargue el tercer select, tal vez haga uno con más de 2 selects, ya que me han pedido bastante ese tutorial
Muchas gracias por compartir tus conocimientos, te quería hacer una pregunta a razón de este video, como sería la implementación de las listas desplegables dependientes para que devuelvan los datos filtrados de una tabla html con origen en sheets. Y de nuevo gracias de antemano y un saludo.
Hola, muy buena duda. Necesitarías un select, utilizar un eventListener con el tipo de evento "change" para que cuando cambie valor busque los datos que coincidan en la talba html, una vez devuelva los registros que coinciden, creas una tabla del lado del cliente con dichos datos. Ese es más o menos el flujo, está fácil pero largo. Cuéntame si lo logras. Saludos.
En el segundo select, no se cargan todas las opciones que corresponden al primero. Solo carga la primera opción. Qué podría estar pasando?... (las verificaciones con Console.log se activan bien)
checa la callback function "actualizarInformación" ahí si recibes todas las opciones del sheet? si las recibes, checa el forEach, puedes hacer otro console, si imprimte cada opción que debe agregar? si en efecto imprime cada función revisa el método appendChild, a ver si con eso
@@mozart_34 Hola, el forEach imprime cada opción que debería agregar, pero continúa sin aparecer en el select. Revise el appendChild y esta igual como lo muestras en el video. Tal vez, podría ser que no esta conectando con el "id" del select? Como podría comprobarlo?
Hola, habiendo realizado el ejercicio funcionó, pero en él no veo como tomar esos valores seleccionados de cada una de las listas para cargarlos en variables.
Hola, el alcance de este video es mostrar la funcionalidad, en el video de crear una web app de 0 a 100 creo que muestro como llevar dichos valores a un google sheet.
cuando ejecuto BuscarEmpleados me tira este error "TypeError: data.map is not a function" y no me puedo dar cuenta donde me equivoqué function buscarEmpleados ( departamentoSeleccionado ){ var data = sheetBD.getDataRange().getValue(); var listaEmpleados = []; data.map ( row=> { if( row[0] == departamentoSeleccionado){ listaEmpleados.push( row[1] ); } }); return listaEmpleados; }
Hola Mozart buenas, una consulta, como puedo hacer para que lea la lista a partir de la segunda fila de la columna departamento? Gracias por enseñarnos y saludos 😀
Hola, puedes hacerlo de varias formas, por ejemplo puedes utilizar el método .shift() en la variable data. ( data.shift() ) este método borra el primer elemento de un array, otra en lugar de utilizar el método getDataRange() puedes utilizar el método getRange e indicar desde la fila 2.
Hola, muy buen video. Tengo una pregunta: 1- Si quiero crear una tercera sección de acuerdo a otra columna de mi Sheets ¿tendría que seguir el mismo proceso que el que se hizo para, en este caso, "Selecciona el empleado"?, he intentado hacer esto para crear dicha otra sección y no funciona, por favor apreciaría mucho cualquier ayuda.
amigo, buenos dias! podría crear un botón enviar datos para planilha do Google y editar datos dentro de este ejemplo. o enviarme el codigo editado para que estudie y despeje mis dudas?
Buenas tardes! excelente contenido! COmbine este video con el del formulario con bootstrap y hasta ahora voy bien.. pero cuando hago click en el boton para registar los datos del form, no me impacta en los parameters del doPost los de la lista desplegable dependiente.. que podra ser?
@@mozart_34 los names de los selects.. les habia puesto id pero no name no se porque jaa.. el unico problema que tengo ahora es poder hacer que la implementacion me tome ok el link del pubUrl.. es como que siempre me queda con un link viejo y me da error
@@kitmesaop5597 Hola, tal vez te pueda servir enviar la info al sheet con el método google.script.run en lugar del método doPost() de hecho casi siempre utilizo el primer método.
hola antes q nada muy bueno el video me ha ayudado bastante con dudas q tenia de como hacerlo, en este caso deseo consultarte como hacer para q se reinicie todo al momento de hacer click en el boton enviar....
gracias por el comment! en la callback function que se ejecuta cuando el formulario se ha enviado y has recibido la respuesta del servidor puedes utilizar el método document.getElementById("AQUÍ VA EL ID DE TU FORMULARIO").reset(); eso reestablece los campos del formulario, espero haya servido.
Hola, en este tutorial me limito a la funcionalidad de listas dependientes buscando en el servidor, en otros tutoriales muestro como llevar la información a un google sheet con la función google script run
Год назад+1
Esto se puede hacer con un formulario de google amigo, saludos me he suscrito a tu canal...
Hola, desafortunadamente no es posible hacer esto en Google forms, podrías simularlo utilizando secciones, por ejemplo en la primera lista desplegable agregar el destino a la sección según respuesta, y en cada sección agregas otra pregunta de lista desplegable y de ahí todas continúan a una sección común.
@@mozart_34 lo que pasa es para crear dos dependientes 1 departamento y la otra dependiendo del departamento que elija, que se seleccione el municipio correspondiente al departamento
buen video, solo que estoy atascado en un error. al dar clic en el primer select 1 para que active el select 2 me da este error, lo esto viendo la prueba por consola Uncaught ReferenceError: activaSelect2 is not defined at HTMLSelectElement.onchange.. deberia mostrar el mensaje en consola pero me da error.
Genial, eres de los pocos que explican el trabajo de AppScript y lo haces muy bien.
Muchas gracias!
Esperamos seguir creando contenido de interés! 🦾
donde se puede descargar el codigo?
Realmente útil. Eternamente agradecido
Excelente el canal Mozart, sólo una duda cuando selecciono departamento, me habilita el desplegable empleado pero sin datos ¿Qué pudo haber ocurrido? gracias por tus grandes aportes...
Gracias, significa que tu solución trabaja, pero no al 100, revisa la consola del navegador a ver si hay algún error por lo que no carga las opciones en el segundo select.
Hola Mozart. Muchas gracias por tus conocimientos me han ayudado bastante. :D
¿será posible que en vez de que se active un segundo select, se habilite una datalist?
Si claro, con el evento tu decides que se debe activar al seleccionar un elemento
Hola Mozart, gracias por los dos videos. Super utiles.
Que bueno que te sean de utilidad. Saludos ✌
Simplemente, maravilloso
Muchas gracias, saludos. ✌️
¿Cómo sería entonces para evitar que la lista 2 duplique valores también?
Saludos!!
Excelente video, muchas gracias! solo tengo una duda... como puedo hacer una tercera pregunta que dependa de la 2?, es decir la pregunta 3 depende de la 2 y la 2 depende de la 1
excelente video me ayudo mucho ...
Saludos ✌🏼
Excelente, muchas gracias! Hay alguna opción para ajustar el texto de una opción en caso de que esta sea muy larga?
Saludos Buenas tardes , Me gustaría crear desplegables dependientes , usando Google Forms y sheets. Por eje Si escogo en el primer desplegable pais chile , el 2 desplegable se filtre y liste regiones de chile.
Hola, desafortunadamente en google forms no es posible, lo más parecido es crear secciones, en base al item elegido te muestra una sección con la pregunta correspondiente. Si no, si tendrás que hacerlo en Apps Script
Por ahora dependiendo de la selección he creado ventanas aparte en otras secciones para simular un Desplegable dependiente , pero actualmente el listado ha crecido demasiado.
Es posible obtener un valor antes de que un formulario sea enviado ?.
@@alejandroartistachileno Si claro, llega un momento donde se vuelve muy difícil de mantener. En google form no es posible leer un valor antes de ser enviado, en apps script sí
@@mozart_34 Buenos dias Mozart, como estas? Primero muchas gracias por tus videos. Queria saber si habias hecho algun tutorial para realizar esto a traves de appscript. Saludos!!
Excelente, gracias por compartir este tipo de conocimiento.
Una consulta, se podría crear las opciones de listas de forma variable en cantidad, osea si en el worksheet tengo 3 columnas que cree 3 listas, si hay 5 columnas que cree 5 listas y así susecivamente.
Sí, primero llamas a una función del lado del servidor que te devuelva el contenido del sheet en un objeto bidimensional, el largo de la fila sería la cantidad de listas que te deberá crear, con un loop creas las listas de manera dinámica
Saludos Mozart. Una pregunta... esto es aplicable a un sitio web hecho en html o solo con los sitios de google?
Cualquier sitio html, solo depende del lenguaje y de donde tengas tu base de datos, pero la lógica es muy similar
Primero agradecer a Mozart por tanto contenido, he levantado varios proyectos con el contenido del canal. Tengo varios dias con un problema que no he logrado resolver, cuando quiero integrar el formulario en google sites no me funciona el boton para el envio de datos el cual si funciona perfecto fuera de google sites, agradezco si me colaboran con que pueda estar pasando...Gracias de antemano...
Excelente aporte como siempre. Para que serviría el botón enviar? Esa parte no lo entendí
😅 tienes razón, más que nada lo hice para representar un formulario completo, (aunque debería de haber puesto más campos) y enviar las respuestas a un sheet o base de datos al presionar el botón
Gracias Excelente!! me ayudó mucho; solo una consulta cómo hago para que al seleccionar el departamento se cargue la lista desplegable empleado y otra lista desplegable cargo; lo he intentado peor no funciona
Hola sería seguir la misma lógica, agrega run evento al segundo select, para que al cambiar se cargue el tercer select, tal vez haga uno con más de 2 selects, ya que me han pedido bastante ese tutorial
Muchas gracias por compartir tus conocimientos, te quería hacer una pregunta a razón de este video, como sería la implementación de las listas desplegables dependientes para que devuelvan los datos filtrados de una tabla html con origen en sheets. Y de nuevo gracias de antemano y un saludo.
Hola, muy buena duda. Necesitarías un select, utilizar un eventListener con el tipo de evento "change" para que cuando cambie valor busque los datos que coincidan en la talba html, una vez devuelva los registros que coinciden, creas una tabla del lado del cliente con dichos datos. Ese es más o menos el flujo, está fácil pero largo. Cuéntame si lo logras.
Saludos.
@@mozart_34 muchas gracias por la ayuda, si lo consigo te lo haré saber
En el segundo select, no se cargan todas las opciones que corresponden al primero. Solo carga la primera opción. Qué podría estar pasando?... (las verificaciones con Console.log se activan bien)
checa la callback function "actualizarInformación" ahí si recibes todas las opciones del sheet? si las recibes, checa el forEach, puedes hacer otro console, si imprimte cada opción que debe agregar? si en efecto imprime cada función revisa el método appendChild, a ver si con eso
@@mozart_34 Hola, el forEach imprime cada opción que debería agregar, pero continúa sin aparecer en el select. Revise el appendChild y esta igual como lo muestras en el video. Tal vez, podría ser que no esta conectando con el "id" del select? Como podría comprobarlo?
Hola, habiendo realizado el ejercicio funcionó, pero en él no veo como tomar esos valores seleccionados de cada una de las listas para cargarlos en variables.
Hola, el alcance de este video es mostrar la funcionalidad, en el video de crear una web app de 0 a 100 creo que muestro como llevar dichos valores a un google sheet.
cuando ejecuto BuscarEmpleados me tira este error "TypeError: data.map is not a function" y no me puedo dar cuenta donde me equivoqué
function buscarEmpleados ( departamentoSeleccionado ){
var data = sheetBD.getDataRange().getValue();
var listaEmpleados = [];
data.map ( row=> {
if( row[0] == departamentoSeleccionado){
listaEmpleados.push( row[1] );
}
});
return listaEmpleados;
}
Hola Mozart buenas, una consulta, como puedo hacer para que lea la lista a partir de la segunda fila de la columna departamento? Gracias por enseñarnos y saludos 😀
Hola, puedes hacerlo de varias formas, por ejemplo puedes utilizar el método .shift() en la variable data. ( data.shift() ) este método borra el primer elemento de un array, otra en lugar de utilizar el método getDataRange() puedes utilizar el método getRange e indicar desde la fila 2.
Hola, muy buen video. Tengo una pregunta: 1- Si quiero crear una tercera sección de acuerdo a otra columna de mi Sheets ¿tendría que seguir el mismo proceso que el que se hizo para, en este caso, "Selecciona el empleado"?, he intentado hacer esto para crear dicha otra sección y no funciona, por favor apreciaría mucho cualquier ayuda.
¿cómo podría hacer para que permita seleccionar más de un empleado?
Tendrías que tener otro tipo de input en lugar de un select, por ejemplo, un check, así puedes permitir elegir más de uno
amigo, buenos dias! podría crear un botón enviar datos para planilha do Google y editar datos dentro de este ejemplo. o enviarme el codigo editado para que estudie y despeje mis dudas?
Buenas tardes! excelente contenido! COmbine este video con el del formulario con bootstrap y hasta ahora voy bien.. pero cuando hago click en el boton para registar los datos del form, no me impacta en los parameters del doPost los de la lista desplegable dependiente.. que podra ser?
lo pude resolver.. gracias por todo tu contenido!! Gracias a el no solo aprendi mucho sino que pude implementar cosas nuevas en mi trabajo!
@@kitmesaop5597 Excelente! que te estaba faltando?
@@mozart_34 los names de los selects.. les habia puesto id pero no name no se porque jaa.. el unico problema que tengo ahora es poder hacer que la implementacion me tome ok el link del pubUrl.. es como que siempre me queda con un link viejo y me da error
@@kitmesaop5597 Hola, tal vez te pueda servir enviar la info al sheet con el método google.script.run en lugar del método doPost() de hecho casi siempre utilizo el primer método.
buenas tardes, brindas asesorías personalizadas? y de ser así como lo puedo contactar para una pregunta particular. Desde ya muchas gracias.
Hola, te dejo mi contacto mozart@ifelse.gs saludos! ✌️
Como hago para cargar select dinamicamente independiente sin deoender de selección del primer select
Hola, en la primera parte, en el video Google Apps Script 16 explico como cargar un select dinámicamente sin que sea dependiente de otro
hola antes q nada muy bueno el video me ha ayudado bastante con dudas q tenia de como hacerlo, en este caso deseo consultarte como hacer para q se reinicie todo al momento de hacer click en el boton enviar....
gracias por el comment! en la callback function que se ejecuta cuando el formulario se ha enviado y has recibido la respuesta del servidor puedes utilizar el método document.getElementById("AQUÍ VA EL ID DE TU FORMULARIO").reset(); eso reestablece los campos del formulario, espero haya servido.
@@mozart_34 muchas gracias ahi lo probe y me reinicia todo pero el segundo select no se me deshabilita y se me queda el ultimo valor seleccionado
Igual pudieras seleccionar el segundo select y desactivarlo, así, cuando cambie el primero lo volverá activar y te lo activará
@@mozart_34 como lo hago? perdon..... o sea como lo desactivo luego de enviar el formulario
ya lo logre hacer mUCHAS MUCHAS GRACIAS!
Me gustó el video, pero como le puedo dar acción al botón de "enviar", como escribir en una casilla "Listo".
Hola, en este tutorial me limito a la funcionalidad de listas dependientes buscando en el servidor, en otros tutoriales muestro como llevar la información a un google sheet con la función google script run
Esto se puede hacer con un formulario de google amigo, saludos me he suscrito a tu canal...
Hola, desafortunadamente no, los formularios de Google son "estáticos" y cuando un usuario carga el form ya no hay forma de que se actualice
@@mozart_34 a ese ejemplo que hiciste hay otro de tus videos donde muestras como enviarlo a una google. Sheet amigo?
Sí, el de web app de 0 a 100 te puede servir
@@mozart_34 Enterado lo buscare en tu repertorio. Bendiciones muy buen trabajo desde ahora te seguiré...
@@mozart_34 No encuentro el video Web app de 0 a 100 Mozart
Hola como hago ese proceso en un forms ya de google ?
Hola, desafortunadamente no es posible hacer esto en Google forms, podrías simularlo utilizando secciones, por ejemplo en la primera lista desplegable agregar el destino a la sección según respuesta, y en cada sección agregas otra pregunta de lista desplegable y de ahí todas continúan a una sección común.
@@mozart_34 lo que pasa es para crear dos dependientes 1 departamento y la otra dependiendo del departamento que elija, que se seleccione el municipio correspondiente al departamento
como lo puedo poner afuera del doGet?
Sin hacer uso de scriptlets, en otros video muestro esa opción
buen video, solo que estoy atascado en un error. al dar clic en el primer select 1 para que active el select 2 me da este error, lo esto viendo la prueba por consola Uncaught ReferenceError: activaSelect2 is not defined
at HTMLSelectElement.onchange.. deberia mostrar el mensaje en consola pero me da error.
Hola, si tienes definido activaSelect2 en la parte del script? al parecer no encuentra la función.
Me sucedió lo mismo, debes depurar muy bien el código, si te queda igual al del video no tendrás ningún error.