Search the Community
Showing results for tags 'front-end'.
Found 15 results
-
Eu tenho um carousel do bootstrap e me foi proposto que quando trocasse o slide, fizesse uma pequena animação nos elementos dentro dele Algo assim: if($('#item-2').hasClass('active')){ $('.imagem-carousel').fadeIn(2000) } Mas eu queria saber como eu faço pra que essa condição seja verificada sempre que o slide for trocado, seja por click, arrastando ou quando o slide passa automaticamente.
-
Estou tentando inserir essa lógica no scroll da minha página, ele pega corretamente a condição do ife entra no laço. Para todos os demais elementos da página que geram o scroll, ele rola certo, apenas para o button#conheca que não consigo fazer o cálculo da altura. Preciso que ele pegue o offset e some com a altura, devido ao menu que abre em mobile, mas ele está sendo sobrescrito pelo scrollTop anterior. Com qual função devo verificar para executar corretamente a lógica? if($(window).width() <= 768){ $("html, body, button:not(#conheca)").animate({ scrollTop: (target.offset().top - $(window).height()) }, 1000, "easeInOutExpo"); return false; $("#conheca").on("click", function(){ $('#conheca').animate({ scrollTop: (target.offset().top + $(window).height()) }, 1000, "easeInOutExpo"); return false; }); }else{ $('html, body').animate({ scrollTop: (target.offset().top) }, 1000, "easeInOutExpo"); return false; }
-
Por favor, gostaria de opniões sobre esse site : Como está meu HTML/CSS, digo o desenvolvimento front-end, sou iniciante. O visual está ficando legal? É um site teste, um pseudo currículo.
-
Galera, to compartilhando um curso mega útil. Em uma página web moderna pode conter diversas imagens e muitas vezes essas nem chegam a ser vistas pelo usuário, pois o mesmo pode clicar em um link e já navegar para outro conteúdo, não é verdade? No desenvolvimento de uma aplicação web, por exemplo, acabamos carregando todas as imagens mesmo sem necessidade, o que atrapalha e muito o tempo de carregamento e aumenta o consumo de banda desnecessariamente. Existe uma técnica chamada Lazy Load que resolve exatamente esse problema, ou seja, as imagens são carregadas apenas quando aparecem na área visível do navegador. https://preview.ibb.co/kEwDOH/curso_lazy_load_1.png https://preview.ibb.co/jOiciH/curso_lazy_load_2.png Se liga aqui para ver os cursos, completos e grátis:https://youtu.be/86wxusfp000 https://youtu.be/IKznPWVgDKg https://youtu.be/8JW2kH4spk0 https://youtu.be/NWE_2Sz7cjg https://youtu.be/R3ZwASzR0m8 https://youtu.be/BBqD-oJTg7s
-
programming PROGRAMING/PROGRAMAÇÃO WEB (AJUDA?)
Zombie Ninja posted a question in Perguntas e respostas rápidas
OLÁ Quero me inspirar nesse site (https://dreamteam.gg) no modo como ele funciona, eu achei muito legal à ideia dele! COMO POSSO CRIAR ESSA INTERATIVIDADE DELE? Quando um usuário faz algo que que é possível fazer nele, um FEED mostra.. quero fazer algo parecido :( mas sou muito iniciante. #HelpMeAe ♥ -
Criei uma agenda utilizando o schedule-primefaces, mas quando chega o horário de verão essa agenda fica toda bagunçada. Em alguns outros tópicos, vi a respeito de configurar o horário no java para que se utilize o nosso GMT-3, mas não entendi muito bem como fazer. Alguém poderia me ajudar com uma solução direcionada ao schedule? Abaixo está o código da minha página, se precisar de algum outro código é só informar que eu posto. Obrigado. <?xml version='1.0' encoding='UTF-8' ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.org/ui" xmlns:f="http://java.sun.com/jsf/core"> <h:head> <title>Agenda</title> </h:head> <h:body> <h:form id="form"> <script language="javascript"> PrimeFaces.locales['pt'] = { closeText: 'Fechar', prevText: 'Anterior', nextText: 'Próximo', currentText: 'Começo', monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'], monthNamesShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'], dayNames: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado'], dayNamesShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', '---', 'Sáb'], dayNamesMin: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'], weekHeader: 'Semana', firstDay: 1, isRTL: false, showMonthAfterYear: false, yearSuffix: '', timeOnlyTitle: 'Só Horas', timeText: 'Tempo', hourText: 'Hora', minuteText: 'Minuto', secondText: 'Segundo', currentText: 'Data Atual', ampm: false, month: 'Mês', week: 'Semana', day: 'Dia', allDayText: 'Todo Dia' }; </script> <p:growl id="messages" showDetail="true" /> <h:panelGrid columns="3"> <p:commandButton value="Cadastrar Responsável" action="#{agendaController.cadastrarResponsavel()}" ajax="false"/> <p:commandButton value="Cadastrar Regional" action="#{agendaController.cadastrarRegional()}" ajax="false"/> <p:commandButton value="Cadastrar Resp / Reg" action="#{agendaController.juntarResponsavelRegional()}" ajax="false"/> <p:commandButton value="Relatórios" action="#{agendaController.gerarRelatorios()}" ajax="false"/> <p:commandButton value="Fechar" action="#{agendaController.redirect()}" ajax="false"/> </h:panelGrid> <p:schedule id="agenda" value="#{agendaController['eventModel']}" widgetVar="agenda" locale="pt"> <p:ajax event="dateSelect" listener="#{agendaController.onDateSelect}" update="detalhes" oncomplete="eventDialog.show()"/> <p:ajax event="eventSelect" listener="#{agendaController.onEventSelect}" update="editPanel" oncomplete="editDialog.show()" /> <p:ajax event="eventMove" listener="#{agendaController.onEventMove}" update="messages" /> <p:ajax event="eventResize" listener="#{agendaController.onEventResize}" update="messages" /> </p:schedule> <p:dialog id="editDialog" widgetVar="editDialog" header="Agendamento" showEffect="clip" hideEffect="clip"> <p:panelGrid id="editPanel" columns="2"> <h:outputText value="Responsável:"/> <h:outputText id="responsavel_nome_out" value="#{agendaController.agenda.origem.regionalHasResponsavel.responsavel.nome}"/> <h:outputText value="Regional:"/> <h:outputText id="origem_out" value="#{agendaController.agenda.origem.regionalHasResponsavel.regional.nome}"/> <h:outputText value="Qtde. caixa:"/> <h:outputText id="qtde_caixa_out" value="#{agendaController.agenda.origem.qtdeCaixa}"/> <h:outputText value="Qtde. equipamento:"/> <h:outputText id="qtde_equip_out" value="#{agendaController.agenda.origem.qtdeEquipamento}"/> </p:panelGrid> <p:commandButton id="deleteButton" actionListener="#{agendaController.deleteEvent}" value="Deletar" update="messages" oncomplete="editDialog.hide();agenda.update();" onclick="editDialog.hide();"/> </p:dialog> <p:dialog id="eventDialog" widgetVar="eventDialog" header="Agendamento" showEffect="clip" hideEffect="clip"> <p:panelGrid id="detalhes" columns="2"> <p:outputLabel for="responsavel_nome" value="Responsável:"/> <p:selectOneMenu id="responsavel_nome" value="#{agendaController.responsavel}" converter="responsavelConverter"> <p:ajax event="change" listener="#{agendaController.updateRegionalPorResponsavel()}" update="origem, messages"/> <f:selectItems value="#{agendaController.responsaveis}"/> </p:selectOneMenu> <p:outputLabel for="origem" value="Regional:"/> <p:selectOneMenu id="origem" value="#{agendaController.hasResponsavel}" converter="hasResponsavelConverter"> <f:selectItems value="#{agendaController.regionalByResponsavel}"/> </p:selectOneMenu> <p:outputLabel for="qtde_caixa" value="Qtde. caixa:"/> <p:inputText id="qtde_caixa" value="#{agendaController.agenda.origem.qtdeCaixa}" required="true" requiredMessage="A quantidade de caixas é obrigatória." size="5"/> <p:outputLabel for="qtde_equip" value="Qtde. equipamento:"/> <p:inputText id="qtde_equip" value="#{agendaController.agenda.origem.qtdeEquipamento}" required="true" requiredMessage="A quantidade de equipamentos é obrigatória." size="5"/> </p:panelGrid> <h:panelGrid columns="3"> <p:commandButton type="reset" value="Resetar campos" /> <p:commandButton id="saveButton" value="Salvar" actionListener="#{agendaController.addEvent}" update="messages" oncomplete="agenda.update();eventDialog.hide();" onclick="eventDialog.hide();"/> </h:panelGrid> </p:dialog> <p:blockUI block="form" trigger="saveButton"> LOADING<br /> <p:graphicImage value="/images/ajax-loader.gif"/> </p:blockUI> <p:blockUI block="form" trigger="saveButton"> LOADING<br /> <p:graphicImage value="/images/ajax-loader.gif"/> </p:blockUI> <p:blockUI block="form" trigger="deleteButton"> LOADING<br /> <p:graphicImage value="/images/ajax-loader.gif"/> </p:blockUI> </h:form> </h:body> </html>
-
Alterar cor de um div dependendo de um dado vindo do BD no primefaces
rodrigomarden posted a question in Perguntas e respostas rápidas
Galera, estou tentando mudar a cor de um componente do primefaces (schedule/agenda) dependendo de um valor que vem do banco de dados, não consegui achar nada a respeito disso. Eu já consegui alterar a cor do componente através de CSS, porém muda todos e não com a condição que eu quero. <p:schedule id="agenda" value="#{agendaController['eventModel']}" widgetVar="agenda" locale="pt" > <p:ajax event="dateSelect" listener="#{agendaController.onDateSelect}" update="detalhes" oncomplete="eventDialog.show()" /> <p:ajax event="eventSelect" listener="#{agendaController.onEventSelect}" update="editPanel" oncomplete="editDialog.show()" /> <p:ajax event="eventMove" listener="#{agendaController.onEventMove}" update="messages" /> <p:ajax event="eventResize" listener="#{agendaController.onEventResize}" update="messages" /> </p:schedule> No caso exatamente nesse componente acima. Eu instancio o css no head <link type="text/css" rel="stylesheet" href="corDeFundo.css" /> .fc-event-inner fc-event-skin{ background-color: #FF3535; border-bottom-color: #FF3535; } .fc-event-skin{ background-color: #FF3535; border-bottom-color: #FF3535; } Só que eu precisava alterar entre duas cores, (azul e vermelho), dependendo de uma string que vem do BD, (Aguardando para vermelho, Aprovado para azul) Já pesquisei muito, mas nada me ajudou, alguém da uma luz ai. Vlw -
Alteração da cor no background dependendo do evento na agenda primefaces (schedule)
rodrigomarden posted a topic in HTML e CSS
Gostaria de que os eventos listados na minha agenda fossem diferenciados por cores, (vermelho para aguardando e azul para aprovado), eu já consegui criar o botão para aprovar dentro de cada evento comunicando com o banco de dados. Segue o código: <?xml version='1.0' encoding='UTF-8' ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.org/ui" xmlns:f="http://java.sun.com/jsf/core"> <h:head> <title>Agenda</title> </h:head> <h:body> <h:form id="form"> <script language="javascript"> PrimeFaces.locales['pt'] = { closeText: 'Fechar', prevText: 'Anterior', nextText: 'Próximo', currentText: 'Começo', monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'], monthNamesShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'], dayNames: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado'], dayNamesShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', '---', 'Sáb'], dayNamesMin: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'], weekHeader: 'Semana', firstDay: 1, isRTL: false, showMonthAfterYear: false, yearSuffix: '', timeOnlyTitle: 'Só Horas', timeText: 'Tempo', hourText: 'Hora', minuteText: 'Minuto', secondText: 'Segundo', currentText: 'Data Atual', ampm: false, month: 'Mês', week: 'Semana', day: 'Dia', allDayText: 'Todo Dia' }; </script> <p:growl id="messages" showDetail="true" /> <h:panelGrid columns="3"> <p:commandButton value="Cadastrar Responsável" action="#{agendaController.cadastrarResponsavel()}" ajax="false"/> <p:commandButton value="Cadastrar Regional" action="#{agendaController.cadastrarRegional()}" ajax="false"/> <p:commandButton value="Cadastrar Resp / Reg" action="#{agendaController.juntarResponsavelRegional()}" ajax="false"/> <p:commandButton value="Relatórios" action="#{agendaController.gerarRelatorios()}" ajax="false"/> <p:commandButton value="Fechar" action="#{agendaController.redirect()}" ajax="false"/> </h:panelGrid> <p:schedule id="agenda" value="#{agendaController['eventModel']}" widgetVar="agenda" locale="pt"> <p:ajax event="dateSelect" listener="#{agendaController.onDateSelect}" update="detalhes" oncomplete="eventDialog.show()" /> <p:ajax event="eventSelect" listener="#{agendaController.onEventSelect}" update="editPanel" oncomplete="editDialog.show()" /> <p:ajax event="eventMove" listener="#{agendaController.onEventMove}" update="messages" /> <p:ajax event="eventResize" listener="#{agendaController.onEventResize}" update="messages" /> </p:schedule> <p:dialog id="editDialog" widgetVar="editDialog" header="Agendamento" showEffect="clip" hideEffect="clip"> <p:panelGrid id="editPanel" columns="2"> <h:outputText value="Responsável:"/> <h:outputText id="responsavel_nome_out" value="#{agendaController.agenda.origem.regionalHasResponsavel.responsavel.nome}"/> <h:outputText value="Regional:"/> <h:outputText id="origem_out" value="#{agendaController.agenda.origem.regionalHasResponsavel.regional.nome}"/> <h:outputText value="Qtde. caixa:"/> <h:outputText id="qtde_caixa_out" value="#{agendaController.agenda.origem.qtdeCaixa}"/> <h:outputText value="Qtde. equipamento:"/> <h:outputText id="qtde_equip_out" value="#{agendaController.agenda.origem.qtdeEquipamento}"/> </p:panelGrid> <p:commandButton id="deleteButton" actionListener="#{agendaController.deleteEvent}" value="Deletar" update="messages" oncomplete="editDialog.hide();agenda.update();" onclick="editDialog.hide();"/> <p:commandButton id="aprovacaoButton" actionListener="#{agendaController.aprovacaoEvent}" value="Aprovar" update="messages" oncomplete="editDialog.hide();agenda.update();" onclick="editDialog.hide();"/> </p:dialog> <p:dialog id="eventDialog" widgetVar="eventDialog" header="Agendamento" showEffect="clip" hideEffect="clip"> <p:panelGrid id="detalhes" columns="2"> <p:outputLabel for="responsavel_nome" value="Responsável:"/> <p:selectOneMenu id="responsavel_nome" value="#{agendaController.responsavel}" converter="responsavelConverter"> <p:ajax event="change" listener="#{agendaController.updateRegionalPorResponsavel()}" update="origem, messages"/> <f:selectItems value="#{agendaController.responsaveis}"/> </p:selectOneMenu> <p:outputLabel for="origem" value="Regional:"/> <p:selectOneMenu id="origem" value="#{agendaController.hasResponsavel}" converter="hasResponsavelConverter"> <f:selectItems value="#{agendaController.regionalByResponsavel}"/> </p:selectOneMenu> <p:outputLabel for="qtde_caixa" value="Qtde. caixa:"/> <p:inputText id="qtde_caixa" value="#{agendaController.agenda.origem.qtdeCaixa}" required="true" requiredMessage="A quantidade de caixas é obrigatória." size="5"/> <p:outputLabel for="qtde_equip" value="Qtde. equipamento:"/> <p:inputText id="qtde_equip" value="#{agendaController.agenda.origem.qtdeEquipamento}" required="true" requiredMessage="A quantidade de equipamentos é obrigatória." size="5"/> </p:panelGrid> <h:panelGrid columns="3"> <p:commandButton type="reset" value="Resetar campos" /> <p:commandButton id="saveButton" value="Salvar" actionListener="#{agendaController.addEvent}" update="messages" oncomplete="agenda.update();eventDialog.hide();" onclick="eventDialog.hide();"/> </h:panelGrid> </p:dialog> <p:blockUI block="form" trigger="saveButton"> LOADING<br /> <p:graphicImage value="/images/ajax-loader.gif"/> </p:blockUI> <p:blockUI block="form" trigger="saveButton"> LOADING<br /> <p:graphicImage value="/images/ajax-loader.gif"/> </p:blockUI> <p:blockUI block="form" trigger="deleteButton"> LOADING<br /> <p:graphicImage value="/images/ajax-loader.gif"/> </p:blockUI> </h:form> </h:body> </html> -
Galera, estou começando em uma empresa como estagiário e tenho que dar manutenção em um software e como toda empresa não há nenhuma documentação a respeito. Tenho o seguinte código html Só que estou com dificuldades em achar onde está localizado o front-end, aquilo que vai ser mostrado no navegador (tabelas, etc). Obrigado, <?xml version='1.0' encoding='UTF-8' ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.org/ui" xmlns:f="http://java.sun.com/jsf/core"> <h:head> <title>Agenda</title> </h:head> <h:body> <h:form id="form"> <script language="javascript"> PrimeFaces.locales['pt'] = { closeText: 'Fechar', prevText: 'Anterior', nextText: 'Próximo', currentText: 'Começo', monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'], monthNamesShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'], dayNames: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado'], dayNamesShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', '---', 'Sáb'], dayNamesMin: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'], weekHeader: 'Semana', firstDay: 1, isRTL: false, showMonthAfterYear: false, yearSuffix: '', timeOnlyTitle: 'Só Horas', timeText: 'Tempo', hourText: 'Hora', minuteText: 'Minuto', secondText: 'Segundo', currentText: 'Data Atual', ampm: false, month: 'Mês', week: 'Semana', day: 'Dia', allDayText: 'Todo Dia' }; </script> <p:growl id="messages" showDetail="true" /> <h:panelGrid columns="3"> <p:commandButton value="Cadastrar Responsável" action="#{agendaController.cadastrarResponsavel()}" ajax="false"/> <p:commandButton value="Cadastrar Regional" action="#{agendaController.cadastrarRegional()}" ajax="false"/> <p:commandButton value="Cadastrar Resp / Reg" action="#{agendaController.juntarResponsavelRegional()}" ajax="false"/> <p:commandButton value="Relatórios" action="#{agendaController.gerarRelatorios()}" ajax="false"/> <p:commandButton value="Fechar" action="#{agendaController.redirect()}" ajax="false"/> </h:panelGrid> <p:schedule id="agenda" value="#{agendaController['eventModel']}" widgetVar="agenda" locale="pt"> <p:ajax event="dateSelect" listener="#{agendaController.onDateSelect}" update="detalhes" oncomplete="eventDialog.show()"/> <p:ajax event="eventSelect" listener="#{agendaController.onEventSelect}" update="editPanel" oncomplete="editDialog.show()" /> <p:ajax event="eventMove" listener="#{agendaController.onEventMove}" update="messages" /> <p:ajax event="eventResize" listener="#{agendaController.onEventResize}" update="messages" /> </p:schedule> <p:dialog id="editDialog" widgetVar="editDialog" header="Agendamento" showEffect="clip" hideEffect="clip"> <p:panelGrid id="editPanel" columns="2"> <h:outputText value="Responsável:"/> <h:outputText id="responsavel_nome_out" value="#{agendaController.agenda.origem.regionalHasResponsavel.responsavel.nome}"/> <h:outputText value="Regional:"/> <h:outputText id="origem_out" value="#{agendaController.agenda.origem.regionalHasResponsavel.regional.nome}"/> <h:outputText value="Qtde. caixa:"/> <h:outputText id="qtde_caixa_out" value="#{agendaController.agenda.origem.qtdeCaixa}"/> <h:outputText value="Qtde. equipamento:"/> <h:outputText id="qtde_equip_out" value="#{agendaController.agenda.origem.qtdeEquipamento}"/> </p:panelGrid> <p:commandButton id="deleteButton" actionListener="#{agendaController.deleteEvent}" value="Deletar" update="messages" oncomplete="editDialog.hide();agenda.update();" onclick="editDialog.hide();"/> </p:dialog> <p:dialog id="eventDialog" widgetVar="eventDialog" header="Agendamento" showEffect="clip" hideEffect="clip"> <p:panelGrid id="detalhes" columns="2"> <p:outputLabel for="responsavel_nome" value="Responsável:"/> <p:selectOneMenu id="responsavel_nome" value="#{agendaController.responsavel}" converter="responsavelConverter"> <p:ajax event="change" listener="#{agendaController.updateRegionalPorResponsavel()}" update="origem, messages"/> <f:selectItems value="#{agendaController.responsaveis}"/> </p:selectOneMenu> <p:outputLabel for="origem" value="Regional:"/> <p:selectOneMenu id="origem" value="#{agendaController.hasResponsavel}" converter="hasResponsavelConverter"> <f:selectItems value="#{agendaController.regionalByResponsavel}"/> </p:selectOneMenu> <p:outputLabel for="qtde_caixa" value="Qtde. caixa:"/> <p:inputText id="qtde_caixa" value="#{agendaController.agenda.origem.qtdeCaixa}" required="true" requiredMessage="A quantidade de caixas é obrigatória." size="5"/> <p:outputLabel for="qtde_equip" value="Qtde. equipamento:"/> <p:inputText id="qtde_equip" value="#{agendaController.agenda.origem.qtdeEquipamento}" required="true" requiredMessage="A quantidade de equipamentos é obrigatória." size="5"/> </p:panelGrid> <h:panelGrid columns="3"> <p:commandButton type="reset" value="Resetar campos" /> <p:commandButton id="saveButton" value="Salvar" actionListener="#{agendaController.addEvent}" update="messages" oncomplete="agenda.update();eventDialog.hide();" onclick="eventDialog.hide();"/> </h:panelGrid> </p:dialog> <p:blockUI block="form" trigger="saveButton"> LOADING<br /> <p:graphicImage value="/images/ajax-loader.gif"/> </p:blockUI> <p:blockUI block="form" trigger="saveButton"> LOADING<br /> <p:graphicImage value="/images/ajax-loader.gif"/> </p:blockUI> <p:blockUI block="form" trigger="deleteButton"> LOADING<br /> <p:graphicImage value="/images/ajax-loader.gif"/> </p:blockUI> </h:form> </h:body> </html>
-
Bom dia pessoal. Só deixando claro que sou nova na área, estou iniciando estudos autodidata na parte Front-end, e, como todos que iniciam, estou com dúvidas. Quando falei que pretendo aprender HTML, CSS e JavaScript me disseram que aprender só isso, sem PHP é pedir para "passar fome". Gostaria de saber de vocês, que já tem um certo conhecimento da área, realmente não vale a pena se não focar também em PHP? Até então minha ideia é somente para fazer uns freelas. Claro que quando eu me sentir segura com HTML, CSS e JS pretendo ter uma noção pelo menos básica de PHP. Enfim, atualmente, vale a pena iniciar estudos para Front-end? falam muito em decadência da área (apesar que falam isso a muitos anos), o que dizem? Obrigada mesmo, e desculpem a dúvida meio louca xD
-
Galera, a startup em que trabalho está com uma vaga para desenvolvedor android em aberto. Por favor, quem possuir github envie o link do perfil junto com o email contendo o currículo. Abraços. -- PONTOTEL Estamos buscando um desenvolvedor para início imediato. Esperamos: ● Conhecimentos sobre desenvolvimento JAVA - Android ● Conhecimentos sobre desenvolvimento Javascript (AngularJS, React) ● Vontade de programar como gente grande e conhecer o funcionamento de uma startup desde o começo ● Consciência que deve-se fazer de tudo (sem “prima-donnismos” ou braço curto) Se você não tiver conhecimentos dos primeiros pontos, mesmo assim pode entrar em contato conosco: somos super flexíveis e, quem sabe, podemos acertar algo que funcione para ambas as partes. Formação sugerida: Bacharelado em Matemática Aplicada e Computacional, Bacharelado em Ciência da Computação, Engenharias Remuneração: Variável a depender da sua experiência e momento. Conversaremos e vamos acertar algo que funcione para ambas as partes. Competitiva. O que oferecemos além de um salário? • Ambiente AAA: Estamos em um escritório próprio super-cool, no centro de São Paulo, super perto de onde você mora • Horário flexível: você escolhe quais horas do dia ou da noite quer passar aqui - desde que o prédio esteja aberto :wink: • Plano de carreira: nossa startup está crescendo e precisamos de mais gente no time para o longo prazo!) • Clima descontraido, democrático e, acima de tudo, divertido. Sua experiência será super relevante: não são “monkey-jobs” E... tem algum perk? (claro que tem!) • Almoço de sexta por conta da firma! Levamos o time todo para um restaurante (pizza, hamburguer, ceviche, baião-de-dois…) • Café/chá “dos bons”! - pode ser até café Suplicy • Back to nerd times: happy hours na sexta com CS - porque a gente é dessa época, mas se tiver alguma sugestão, também está valendo. O que conta é a descontração, acompanhada de cerveja importada • Seu próprio cartão de visita com o título que você quiser ter. Pode ser Doutô, Darth Vader, Chapolim Colorado… Quem somos? O PONTOTEL é uma empresa de automação de registros trabalhistas para funcionários.Nós somos um “SaaS de RH” adaptado para as necessidades dos consumidores residenciais. A equipe de 10 pessoas é formada pelos dois sócios-engenheiros(POLI-COMP e FEI elétrica) , 3 desenvolvedores, 1 designer, um marketing e 4 pessoas de suporte/comercial. Você trabalhará diretamente com os sócios e nós vamos fazer o possível para que esse seja o trabalho mais bacana (isso mesmo) que você venha a ter. Nós todos somos desenvolvedores e lutamos para construir a empresa que sempre sonhamos em trabalhar. Envie seu currículo para dev@pontotel.com.br
-
E aí pessoal, beleza? Seguinte.. preciso criar uma barra de rolagem dinamicamente, de acordo com o tamanho de uma <div> e não sei como fazer. O cenário é este: Tenho um p:dialog (primefaces), que representa uma tela mestre/detalhe.. para ser mais específico é uma tela de vendas. Então eu tenho os dados do mestre (cliente, data da venda, etc..) e os dados do detalhe (produtos, quantidade, valor unitário...); Conforme eu vou adicionando produtos (produtoVenda na verdade) na minha venda, eu populo uma tabela de produtos daquela venda.. Acontece que, conforme a tabela cresce, os dados vão ficando escondidos, porque não tenho uma barra de rolagem na página (isso mesmo, não acho legal uma scrollbar na tabela, ou no próprio dialog). Me ajudem com isso por favor!!!
-
ola pessoal, Estou com um problema chato que não consigo resolver. Criei um datatable com cellEditor dentro de uma tab e, dentro dessa tab, eu coloquei um ajax que muda a lista do datatable toda vez que muda para outra tab. O problema é que, quando eu clico em outra tab e carrega o outro datatable eu perco a edição das células e só aparece o output da célula. Gostaria de uma ajuda pra saber o que está acontecendo e como resolver: xhtml <p:tabView value="#{cadastroContasBean.listaTabela}" dynamic="true" closeable="true" activeIndex="#{cadastroContasBean.idTabela}" var="tabela" style="heigth:100%;width:100%" id="tabView"> <p:tab title="tab" closable="true" id="tab"> <div> <p:dataTable binding="#{cadastroContasBean.dataTable}" var="gasto" value="#{cadastroContasBean.listaGasto}" scrollable="true" scrollHeight="150" editable="true" editMode="cell" id="Tabela" widgetVar="wTabela"> <p:column headerText="Nome"> <p:cellEditor> <f:facet name="output"> <p:outputLabel value="#{gasto.nome}" /> </f:facet> <f:facet name="input"> <p:inputText id="inputTextNome" required="true" value="#{cadastroContasBean.nome}" style="width:96%" binding="#{cadastroContasBean.inputTextNome}"> <p:ajax event="change" update="Tabela" listener="#{cadastroContasBean.atualizaVT('inputTextNome')}" execute="inputTextNome" process="@this"> </p:ajax> </p:inputText> </f:facet> </p:cellEditor> </p:column> <p:column headerText="Quantidade"> <p:cellEditor> <f:facet name="output"> <p:outputLabel value="#{gasto.quantidade}" /> </f:facet> <f:facet name="input"> <p:inputText id="inputQtd" required="true" value="#{cadastroContasBean.qtd}" style="width:96%" onkeydown="MascaraNumero()" onkeyup="MascaraNumero()" binding="#{cadastroContasBean.inputTextQtd}"> <p:ajax event="change" update="Tabela" listener="#{cadastroContasBean.atualizaVT('inputTextQtd')}" execute="inputQtd" process="@this" /> </p:inputText> </f:facet> </p:cellEditor> </p:column> <p:column headerText="Valor"> <p:cellEditor> <f:facet name="output"> <p:outputLabel value="#{gasto.valor}"> <f:convertNumber currencySymbol="R$" type="currency" /> </p:outputLabel> </f:facet> <f:facet name="input"> <p:inputText id="inputValor" required="true" value="#{cadastroContasBean.valor}" style="width:96%" binding="#{cadastroContasBean.inputTextValor}"> <f:convertNumber pattern="#,##0.00"></f:convertNumber> <f:validator validatorId="MoedaValidator" /> <p:ajax event="change" update="Tabela" listener="#{cadastroContasBean.atualizaVT('inputTextValor')}" execute="inputValor" process="@this"> </p:ajax> </p:inputText> </f:facet> </p:cellEditor> </p:column> <p:column headerText="Valor Total" id="vt"> <p:outputLabel id="outputVT" value="#{gasto.valorTotal}"> <f:convertNumber currencySymbol="R$" type="currency" /> </p:outputLabel> </p:column> </p:dataTable> <div id="addGasto"> <p:commandButton value="Add gasto" style="width:100%" actionListener="#{cadastroContasBean.addGasto}" update="Tabela"></p:commandButton> </div> </div> <div> <p:outputLabel value="Comentários: " for="comentario"></p:outputLabel> <p:inputTextarea value="#{tabela.comentarios}" id="comentario" autoResize="true" style="width: 100%; height: 50%"></p:inputTextarea> </div> </p:tab> <p:ajax event="tabChange" execute="tab" listener="#{cadastroContasBean.mudaTab}" process="@this" /> </p:tabView> MB public void mudaTab(TabChangeEvent event) { tabelaAtual = (Tabela)event.getData(); idTabela =(tabelaAtual).getId(); listarGastos(); } public void listarGastos(){ listaGasto = tabelaAtual.getListaGastos(); } Tabela public class Tabela { @Id @GeneratedValue(strategy=GenerationType.IDENTITY) private Integer id; private String comentarios; @OneToMany (mappedBy="tabela") private List<Gastos> listaGastos = new ArrayList<Gastos>(); @ManyToOne private MesAno mesano; public List<Gastos> getListaGastos() { return listaGastos; } public void setListaGastos(List<Gastos> listaGastos) { this.listaGastos = listaGastos; } public MesAno getMesano() { return mesano; } public void setMesano(MesAno mesano) { this.mesano = mesano; } public String getComentarios() { return comentarios; } public void setComentarios(String comentarios) { this.comentarios = comentarios; } public Integer getId() { return id; } public void setId(Integer id) { this.id = id; } } Obs: não consigo identar o xhtml ¬¬
-
Pra quem tem interesse em desenvolvimento Front-end e JavaScript esse
Rrr111 posted a topic in HTML e CSS
Pra quem tem interesse em desenvolvimento Front-end e JavaScript esse site tem um conteúdo interessante. http://kod-up.com/desenvolvimento_frontend.html -
Bom Dia, Não estou conseguindo capturar dados de um array de objetos, os outros eu consigo pegar normalmente mas o campo que traz um array eu não estou conseguindo. Por exemplo o campo histórico de Nome. Vcs podem me ajudar por favor Estrutura do webservice: Campo Tipo Descrição nomeCivil String Nome civil do aluno. vetHistNomeCivil Vetor<DadosHistNome> Histórico de alterações do nome civil .... .... Classe DadosHistNome nomeAnterior String Nome anterior do aluno tsMudancaNome String Timestamp de mudança do nome ________________________________________________________ Código PHP $result = $response->obterDadosAlunoDDDResult->resultado; if($result){ if(isset($response->obterDadosAlunoDDDResult->nomeCivil)){ $arrayInfo['nomeCivil'] = $response->obterDadosAlunoDDDResult->nomeCivil; } if(isset($response->obterDadosAlunoDDDResult->vetHistNomeCivil)){ $arrayInfo['vetHistNomeCivil'] = $response->obterDadosAlunoDDDResult->vetHistNomeCivil; }
