Arquivos da categoria 'Ajax'

FS Montaform continuando

October 4, 2007 7:58 am

Só para escrever que o script de montar formulários continua sendo atualizado, nao estou escrevendo sempre que atualizo, mas sugiro entrarem na pagina caso queiram acompanhar.
Para facilitar no topo tem a data da ultima atualização e horário, sempre do Brasil.
Acho algo bem interessante para analisarem o código, estou trabalhando os os arquivos fs.js que é o que pretendo transformar um dia em um framework :D
o montaform_core.js que é o coração do sistema, e o fsdrag.js, o responsável por controlar os movimentos dos objetos.

Todos precisam ainda de aprimoramento.

Esses códigos estão nos seguintes endereços:

http://www.fazedordesite.com/exemplos/montaform/montaform_core.js
http://www.fazedordesite.com/exemplos/montaform/fs.js
http://www.fazedordesite.com/exemplos/montaform/fsdrag.js

Tem ainda o fsslide.js que faz o slide dos menus a esquerda:

http://www.fazedordesite.com/exemplos/montaform/fsslide.js

Dêem uma olhada em como esta ficando:

FS Montaform

Lembro a todos que é apenas um script conceitual, com foco realmente no aprendizado, meu, e de quem quiser acompanhar.

FS MontaForm

October 2, 2007 2:04 pm

Bom ando com tempo curto pra mexer em Javascript, estou trabalhando com Flash no trabalho, então é complicado, mas alguma coisinha sempre mexo.

Sobre o Framework em Javascript pretendo continuar, mas ele vai sendo feito conforme der, logo não esperem nada para agora, alias, pretendo fazer nada muito grande, algo simples, pratico e funcional :D

O convite que tinha falado do pessoal do GUJ para colaborar no framework que eles estão fazendo eu pretendo ajudar, mas com o pouco tempo que venho tendo não consegui nem adicionar eles no msn ainda… e o que eles pretendem é realmente montar um Framework de porte, vai ser interessante se realmente sair.

Sobre o titulo do post, bom andei brincando com Javascript agora pouco, queria opinião de vocês, óbvio que é o inicio quase não faz nada, mas só para verem o conceito e darem suas opiniões, criticas, sugestões :D

Arrastar e soltar vai ter antes que alguém diga :D

FS MontaForm

Mais scripts.. vamos por partes

September 24, 2007 12:45 pm

Bom precisei usar a galeria de imagens em um trabalho, e nada melhor do que trabalhar com ela para testar.
Na primeira imagem que pus já achei um bug, se tivesse apenas uma imagem continuava habilitada a possibilidade de visualizar no modo slideshow e ainda o link para avançar a próxima foto inexistente continuava ali e causava erro, portanto tive que mudar algumas coisinhas e agora esta ok.
E o Danilo me tinha dito que se a foto a ser visualizada na mesma fosse muito pequena estava estragando todo o layout da janelinha, portanto corrigi isso.
Ainda, eu tinha separado as imagens da galeria em uma pasta chamada skin, logo se você quiser da pra mudar agora a hora que quiser o skin, fazer o seu próprio, basta mudar o valor da variável skin, logo no começo do arquivo script.js :D
E também tinha corrigido a forma de trabalhar com o evento “load” da pagina, tirando o window.onload e colocando corretando a função de trabalhar os eventos, para reduzir assim a incompatibilidade com outros códigos.
A galeria vai ficar um tempo parada agora porque o tempo anda cada vez mais escasso, logo se alguém tiver algum problema, reporte os erros, esse darei um jeito de arrumar, mas novas implementações por enquanto ficarão paradas.

E ainda tem a idéia do Framework, que eu pus um código ali somente para dar vontade no povo.. ahahah
Muitos se demonstraram interesse, se quiserem fazer realmente eu to dentro, se alguém quiser sugerir outro nome e um fórum centralizado para discutir, estamos abertos.
Recebi ainda um contato interessantíssimo do Thiago Victorino, sugerindo unir forças com um framework que ele e mais uma galera esta montando no GUJS.
Ele dizia que já estão com essa idéia em um grupo, achei interessante e fui visitar o fórum, porém não achei nada sobre o framework, Thiago, se puder me passar maiores informações agradeceria, tem mais gente que trabalha com Javascript que leio sempre que sempre fala de montar um framework, entre eles os que comentaram aqui mesmo que gostariam de participar, a maioria já tentou fazer algo sozinho.

Espero um contato, e aguardo sugestões, e realmente se tiverem interesse vamos ver uma forma de reunir todas as idéias.

Gostaria ainda de informar que tive a honra de ser convidado pelo Allan do Tutoriais Clube para escrever alguns artigos por la.
Fico agradecido e certamente o farei, mas adianto que não garanto presença constante visto o monte de coisas que estou envolvido no momento.
Mas agradeço não só a ele como a todos que freqüentam o blog e ajudam a testar, desenvolver e usam os scripts, já tivemos em 2 meses do inicio do desenvolvimento da galeria de imagens mais de 1000 downloads, e de todos os scripts disponibilizados ja passam de 2000 downloads, isso incentiva demais, valeu mesmo a galera por prestigiar e estar sempre aqui ajudando e me aguentando.

O código da galeria podem ver e baixar aqui.

Abração

FS Framework Javascript sera que sai?

September 21, 2007 6:48 am

Bom um post muito tempo atrás eu disse sobre a idéia de fazer um framework, bom, framework é pretensão minha chamar assim, seria mais um conjunto de códigos em Javascript para usar como base em alguns projetos.
Ok, chamem como quiserem biblioteca Javascript, framework, enfim, o nome é o de menos, mas o chamarei de framework pra ficar mais bonito e pra saber como chamar.

A idéia é fazer um arquivo principal, base, para que vários módulos sejam construídos ao redor depois, inserir a parte módulos com efeitos, esmaecimento, movimentação, validação de formulários etc…
Assim a pessoa faz o download do que lhe interessa apenas.
E esses módulos serem usados, juntamente com o “framework” na montagem de pequenas ferramentas genéricas, estas ferramentas nada mais seriam que o que já venho montando, como a galeria de imagens, o calendário, e esses também seriam adaptados a esse padrão.

O maior problema pra começar a fazer algo do gênero é que quando pensamos em um framework vem a mente o JQuery, Prototype entre outros que estão faz muito tempo sendo desenvolvidos e estão em um estagio muito avançado, logo pensamos, pra fazer algo tem que estar no mínimo nesse nível, e sinceramente, algo nesse nível demora pra ser feito, e assim desanima começar o desenvolvimento.

Outra coisa é que eu nunca fiz nada do gênero, logo, como não conheço os caminhos vem a preguiça de começar e apanhar até achar o modo certo.

Enfim, as negativas são muitas, mas com pé no chão, degrau por degrau acho que da pra fazer algo legal, ou pelo menos tentar, dar a cara a tapa mesmo pra ser criticado.

Bom pra começar o que é preciso? bom todo framework tem uma função “Ajax” ou seja, pra chamar conteúdo de forma assíncrona.
Eu sempre usei varias funções, tinha 4,5 que usava de acordo com a necessidade, peguei essas, joguei fora o que achei que não prestava, editei, e acrescentei alguma coisa e temos nossa função Ajax.
A mesma suporta requisições com GET ou POST, no caso de post devem enviar uma string com os valores dos campos.
Eu poderia pegar automático todos os campos do formulário mas de repente pode não ser interessante para alguém, por enquanto deixo assim e aguardo sugestões.
Nesse primeiro momento inseri ainda algumas funções velhas conhecidas de quem programa com javascript e quem acompanha o blog já as viu bastante.
Os atalhos para document.getElementById, que será chamado de $id, o atalho para document.getElementsByTagName que será chamado de $tag.
Ainda lembram da função adicionarEvento? pra pegar o load, onclick, onmouseover…
Bom aqui chamaremos de addEvent, pois tudo esta sendo montado em inglês, e é como ela é chamada em todos scripts internacionais.
Não tenho nem idéia de quem a montou, nem onde a vi a primeira vez, só sei que foi em um blog em inglês, mas agora essa como outras viraram domínio publico, portanto pertence a nos também :D

Pra quem viu o código do Calendário esta ali também uma função que retorna a posição x,y de qualquer objeto do documento.

Ou seja, não tem nada praticamente, mas de algum lugar tem que partir senão não sai nada.

Se alguém com bons conhecimentos de Javascript quiser participar, tranqüilo, se tiver realmente aceitação e participações e quiserem chamar de outra forma, por mim tudo bem.

Estou convidando a comunidade a desenvolver, pois não temos nenhum framework javascript representativo brasileiro.

Se ninguém se interessar, vou tocando conforme a musica e vamos ver no que da, ou não.

Dentro do script que vou disponibilizar tem também um código de validação de email de alguns testes que estava fazendo.

Deve fazer parte de um modulo a parte responsável por validação de formulários, por enquanto esta ai só para verem como funciona.

Disponibilizo aqui para download o script javascript e uma pagina html com 2 exemplos de uso do código.

Tudo coisa simples só para despertar a curiosidade.

Antes de terminar peço a opinião de vocês, acham que sou maluco ou é algo que vale a pena fazer, mesmo com frameworks tão desenvolvidos hoje como JQuery?

E sendo possível, alguém tem idéia de qual o próximo passo a ser dado? hahahaha

O que devo implementar pra dar mais suporte possível a outros scripts?

Vamos tentar né? mesmo sabendo que vou sofrer com a limitação de conhecimento, mas é assim que se aprende ainda mais.

P.S: normalmente nao escrevo tanto, nao é por preguiça de escrever, mas imaginem alguém com um teclado que so tem o acento agudo e no E, nada de circunflexo, agudo em outras vogais ou o tio, dai o que faço?
Escrevo, passa o corretor ortografico que tem na Google toolbar, ela tem um limite de 100 palavras, se o texto é maior vou colocando de 100 em 100 palavras para serem corrigidas, depois passo um outro corretor ortográfico que instalei como extensão do firefox, mesmo assim eles pegam metade dos erros, ai eu dou uma lida, pega o que vejo e procuro palavra por palavra no google pra pegar o acento e dai coloco a palavra correta no texto, parece trabalhoso né, e é!

Esse P.S é pro Allan que gosta mais dos textos longos, agora ele vai entender porque escrevo pouco normalmente. :D
Essa observaçao nao passei no corretor para terem um idéia da quantidade de palavras que ficam sem acentos e tem que ser corrigidas.

Tudo isso porque odeio portugues mal escrito.

FSQL consultas SQL através do Javascript

September 13, 2007 11:09 am

Bom, como gosto de fazer mil coisas ao mesmo tempo, e odeio ficar fazer a mesma coisa todos os dias, resolvi começar hoje um script conceito.
Tudo começou ontem, enquanto conversava com o Danilo do Xisde, estávamos falando de um colega em comum com um projeto de fazer consultas SQL a partir do Flash, do Action Script.
Dai pensei, legal, vou fazer em Javascript :D

Antes que alguém diga, sei que por o SQL dentro de um código Javascript é pouco seguro, que todos podem ter acesso as suas consultas no banco de dados, nome de suas tabelas, campos, etc..
Mas como escrevi acima, é um script conceito, objeto de estudo apenas, claro se alguém quiser utilizar profissionalmente, sabendo dos riscos, ok, não serei eu a atirar a primeira pedra.

Caso algum maluco queira fazer isso é melhor usar o /Packer/, que além de compactar códigos em javascript, ele codifica em base62, não será 100% seguro, como nada é na internet, mas melhora.

Como funciona isso então?

Bom, como qualquer desenvolvedor meia boca deve saber, Javascript não tem como acessar banco de dados diretamente, logo estou usando PHP com o objeto xmlHttp para acessar o banco de dados.

Criei 1 arquivo chamado fsql.php, onde estão as funções PHP para acessar o banco de dados e trabalhar com o mesmo.
Outro arquivo chamado fsql.js, onde inserimos o Javascript que abre a consulta.
No arquivo para download ainda tem o arquivo fsql.htm com um exemplo de como chamar as funções e trabalhar com as mesmas.

Tem pouca coisa, muito pouca mesmo, é um conceito ainda que estou abrindo aqui para quem quiser ajudar.

Por enquanto tem 2 funções apenas no Javascript:

try_mysql()
Esta função serve apenas para testar se existe uma conexão com Mysql ativa.

mysql_query()
Esta envia um SQL que é passado com Ajax para o PHP, e o PHP retorna os resultados separados por virgula.

É necessário editar o arquivo fsql.php inserindo os dados do seu banco de dados.

Como disse comecei hoje, é um ovo ainda, estou testando e esta apenas retornando o valor do campo Nome por enquanto, pretendo pegar todos os campos da tabela e devolver o valor de cada um deles para cada consulta.
A execução de outros tipos de QUERY que não sejam a SELECT por enquanto não são permitidas por falta de suporte do script.

Gostaria da sugestão de todos, e quem puder ajudar, sinta-se a vontade.

Estou fazendo tudo em inglês, pra dar mais acessibilidade ao script :D
O Calendário continua viu… é como disse, somente pra ter algo para variar e não ficar no mais do mesmo :D

FSQL aqui :D


Assine meus Feeds


Sobre/Contato

scripts