Buenas tardes Mozart, he estado detallando sus videos y realmente me he sorprendido con su contenido, le estoy muy agradecido por compartir sus conocimientos. Están muy bien explicados y detallados. MUCHAS GRACIAS por compartir sus conocimientos.
Excelente! No sabía acerca del método getDisplayValues, me será de gran utilidad. Respecto a la forma en la que construyes la tabla... me gusta tener el código javascript separado del HTML ya que es menos intrusivo y mantenible. Saludos.
Hola! gracias por el comment, sí, es mucho mejor tener el código CSS y JS en archivos separados, solo que por cuestiones de acortar el video del tutorial lo puse en el mismo archivo 😅 Saludos ✌️
Muy bueno tu aporte Mozart, te hago una consulta que pasa si tenes muchas columnas por ejemplo 12 y no entran para visualizar a lo ancho de la pagina y queres ir mostrando los datos verticalmente o sea por ejemplo que me muestre diferentes filas pero con un maximo de 6 columnas? Como se haria o que recomendacion me das. Muchas gracias
Hola Mozart, genial este y el resto de tus videos, apoyas mucho a la comunidad. Gracias por ello. Tengo una duda con la generación de estas tablas dinámicas y es que cuando manejas muchos registros es necesario paginar para no colapsar la página de presentación. Entonces: ¿como se hace paginación con estas #tablas #html dinámicas con #appsscript ? Agradecido de antemano.
Hola claro que es posible, pero requerirá muchas líneas de código, css para agrupar y distribuir los datos, si son muchos te recomendaría que utilices un datatable, ya que su uso es gratis y te ahorrará mucho tiempo
gracias. Tengo una pregunta: supongamos que embebo la webapp en un googlesites, pero quiero además agregar un botón para que el usuario, al oprimirlo, pueda actualizar la vista y revisar si la tabla contiene nuevos datos. Consideran que el botón debe ser parte de la webapp? el botón debe sr parte del google sites? qué comando debe ejecutar ese botón?
Hola. Hice un ejemplo con una columna que tiene urls. La tabla que se publica pone los urls como texto no clickeable. Hay forma de hacer que esa columna se formatee como url clickeable?
Hola! que buena pregunta, sí, sí es posible que se muestre la url en la tabla html, hay varias maneras, por ejemplo (basándote en el código que tengo) puedes agregar una condición elseif( j == índice de la columna con los urls). si esta condición es verdadera quieres que genere un link:
@@mozart_34 he estado haciendo pruebas con el código, en un inicio lo hice igual que en el video, emite una alerta que dice "yntaxError: Unexpected token '?' (línea 10, archivo "Código")", sabes qué podría estar causando el error? Me parece que el problema está aqui: var output = template.evaluate() en el gs code
la línea 10 me supongo es donde tienes la instrucción template.evalueate(), pero el problema es que al evaluar el código html encuentra un error, revisa bien tus líneas, debes de tener un signo '?' de más o fuera/dentro de comillas, en algún scriptlet.
De la documentación developers.google.com/apps-script, en twitter hay una comunidad de devs en el ámbito de workspace, aquí puedes encontrar muchos a quien seguir workspacedevs.com/ y @AppsScriptInfo en twitter siempre tiene muchos posts con novedades w ideas
Mozart! genial el vídeo, una pregunta, ¿cómo harías si no quieres que se muestre la columnaB, es decir que sólo aparezcan los datos de la A, C y D. Gracias y muy bueno, ya lo tengo en marcha en mi sitio!
Hola, en el tutorial lo hice para mostrar todos los datos, pero puedes hacerlo de varias formas, por ejemplo puedes ir seleccionando los valores y agregarlos a un array con el método .push(), (hacerlo del lado del servidor) o del lado del cliente puedes crear una condición para que si j (el índice de las columnas) es igual al índice de la columna que NO quieres crear No agregue un th o td
Hola, agradezco mucho tu dedicación por compartir estos tutoriales. Te quiero hacer una pregunta. Tienes algun tutorial. Donde explique como interactuar en 2 o 3 paginas html, requiero en una hacer registro, en otra Consulta y en otra modificar, o se podra todo en una misma Pagina html? Y en el mismo codigo?
hola, muy bueno el video, te consulto si podra agregar un buscador ??? y q solo me muetre los datos q busco...o sea al presentar la pagina no muetre nada y solo muestre en la tabla los datos buscados, es esto posible de hacer?
Una duda , sólo pueden presentarse tablas , se podría hacer un tipo cotizador , ejemplo el usuario meta en alguna celda valores y este le genere una cotización e imprimirla y enviarla por correo ????
Cualquier implementación, siempre y cuando lo hagas uso de los recursos de manera eficiente, por ejemplo si estás con una cuenta comercial, solo puedes enviar hasta 100 emails diarios
@@TheTramos00 ya logré generar ese cotizador , y creo que quedó bien, ahora ando haciendo un site que muestre varias tablas dependido el producto que seleccionen
Dos dias llevo haciendo excatamente paso por paso mero me tira un error en la linea 10 que seria la evaluacion del html y buscando me encuentro que el error que tengo esta al querer utlilizar las llaves de y no puedo encontrar la solucion si me das una mano te agradezco
El loop forEach es mi favorito jeje, solo utilicé este para variar el loop respecto a los anteriores y porque solo utilizo el índice sin ningún otro argumento, gracias por el comment
@@mozart_34 estoy buscando la forma de sumar y/o los mismos valores de filas o celdas ya sean numericos o textos y mostrar el resultado final en un html, entiendo que en java script existe una forma que se llama "incremento" o "decremento" pero no logro conseguir hacerlo xD.
Excelente video, yo cuento con una tabla en sheet la cual el video me ayudo a visualizarlo en webapp, pero una de mis columnas contiene hipervínculos hacia imágenes y en la web no tiene el atributo como link solo aparece como texto, me podría ayudar, muchas gracias
Hola, ¿cómo podría hacer para que sólo salieran algunas columnas, por ejemplo la B, la C y la F.? He probado poniéndolas en un Array [ data1, data2...] Pero luego al volcar al html no lo coge como tal. Gracias!!
Hola, puedes hacerlo de varias formas, por ejemplo puedes ir seleccionando los valores y agregarlos a un array con el método .push(), o del lado del cliente puedes crear una condición para que si j (el índice de las columnas) es igual al índice de la columna que no quieres crear no agregue un th o td Saludos.
Muchas gracias Mozart por tus videos estoy aprendiendo demasiado y aportando mucho conocimiento a mis compañeros, empresa y a los niños que les enseño en voluntariados. Aprovecho para preguntarte, como puedo hacer para que la tabla me arroje solo los valores por usuario? y como desde la tabla puedo actualizar un valor y se refleje en Shhet? Gracias nuevamente.
Hay varias opciones, 1. al momento de ejecutar la función que extrae los valores de la hoja de cálculo, puedes crear un if() para que si coincide con el correo o valor filtro llene otro arreglo y solo devuelvas ese arreglo. otro es que envíes toda la información al navegador, pero a la hora de crear la tabla solo haga agregue las filas que coinciden con el valor filtro, espero te guie un poco la lógica.
Que tal muy buenos videos, disculpa planeas hacer un CRUD con solo javascript? Es que veo videos que es con jQuery, estaría genial si hicieras uno así.
@@mozart_34 Correcto! Por cierto enhorabuena y muchas gracias por tu excelente contenido, que en el mensaje anterior se me pasó agradecerte. Ojalá te animes, a hacer una segunda parte para pintar las celdas como en excel, sheets... porque hay muy muy muy pocos tutoriales para dar el formato condicional a una tabla en html , me refiero con codigo como php, js...
hola me aparece este error SyntaxError: Unexpected token '{' (línea 10, archivo "Código") pero no tengo ningun simbolo en esa linea, me puedes ayudar a saber donde puede estar el error
Hola, lo más seguro es que en esa línea tengas el método evaluate() que evalúa que no haya errores en el archivo html. Donde debe de haber algún error al tener doble '{' o tenerla sin algún scriptlet
Hola, cuando te arroja un error en la línea donde está el método evalueate() significa que "evalúa" que hay un error en tu archivo html (el archivo plantilla que está evaluando). Revisa si te falta cerrar un div o algún error simple. Saludos.
Excelente video muchas gracias . Una consulta como puedo hacer para que la última columna de la.tabla html sea clickable ya que muestra un link . Gracias
¡Gracias por esta serie de vídeos tan genial! He encontrado el siguiente problema: SyntaxError: Unexpected token 'else' (línia 19, fila "Codigo") (min 8:13 en el vídeo) Sospecho que pueda estar ligado a la evaluación del template, pero no encontré ningún error en mi código que reproduje fielmente al suyo. Si me pudiese ayudar, se lo agradecería.
Sí, viene del template, que evalúa que hay un error en el archivo hmtl, dónde está el "else" debe estar el error, revisa dónde abres y cierras los scriptlets
depende también de las columnas, obviamente a más filas más tarda en cargar la página, yo he visto aplicaciones funcionando correctamente con 60,000+ filas
Buenas tardes Mozart, he estado detallando sus videos y realmente me he sorprendido con su contenido, le estoy muy agradecido por compartir sus conocimientos. Están muy bien explicados y detallados. MUCHAS GRACIAS por compartir sus conocimientos.
Muchas gracias por el tutorial, habia practicado algo con AppScript en su momento, pero no tenia idea que se podian crear webs con esta tecnologia
Hola, gracias, ya checaste el vídeo de hoy? También es para crear tablas dinámicas pero con template. Saludos
Luego de varios fallos, por fin me salió, tiempo que no hacia código html. Gracias Mozart. Atte: Ronne
Excelente! 💪🏻
No dejes de hacer porque luego se olvida!
Excelente! No sabía acerca del método getDisplayValues, me será de gran utilidad.
Respecto a la forma en la que construyes la tabla... me gusta tener el código javascript separado del HTML ya que es menos intrusivo y mantenible.
Saludos.
Hola! gracias por el comment, sí, es mucho mejor tener el código CSS y JS en archivos separados, solo que por cuestiones de acortar el video del tutorial lo puse en el mismo archivo 😅
Saludos ✌️
Esta serie me ha sido de mucha utilidad!!!,planeas seguir subiendo capítulos ?
Muchas gracias! La idea es subir algunos más ✌🏼👍🏼💪🏼
Muy bueno tu aporte Mozart, te hago una consulta que pasa si tenes muchas columnas por ejemplo 12 y no entran para visualizar a lo ancho de la pagina y queres ir mostrando los datos verticalmente o sea por ejemplo que me muestre diferentes filas pero con un maximo de 6 columnas? Como se haria o que recomendacion me das. Muchas gracias
Me sirvio perfecto el codigo lo unico es el titulo que no me agarra el se ve normal no en negrilla y me gustaria saber como lo puedo centrar
Hola Mozart, genial este y el resto de tus videos, apoyas mucho a la comunidad. Gracias por ello.
Tengo una duda con la generación de estas tablas dinámicas y es que cuando manejas muchos registros es necesario paginar para no colapsar la página de presentación. Entonces: ¿como se hace paginación con estas #tablas #html dinámicas con #appsscript ? Agradecido de antemano.
Hola claro que es posible, pero requerirá muchas líneas de código, css para agrupar y distribuir los datos, si son muchos te recomendaría que utilices un datatable, ya que su uso es gratis y te ahorrará mucho tiempo
@@mozart_34 Gracias Mozart por tu oportuna y pronta respuesta! Tomaré en cuenta tu sugerencia. Muchos éxitos!!!
Nice. We could use dataTables plugin to add more features :)
Yeah, thanks for share, I took a look at the plugin, and it makes the table more dynamic and stylish.
@@mozart_34Great. You are welcome.
gracias. Tengo una pregunta: supongamos que embebo la webapp en un googlesites, pero quiero además agregar un botón para que el usuario, al oprimirlo, pueda actualizar la vista y revisar si la tabla contiene nuevos datos. Consideran que el botón debe ser parte de la webapp? el botón debe sr parte del google sites? qué comando debe ejecutar ese botón?
Hola. Hice un ejemplo con una columna que tiene urls. La tabla que se publica pone los urls como texto no clickeable. Hay forma de hacer que esa columna se formatee como url clickeable?
Hola! que buena pregunta, sí, sí es posible que se muestre la url en la tabla html, hay varias maneras, por ejemplo (basándote en el código que tengo) puedes agregar una condición elseif( j == índice de la columna con los urls). si esta condición es verdadera quieres que genere un link:
te dejo un link a como quedaría el resultado final bit.ly/3vT5Who
@@mozart_34 muchas gracias
@@mozart_34 he estado haciendo pruebas con el código, en un inicio lo hice igual que en el video, emite una alerta que dice "yntaxError: Unexpected token '?' (línea 10, archivo "Código")", sabes qué podría estar causando el error? Me parece que el problema está aqui: var output = template.evaluate() en el gs code
la línea 10 me supongo es donde tienes la instrucción template.evalueate(), pero el problema es que al evaluar el código html encuentra un error, revisa bien tus líneas, debes de tener un signo '?' de más o fuera/dentro de comillas, en algún scriptlet.
Muy interesante los contenidos. Que sitio utilizas para obtener información? , aparte de lo que ofrece google
De la documentación developers.google.com/apps-script, en twitter hay una comunidad de devs en el ámbito de workspace, aquí puedes encontrar muchos a quien seguir workspacedevs.com/ y @AppsScriptInfo en twitter siempre tiene muchos posts con novedades w ideas
Hola mozart , muchas gracias por tus videos, como puedo contactarme contigo?
Mozart! genial el vídeo, una pregunta, ¿cómo harías si no quieres que se muestre la columnaB, es decir que sólo aparezcan los datos de la A, C y D.
Gracias y muy bueno, ya lo tengo en marcha en mi sitio!
Hola, en el tutorial lo hice para mostrar todos los datos, pero puedes hacerlo de varias formas, por ejemplo puedes ir seleccionando los valores y agregarlos a un array con el método .push(), (hacerlo del lado del servidor) o del lado del cliente puedes crear una condición para que si j (el índice de las columnas) es igual al índice de la columna que NO quieres crear No agregue un th o td
Hola, agradezco mucho tu dedicación por compartir estos tutoriales. Te quiero hacer una pregunta. Tienes algun tutorial. Donde explique como interactuar en 2 o 3 paginas html, requiero en una hacer registro, en otra Consulta y en otra modificar, o se podra todo en una misma Pagina html? Y en el mismo codigo?
hola, muy bueno el video, te consulto si podra agregar un buscador ??? y q solo me muetre los datos q busco...o sea al presentar la pagina no muetre nada y solo muestre en la tabla los datos buscados, es esto posible de hacer?
Hola, si se puede, puedes agregar un cuadro de texto y agregar un evento onChange para que conforme vaya escribiendo se actualice la búsqueda
@@mozart_34 podrias pasarme el codigo ...gracias
Una duda , sólo pueden presentarse tablas , se podría hacer un tipo cotizador , ejemplo el usuario meta en alguna celda valores y este le genere una cotización e imprimirla y enviarla por correo ????
Cualquier implementación, siempre y cuando lo hagas uso de los recursos de manera eficiente, por ejemplo si estás con una cuenta comercial, solo puedes enviar hasta 100 emails diarios
Tengo un cotizador en donde el cliente agrega los productos que desea y hace el pedido.
@@TheTramos00 ya logré generar ese cotizador , y creo que quedó bien, ahora ando haciendo un site que muestre varias tablas dependido el producto que seleccionen
Dos dias llevo haciendo excatamente paso por paso mero me tira un error en la linea 10 que seria la evaluacion del html y buscando me encuentro que el error que tengo esta al querer utlilizar las llaves de y no puedo encontrar la solucion si me das una mano te agradezco
Hola. Creo que es mas facil usar el loop "for each" para crear las filas. Saludos
El loop forEach es mi favorito jeje, solo utilicé este para variar el loop respecto a los anteriores y porque solo utilizo el índice sin ningún otro argumento, gracias por el comment
@@mozart_34 Hola. Gracias por responderme. El tutorial es bueno. Espero que sigas subiendo mas. Un saludo.
Podrias hacer mas videos sobre la implementación de html?
Hola! si claro, ya regresando de vacaciones y en eso andamos! ✌
@@mozart_34 estoy buscando la forma de sumar y/o los mismos valores de filas o celdas ya sean numericos o textos y mostrar el resultado final en un html, entiendo que en java script existe una forma que se llama "incremento" o "decremento" pero no logro conseguir hacerlo xD.
Excelente video, yo cuento con una tabla en sheet la cual el video me ayudo a visualizarlo en webapp, pero una de mis columnas contiene hipervínculos hacia imágenes y en la web no tiene el atributo como link solo aparece como texto, me podría ayudar, muchas gracias
Hola, está sencillo, utiliza el scriptlet dentro de la etiqueta "a" href=" y aquí insertar el vínculo de la página.
Hola, ¿cómo podría hacer para que sólo salieran algunas columnas, por ejemplo la B, la C y la F.? He probado poniéndolas en un Array [ data1, data2...] Pero luego al volcar al html no lo coge como tal.
Gracias!!
Hola, puedes hacerlo de varias formas, por ejemplo puedes ir seleccionando los valores y agregarlos a un array con el método .push(), o del lado del cliente puedes crear una condición para que si j (el índice de las columnas) es igual al índice de la columna que no quieres crear no agregue un th o td
Saludos.
Muchas gracias Mozart por tus videos estoy aprendiendo demasiado y aportando mucho conocimiento a mis compañeros, empresa y a los niños que les enseño en voluntariados. Aprovecho para preguntarte, como puedo hacer para que la tabla me arroje solo los valores por usuario? y como desde la tabla puedo actualizar un valor y se refleje en Shhet? Gracias nuevamente.
Hay varias opciones, 1. al momento de ejecutar la función que extrae los valores de la hoja de cálculo, puedes crear un if() para que si coincide con el correo o valor filtro llene otro arreglo y solo devuelvas ese arreglo. otro es que envíes toda la información al navegador, pero a la hora de crear la tabla solo haga agregue las filas que coinciden con el valor filtro, espero te guie un poco la lógica.
@@mozart_34 Muchas gracias con un if creo que me está dando, estoy haciendo pruebas. Mil gracias nuevamente siempre me ayudas.
Que tal muy buenos videos, disculpa planeas hacer un CRUD con solo javascript? Es que veo videos que es con jQuery, estaría genial si hicieras uno así.
Gracias! Si tengo planeado solo que aún no lo he organizado porque si estaría más largo, entonces no sé si en uno solo o por partes. 🤔
@@mozart_34 gracias por tomarte el tiempo de responder, creo que quedaría mejor por partes, mucho éxito.
Tal vez en otro tutoríal podrías enseñarnos como aplicar el típico formato condicional para poder visualizarlo también en html
Hola, te refieres a que dependiendo de un valor o condición marque el texto de algún color? 🤔 No lo había pensado estaría bien
@@mozart_34 Correcto! Por cierto enhorabuena y muchas gracias por tu excelente contenido, que en el mensaje anterior se me pasó agradecerte. Ojalá te animes, a hacer una segunda parte para pintar las celdas como en excel, sheets... porque hay muy muy muy pocos tutoriales para dar el formato condicional a una tabla en html , me refiero con codigo como php, js...
hola me aparece este error SyntaxError: Unexpected token '{' (línea 10, archivo "Código") pero no tengo ningun simbolo en esa linea, me puedes ayudar a saber donde puede estar el error
Hola, lo más seguro es que en esa línea tengas el método evaluate() que evalúa que no haya errores en el archivo html. Donde debe de haber algún error al tener doble '{' o tenerla sin algún scriptlet
Y si la tabla tiene subheaders es decir subencabezados también? Me gustaría un video explicando ello muchas gracias
Sí, también se puede, solo hay que modificar el código a la hora de recorrer el array de datos, espero más adelante hacer uno con subheaders
el ".evaluate()" me marca error al momento de ejecutar sabran por que ?
Hola, cuando te arroja un error en la línea donde está el método evalueate() significa que "evalúa" que hay un error en tu archivo html (el archivo plantilla que está evaluando). Revisa si te falta cerrar un div o algún error simple. Saludos.
Excelente video muchas gracias . Una consulta como puedo hacer para que la última columna de la.tabla html sea clickable ya que muestra un link . Gracias
Hay varias formas, la más sencilla es utilizando el método getDisplayValues() y te toma los links tal cual, la otra es utilizando la etiqueta
¡Gracias por esta serie de vídeos tan genial!
He encontrado el siguiente problema: SyntaxError: Unexpected token 'else' (línia 19, fila "Codigo") (min 8:13 en el vídeo)
Sospecho que pueda estar ligado a la evaluación del template, pero no encontré ningún error en mi código que reproduje fielmente al suyo.
Si me pudiese ayudar, se lo agradecería.
Sí, viene del template, que evalúa que hay un error en el archivo hmtl, dónde está el "else" debe estar el error, revisa dónde abres y cierras los scriptlets
HASTA CUANTO FILAS GOOGLE SHEETS SE PUEDE MOSTAR, TENGO UN ARCHIVO DE 20 FILAS
depende también de las columnas, obviamente a más filas más tarda en cargar la página, yo he visto aplicaciones funcionando correctamente con 60,000+ filas
me sale SyntaxError: Unexpected token '=' (línea 10, archivo "Código") me perdi... (estoy comenzando en esto)
Hola, no te apures, lo más seguro en que un scriptlet le hayas dado un espacio al "=" revisa donde están las sentencias
@@mozart_34 mil gracias por tu pronta respuesta revisando
Función de secuencia de comandos no encontrada: doGet
Congratulations excellent. We can have the source code
Thanks! I'm working in some gist from my tutorials to share the code. I hope it wouldn't take much time!