Posts da Categoria 'Javascript'
Nos experimentos anteriores, publicados aqui no Viche, utilizei sómente uma das duas propriedades do objeto XMLHttpRequest que permitem acesso às respostas enviadas pelo servidor - a propriedade responseText.
Como o próprio nome indica, são respostas na forma de um texto não padronizado. Em geral é construído em um formato definido pelo desenvolvedor da aplicação, de maneira que possa ser mais facilmente manipulado para gerar conteúdo em uma página. Como por exemplo, em JSON, HTML ou texto simples sem formatação, normalmente para exibir alertas.
Já a segunda propriedade, responseXML, recebe um objeto XML que é padronizado pela W3C e pode ser manipulado pelas propriedades e métodos dos elementos DOM, através de qualquer linguagem de script.
No exemplo que será detalhado a seguir é utilizado o JavaScript para acessar e manipular o documento XML.
O Resultado do Experimento
Veja de imediato o resultado a ser alcançado, que consiste na manipulação de um objeto XML recebido através da propriedade responseXML, como dito, e apresentado na forma de uma tabela.
Se desejar, clique novamente no link acima para fechar a tabela - claro se aberta :-) - e vice-versa.
Ler Mais... setembro 6th, 2006
Uma das coisas que acho trabalhosa no WordPress é editar código.
Visualmente no editor do WP, quando se digita um trecho de código, tudo parece funcionar as mil maravilhas. Os problemas surgem quando se aciona o botão salvar ou publicar do editor. Ele destroi toda a indentação, importante para uma leitura mais adequada do código, e faz uns ajustes automáticos no HTML que geram, as vezes, resultados imprevisíveis.
Esse comportamento, talvez, seja decorrência do fato de o WP ter sido criado, também e principalmente, para quem não conhece a linguagem de marcação.
Questionei algumas pessoas sobre esses fatos e, para minha surpresa, as dificuldades que elas tinham eram muito semelhantes. Utilizo-me bastante do Writely para a edição dos meus posts, mas os problemas permanecem, tanto na publicação a partir desse editor, como através da velha e conhecida técnica de copiar e colar.
Se não me engano, li também, provavelmente por conta dessas deficiências, que outras pessoas utilizam plugins para substituir o editor padrão do WP. Se é de seu conhecimento e funciona, agradeceria se você deixasse a sua indicação nos comentários.
Eu, do lado de cá, fiz uma rotina simples em AJAX para, paliativamente, solucionar os (meus) problemas mencionados e que disponibilizo a seguir para sua apreciação e julgamento.
Ler Mais... agosto 29th, 2006
O detalhamento do código do experimento deve ser encarado como um exercício de um aprendiz em AJAX, como claramente explicitado no post original.
O que me motivou a compartilhar com vocês os detalhes foi a divulgação do experimento no Blog da Visie, pelo Elcio Ferreira, algumas (confesso, não muitas) solicitações enviadas através do formulário de contato do VICHE e, por último, o artigo publicado no Blog do Maujor.
Em função desse artigo, os botões (<input type=”button”>) foram substituídos por ícones (<input type = “image”>). Como consequência houve mudanças no código do experimento que passou a funcionar com múltiplos submit’s no formulário. A abordagem no Blog do Maujor é derecionada especificamente para questões de acessibilidade em que confronta as duas versões do experimento.
Esclareço que os ícones são utilizados em uma aplicação Web da Empresa em que atualmente trabalho, reforçando o comentário postado pelo Maurício em seu artigo. E, além do manual de operação, na maioria de seus formulários tem um ícone de ajuda, que acionado, exibe informações sobre a funcionalidade dos ícones utilizados acrescida das de preenchimento de seus campos
Ler Mais... junho 10th, 2006

O VICHE entrou definitivamente no espírito da Copa. Primeiro com pequenas mudanças no layout padrão - o qual pode ser “recuperado” na barra lateral de navegação no rótulo Temas -, e agora com um experimento que disponibiliza a tabela de jogos da primeira fase da competição, feito com a ferramenta AJAX.
O experimento é composto de consultas que se utilizam:
- do CSS Framework de Mike Stenhouse, com adaptações;
- de três tabelas MySQL (seleções, jogos e fases);
- de um programa em PHP; e
- de uma rotina bem simples em AJAX.
Os dados e os ícones das bandeiras dos países, apresentados no experimento, foram obtidos no site oficial da FIFA. A única mudança foi a dos horários dos jogos, com a redução de 5 horas correspondente ao fuso entre o Brasil e a Alemanha.
BRASIL HEXA!!! A emoção vai começar e a nossa torcida também.
maio 21st, 2006
Para atender os leitores jovens que têm visitado o VICHE a procura de tabuada com as operações aritméticas, desenvolvi uma nova rotina em javascript.
Agora você pode obter a tabuada da multiplicação, da divisão, da adição ou soma e a da subtração de um número entre -999.999.999 e 9.999.999.999, e tudo isto em um mesmo lugar. Caso tenha dificuldade para conseguir os resultados que você deseja solicite auxílio à sua mãe, a seu pai ou outra pessoa.
Para ver como funciona clique no link abaixo:
Tabuada de multiplicar, dividir, subtrair e somar
março 30th, 2006
Registro e submeto às críticas e sugestões meu primeiro experimento com a ferramenta AJAX. Atualmente, sou aluno do módulo AJAX I do curso online da Visie Treinamentos Web.
O experimento tem como objetivo demonstrar algumas funcionalidades dessa ferramenta sem a preocupação de um tratamento rigoroso de alguns procedimentos normalmente exigidos em uma aplicação comercial.
Trata das velhas e conhecidas operações de manutenção de uma tabela de dados - incluir, alterar, excluir e consultar -, bem simples, onde utilizo a técnica de passagem de parâmetros através da URL (”?’ e “&”) para um programa PHP que se encarrega de operacionalizar, do lado do servidor, essas tarefas. É claro que poderia ser adotado outros mecanismos para a passagem de parâmetros.
As respostas do programa PHP são retornadas no formato JSON. Por esta razão os caracteres “[”, “]”, ‘ e “,” são eliminados dos campos antes da gravação na tabela.
Pela simplicidade da rotina desenvolvida não vale a pena me alongar em explicitar detalhes. Veja funcionando e dê o seu feedback. Fico na esperança de que tenha alguma utilidade.
março 12th, 2006
Artigo especialmente escrito para a moçada que tem nos visitado a partir de pesquisas no Google sobre o assunto.
Clique no link abaixo para obter a tabuada da multiplicação do número que você quer:
Tabuada
Trata-se de uma rotina simples, escrita em javascript, que apresenta como resultado a tabuada de um número. Para isso é necessário apenas digitar o número desejado no campo do formulário e clicar onde indicado para obter o resultado.
Qualquer dúvida, problema, sugestão ou dificuldade que você tenha deixe (ou peça para seus pais ou amigos) seu comentário.
março 5th, 2006
Antes do boom em torno do AJAX utilizava, e ainda utilizo, uma rotina em PHP (veja funcionando aqui), gerando código javascript visando:
- Evitar o refresh da página e a pesquisa ao banco de dados a cada digitação de um campo de uma tabela, para exibir a sua descrição ou uma mensagem de erro no caso de não existir;
- Carregar permissões de acesso, após o usuário se logar, em aplicações disponibilizadas na Web.
Citando um exemplo …
Ler Mais... fevereiro 6th, 2006
Next Posts