Métodos úteis da Prototype

2007-08-02T18:28:00.000-03:00

A biblioteca Prototype provê uma série de funcionalidade úteis para o dia-à-dia. Vários desses métodos são uma representação mais fácil de métodos já existentes no JavaScript, com exceção do método $ que identifica os elementos do DOM com algumas funcionalidades a mais. Estes métodos são simples, de fácil memorização e mais úteis que os existentes no JavaScript. O mais utilizado é o $(), não só

Não se assustem

2007-08-02T10:57:00.000-03:00

Não se assustem, é o mesmo site, só procurei trocar o layout para dar uma renovada. O Blog já existe há quase 2 anos e agora resolvi dar uma mudada, apesar dos poucos posts. Vou começar a montar uma série de tutoriais sobre as funcionalidades da prototype, em breve vou começar a postar aqui.

Criando elementos html dinamicamente

2007-06-20T16:48:00.000-03:00

Para trabalhar com elementos HTML criados dinamicamente é utilizado o comando: document.creatElement(tag) Uma coisa que você precisa saber antes de seguir fazendo o seu aplicativo é que para funcionar, é necessário que todo o código HTML já tenha sido carregado na página. Use sempre em funções. Vamos direto ao assunto. Primeiro criamos o elemento e guardamos em uma variável: //Criando o

Drag-Drop -> Quebra Cabeça

2006-10-17T14:09:00.000-03:00

Finalmente vou postar algo realmente explicativo sobre Drag and Drop. Primeiramente veja esse exemplo que será explicado: Quebra Cabeça. Pra começar, vou colocar a uma div que contém a chamada as funções que captura os eventos sobre ela.

Foram

Mais um brinquedo do Google

2006-04-18T15:46:00.000-03:00

Descobri hoje o novo Google Calendar. Uma ferramenta muito boa pra quem quer organizar as datas especiais.Uma coisa interessante que dá pra ser feito é importar calendários de alguém que já catalogou, por exemplo, os feriados do Brasil, assim você vincula no seu calendário sem precisar ficar cadastrando todas as datas, sendo que dá pra vincular uma cor diferente para cada calendário importado.

Duvidas!? Comentem!!

2006-03-24T13:16:00.000-03:00

Aê galera, caso tenha alguma dúvida referente aos assuntos aqui abordados mandem comentários, assim posso ajudar com o que for possível.Se quiserem ver alguma matéria sobre algo mais especifico sugiram que eu vou procurar atender... abraços

Google adquire a Writely

2006-03-20T18:57:00.000-03:00

Já havia mencionado sobre Writely (Gerenciador de arquivos em Ajax), mas hoje fiquei sabendo que esta foi comprada pelo Google.Google adora idéias e compra as empresas que as criam. Quisera eu de criar uma boa idéia para o Google comprar.

Combos Dinâmicas

2006-03-10T00:03:00.001-03:00

Vou explicar um pouco de como trabalhar com elementos SELECT do HTML de forma inâmica e com conteúdo atualizavel via AJAX. Para isso é necessário que se tenha uma combo. Abaixo segue um exemplo em HTML:

Prototype -> Login Ajax

2006-03-06T22:04:00.000-03:00

Respondendo a uma duvida da comunidade no Orkut resolvi criar aqui um validador de login e senha em Ajax. Primeiro vamos criar uma página de login:

Login

Drag and Drop -> Mouse

2006-02-25T13:08:00.000-03:00

O conceito de Drag and Drop é poder segurar, arrastar e soltar os componentes. Em DHTML não é complicado fazê-lo, mas com criatividade pode-se fazer algo muito interessante e facilitar muito o usuário em ambientes de sistemas. Vou começar com algo bem simples, captura de eventos do mouse. Talvez pra quem já mexe com isso pode parecer até meio bobo, mas acho que pode mover a imaginação de muita

Dúvida sobre cargamenu.php

2006-02-13T14:59:00.000-02:00

Respondendo a um comentário no artigo Tutorial prototype -> Ajax.Updater vou passar o conteúdo do arquivo cargamenu.php, que é simplesmente mostrar uma string com tag LI: "; switch ($_REQUEST["item"]){ case "cidade": echo "

São Paulo

"; echo "

Araraquara

"; echo "

Araras

"; echo "

Drag and Drop

2006-02-02T14:02:00.000-02:00

Estive ocupado e não pude atualizar o blog, mas agora vou trazer novidades Estou preparando uma série de tutoriais para fazer Drag and Drop em DHTML.Dentre o que vou falar está: - Capturando objetos - Movendo Objetos - Z-index - Controlando varios objetos - Criando "Janelas" em DHTMLExiste muita coisa pronta por aí, mas tem gente, como eu, que gosta de fazer na unha essas coisas.Aproveitando

Tabelas Dinâmicas

2006-01-24T16:37:00.000-02:00

Em meu último post eu fiz uma página HTML que acessava uma página em PHP que retornava um array de objetos JavaScript e inseria em uma tabela. Acho que muitos não conheciam essa técnica HTML de inserção de dados em uma tabela via JavaScript, fazendo assim uma tabela dinâmica. Continuo usando a prototype, que ela ajuda muito no desenvolvimento de programas em JavaScript, reduzindo o tamanho dos

Acessando banco de dados

2006-01-22T16:20:00.001-02:00

Existem várias maneiras de fazer comunicação entre banco e páginas pelo conceito de HTTPRequest. O método que mais uso, e nem sei se posso chamar de AJAX, pois não utilizo XML, é retornando um array de uma página que acessa informações no banco em JavaScript que contém um objeto com o resultado do banco. Para isso veremos o codigo da página php que processa a requisição: Pode-se perceber que o

Tutorial prototype -> Objeto Insertion

2006-01-16T09:27:00.000-02:00

Mais um meio de manipular conteúdo que a prototype proporciona. O Objeto Insertion serve para que se possa controlar um elemento, podendo colocar conteúdo dentro do elemento ou fora, podendo ser definido antes do elemento, no inicio, no fim ou após o elemento. Olá Senhor , como está? O texto resultante seria:

Tutorial prototype -> Classes em JavaScript

2006-01-11T12:26:00.000-02:00

Fazer Classes em JavaScript não é complicado, mas com a biblioteca prototype ficou ainda mais facil fazer. Se você tem experiência em Orientação a Objetos verá que utilizar classes em JavaScript ajuda muito, principalmente em um sistema em Ajax. Criando classes é possivel separar funções que muitas vezes ficam jogadas no meio do código e isso facilita o acesso a essas funções. Vou mostrar um

Gerenciador de documentos AJAX

2006-01-04T10:41:00.000-02:00

Poderia ser só mais um editor de documentos, mas o Writely gerencia documentos e as edições. Imagina você editando um texto que fica compartilhado na rede e clica em salvar. Simples não?! Só imagina que antes de você salvar alguém foi lá e abriu o mesmo documento e depois veio a salvá-lo novamente, só que perdendo o que você tinha feito. Acho que já aconteceu com todos algo parecido. Bem, o

Microsoft x Google

2006-01-04T10:25:00.000-02:00

A disputa está ficando boa. Depois do Google desktop e MSN Desktop (exemplo mais recente da disputa) a Microsoft agora vem bater de frente com o Google novamente. Foi lançado o Live (http://www.live.com/), uma home page personalizada como o Google tem investido na sua home page de busca. Achei que o Live tem um ambiente bem mais leve que o Google e funciona muito bem. Há a possibilidade de

Ajax Desktop

2006-01-04T10:11:00.000-02:00

Vou quebrar um pouco a série de tutoriais prototype porque acabei descobrindo um site que usa Ajax que achei que vale a pena ser citado. http://www.gritwire.com/ A idéia é de você ter um desktop no site deles, contendo RSS Reader, Links prediletos, entre outras coisas. Vale a pena se cadastrar para dar uma olhada.

Tutorial prototype -> Ajax.Updater

2006-01-03T11:04:00.000-02:00

Eis uma ajuda pra quem nem conhece muito de programação. Ajax.Updater é uma daquelas ferramentas que realmente ajudam nas atualizações de conteúdo em páginas de forma dinâmica e instantânea. Imagina uma div numa página dessa maneira:

Agora vamos popular essa DIV com algum conteúdo fixo na página: document.getElementById("teste1").innerHTML = "Olá Mundo"; Bom

Tutorial prototype -> Ajax.Request

2006-01-02T17:16:00.000-02:00

A biblioteca prototype contém várias classes para auxiliar no processo de desenvolvimento, mas muitas delas foram criadas para dar suporte ao desenvolvimento dos métodos principais da biblioteca, por isso abordarei somente o que é necessário para utilizar as ferramentas de Ajax. A Classe Ajax.Request é a principal quando se quer trabalhar com acesso a dados em outras páginas através de

Tutorial prototype -> Atalhos e funções

2006-01-02T14:55:00.000-02:00

A biblioteca já vem com diversas funções com utilitários que ajudam no processo de desenvolvimento, evitando redigitação e até mesmo ajudando a evitar erros que podem vir com códigos muito longos. Função $("ID do elemento") Essa função é sensacional.. Sam Stephenson estava inspirado quando criou ela.. alias, ela já devia ter sido criado pela Netscape quando lançou o JavaScript. Com essa função

Tutorial prototype -> Objeto Form

2006-01-02T12:40:00.000-02:00

Vou procurar criar um mini tutorial da biblioteca prototype para que possa facilitar o uso da mesma no dia-á-dia. O objeto Form do prototype contém funções que facilitam a vida das pessoas que desenvolvem em JavaScript. Com ele você consegue acessar métodos de formulários de forma bem mais facil e rápida, economizando muitos caracteres no seu código. Vou falar um pouco sobre os métodos dessa

Prototype.js

2005-12-30T13:12:00.000-02:00

Já ouviu falar em Prototype.js? Essa é uma biblioteca que ajuda no desenvolvimento de aplicações AJAX e DHTML. O criador, Sam Stephensom, é também colaborador de um projeto de uma linguagem de programação WEB chamada Ruby on Rails que parece que tem se difundido por aí, sendo que essa linguagem ganhou em 2005 o prêmio "Open Source Award" que é promovido pelo Google e O'Reilly. Bem, vou voltar a

Conteúdo Ativo

2005-09-12T20:14:00.000-03:00

Quero ver se passo a deixar o conteúdo sempre ativo. Começo ele daqui, vamos ver se sempre atualizo. Vou falar um pouco de Ajax e Scripts DHTML.

Ajax e DHTML

Métodos úteis da Prototype

Não se assustem

Criando elementos html dinamicamente

Drag-Drop -> Quebra Cabeça

Mais um brinquedo do Google

Duvidas!? Comentem!!

Google adquire a Writely

Combos Dinâmicas

Prototype -> Login Ajax

Login

Drag and Drop -> Mouse

Dúvida sobre cargamenu.php

Drag and Drop

Tabelas Dinâmicas

Acessando banco de dados

Tutorial prototype -> Objeto Insertion

Tutorial prototype -> Classes em JavaScript

Gerenciador de documentos AJAX

Microsoft x Google

Ajax Desktop

Tutorial prototype -> Ajax.Updater

Tutorial prototype -> Ajax.Request

Tutorial prototype -> Atalhos e funções

Tutorial prototype -> Objeto Form

Prototype.js

Conteúdo Ativo