Archive for category Sem categoria
[DICA] Calendário Javascript em 3 passos
Posted by Felipe Tavares in Sem categoria on 12 de agosto de 2010
Olá pessoal, há quanto tempo que não postamos nada aqui!
Vamos voltar a movimentar nosso blog, começando com uma dica muito útil para os desenvolvedores de plantão por ai.
A partir de agora vamos manter o blog mais atualizado, com algumas novidades do mundo de telefonia IP e também algumas dicas sobre segurança, desenvolvimento e outras atualizações de tecnologia.
Irei lhes passar hoje como configurar um calendário em JavaScript para sua aplicação. Podendo ser utilizado como melhoria na utilização de um cadastro ou qualquer outro formulário.
Bom, para criarmos, utilizaremos um projeto já existente do site dhtmlgoodies, então o primeiro passo será baixar o arquivo no link: http://www.dhtmlgoodies.com/index.html?page=calendarScripts, depois descompacte os arquivos no diretório de seu sistema.
Vamos então ao segundo passo: a inserção do código do calendário em sua página. Abra-a e, dentro da tag head, insira o seguinte trecho de código:
<head> <link type="text/css" rel="stylesheet" href="./dhtmlgoodies_calendar/dhtmlgoodies_calendar/dhtmlgoodies_calendar.css?random=20051112" media="screen"> <script src="./dhtmlgoodies_calendar/dhtmlgoodies_calendar/dhtmlgoodies_calendar.js?random=20060118" type="text/javascript"> </script>
Este código é o responsável por carregar os arquivos de css e as bibliotecas utilizadas no calendário (as propriedades href e src são os endereços de onde você descompactou os arquivos do dhtmlgoodies).
Agora, o terceiro e último passo, a inserção do calendário propriamente dita. No local onde irá implementar o calendário (button, img, etc), insira o seguinte código na ação desejada (onclick, etc):
Ex:
<input onclick="”displayCalendar(document.forms[0].data1,'dd/mm/yyyy',this)”" name="”data1”" type="”text”" />
Este código chamará o evento para exibir o calendário e retornará a data selecionada no input que descrevermos, lembrando que o input deve estar dentro de um form.
O “dd/mm/yyyy” é a formatação desejada da data retornada e “this”, significa que, caso o input já tenha alguma data, quando abrir o calendário, a data marcada será a mesma do value.
Pronto, com estes simples passos, você acaba de implementar em sua aplicação um calendário JavaScript!
Esta dica foi proporcionada por um de nossos colaboradores: Yuri Zanola Piratello.
Junte-se à nós!
Posted by Felipe Tavares in Sem categoria on 19 de fevereiro de 2010
A Devel está crescendo e, acompanhando este crescimento, temos sempre espaço para novos profissionais que queiram fazer parte de nossa equipe.
A nova vaga que possuímos é para um SysAdmin, profissional este que irá atuar em nosso departamento de TI, prestando atendimentos telefônicos de nível 2 em nossas soluções. O profissional que buscamos, precisa ter um perfil pró-ativo, versátil e dinâmico, além de conseguir trabalhar em equipe, focando-se sempre em resultados.
Conhecimentos técnicos necessários e mais informações à respeito da vaga, acesse o site da Devel.