Monthly ArchiveNovember 2007



Promoções 29 Nov 2007 05:34 am

Webly dando pendrive

Bom, antes de falar da promoção devo dizer que estou sumido porque final de ano pra todo mundo é muito mais corrido, tentamos tirar todas pendencias, resolver tudo no ultimo trimestre, e eu estou assim, trabalhando muito, e com tempo curto.

Em breve terei algumas novidades sobre um dos projetos que estou tocando, mas por enquanto estou aqui  pra dizer sobre a promoção da Webly.
Não ganho nada com isso, absolutamente, nem tenho nada com nenhum administrador de la, mas desde o desafio de linguagens promovido ali me sinto intimamente envolvido com o fórum, sempre dou uma passada por la, embora nunca escreva nada.

Vou colar aqui o post do Micox no blog dele e vão entender melhor do que se trata:

“-Hoeeepá, tempo corrido, post curto.

Divulgando aqui no elmicox uma parceria do Webly com a loja Empório Lobo onde nós vamos começar a oferecer brindes aos nossos membros, usuários (membros ou usuários? os dois soam tão feios e com duplo sentido heheh).

Seguinte: a primeira promoção já tá no ar.
Os 3 caras que mais postarem tutoriais de qualidade vão concorrer para ganhar um pendrive 2G da kingston (patrocinado pela Empório Lobo claro).

Quem chegar mais próximo da última dezena sorteada da mega-sena leva o pen.
O primeiro lugar terá uma vantagem lógico.

Este tipo de promoção não é boa não só para o usuário (ou membro?) e não é só boa para o Webly. É bom geralzão pois vamos (pretendemos) ter um novo estoque gigantesco de tutoriais, ajudando o mundo a ser um lugar mais feliz (óoo)!!!

Vão lá malucos, ajudem o mundo a ser mais azul e ainda ganhem um pendrive heheheh.
Se você é preguiçoso e não quer postar tutoriais, pelo menos ajude a divulgar a notícia.

Té.”

Final de semana chegando e eu cheio de coisa pra fazer :P

Flash 18 Nov 2007 09:02 am

Banner rotativo em Flash

Muitos acho que não sabem, mas eu trabalho com Flash também, embora não seja minha preferência, em alguns projetos e locais é útil.

Eu evito por causa da acessibilidade, mas como não mando nada, se o chefe pede tenho que fazer, então a vida segue.

Mas pra banners acho ótimo, fiz um exemplo de banner rotativo, e disponibilizo pra download aqui, são 2,4 mb com o fonte e imagens:

Banner Rotativo em Flash

Ele é atualizado pelo arquivo XML, usem e abusem, a pedido do Allan, em breve disponibilizo uma versão em JS.

Bom domingo a todos!

Avaliação 15 Nov 2007 06:49 am

Aptana Studio 1.0

Motivado pelo post do Bernardo Rufino falando sobre o Aptana Studio, baixei o mesmo e testei.
Primeiro abrir, estranhei, até porque são mais de cinco anos usando Dreamweaver, claro somente no modo texto :D

Mas a diferença na distribuição das ferramentas e cores já me fez olhar estranho para ele, sim eu sei, é óbvio que seria assim, afinal, é outro programa.

Abri um arquivo Javascript e pude perceber que ele me exibia a direita um índice de todas minhas funções no código, achei excelente, agiliza muito o processo, o DW que utilizo no trabalho é o MX2004, e não possui esse recurso excelente, que a maioria dos programas atuais já possuem, não sei se na versão CS3 já incorporaram isso.
Ponto pro Aptana.

Fui abrir um arquivo PHP e simplesmente mandava pro dreamweaver, tentei ir no menu File>Open File no Aptana, e mesmo por este caminho, abria pelo DW.
Pensei putz, que mancada, não tem suporte a PHP.

Tentei criar um projeto, criei, mas não achava onde indicar a pasta do meu projeto, já estava sem muita paciência com o programa e desisti.

Voltei la no blog do Bernardo(ainda bem que fiz isso), e falei, não uso esse programa, ele é lento(na realidade demora mais pra abrir, mas depois roda macio), não tem suporte a PHP, e o gerenciamento de projetos dele é ruim.

E o Bernardo gentilmente me respondeu, que bastava eu atualizar o mesmo, que poderia escolher instalar suporte ao PHP.

Instalei o tal suporte, e devo dizer, tirando as cores que identificam cada objeto no código, que ainda não me acostumei, ele trabalha muito melhor que o Dreamweaver.

O suporte a PHP é muito mais completo, você pode ver suas variáveis(como no zend), funções, classes, o auto completar é mais eficiente.

No CSS a mesma coisa, ele ainda mostra de forma muito pratica e amigável se o recurso CSS que estamos utilizando é compatível com o Internet Explorer e Firefox.
Passando pro HTML a mesma sensação, de estar dando um upgrade na forma como trabalho, enfim, depois de murros em pontas de faca, me rendi ao Aptana, depois de 5 anos usando Dreamweaver, vou tentar usar outro programa.

Ah sim, e ele tem suporte a projetos, com mais boa vontade eu achei depois, e com FTP também.

O Aptana tem duas versões, Community e Professional, sendo a primeira gratuita, e a que testei.

O Bernardo comentou no blog dele ainda que esperava que essa versão estivesse mais estável, como não conheci as anteriores mais do que abrir e fechar um arquivo, não posso falar sobre isso, mas a que estou usando me parece bastante estável, ainda não tive problemas.

E para quem gosta de editor WYSIWYG, vos digo o Aptana é editor de cabra-macho, que já perdeu unha de tanto digitar código. :D

E pra finalizar, bom feriado pra todos, eu estou trabalhando :P

SOS Javascript & Javascript 13 Nov 2007 01:26 pm

SOS Javascript #3 - Imprimir conteúdo específico

Recebi essa do Breno Saraiva:

"...o imprimir que você disse que tinha feito.. não encontrei no seu blog...

então decidi mandar um email...eu tentei fazer aqui mais ele ta imprimindo

todo o blog...tava pensando... como eu vou estar dentro do post... não tem como 

eu fazer botão imprimir dentro do post.. e selecionar só o que eu quero

imprimir???

Obrigado"

Vou ser sincero me surpreendi, nem eu lembrava mais de ter comentado sobre isso, fiz faz tempo no meu trabalho.

Peguei ele hoje, traduzi, pois estava tudo feito em italiano, e modifiquei para funcionar de acordo com minha biblioteca de scripts.

Serei sincero, não fiz muitos testes, sei que o original funcionava bem, pois testei bastante, esse como posso ter perdido algo enquanto traduzia, ou modificava, pode apresentar algum erro, conto com vocês para “denunciarem” :D

Testei no FF2, IE7, Opera9, Netscape e Safari3 para windows, nestes funcionou bem, não testei no IE6, estou sem aqui.
No IE6 do multiple IE funcionou, mas como sei que tem muita diferença, não da pra levar a sério.

Antes de mais nada devo dizer que a função “print” do Javascript realmente imprime toda a pagina, não tem como escolher o que quer ser impresso, dai partimos para as gambiarras, ou gambware :D

O que fiz no script?

Criei um iframe por código, que carrega o arquivo “imprime.htm”, é este arquivo “imprime.htm” que coloquei a chamada para a função “print”.

Ao clicar em imprimir eu pego o conteúdo da div indicada e jogo para dentro desse iframe, logo ele vai dar o print no iframe, e imprimir somente o conteúdo do mesmo.

E como funciona isso tudo, o que tenho que mudar?

Estou disponibilizando um arquivo de modelo, que é o “index.htm”, como verão neste arquivo, eu incluo 2 arquivos javascript, “fs.js” e “fsprint.js”.

O primeiro são algumas funções prontas para agilizar o trabalho e o segundo é o controle da impressão, onde os objetos são criados etc..

Tem ainda o arquivo “imprime.css”, que é o CSS para poderem estilizar a janela de pré-visualização da impressão.

Para mandar imprimir depois de qualquer lugar da pagina basta inserir o seguinte código no link:

onclick="imprime('id_do_objeto_a_ser_impresso')"

Clique no link abaixo para baixar e ver a pagina de teste:

FS Print - Imprimir com Javascript

Duvidas? erros? sugestões? como sempre, muito bem vindos, escrevam e responderei assim que possível :D

Javascript 07 Nov 2007 12:33 pm

Trabalhando com eventos no Javascript II

Este post é um complemento deste post:
Trabalhando com eventos no javascript

Neste primeiro exemplo expliquei o que são eventos em javascript, como são geridos e dei alguns exemplos.

Agora chegou a hora de explicar de forma mais detalhada os eventos para alguns objetos específicos, nos aprofundar um pouco mais no tema.
Podemos dizer que o Javascript trabalha basicamente com 5 tipos de eventos, form, image, image map, link, e window events.
Estes eventos devem vir sempre associados a tags HTML.

Vamos detalhar um pouco cada um então:

Image Events - Eventos de imagem

  • abort - Quando o usuário cancela a acção.
  • error - Quando ocorre um erro.
  • load - Quando o objeto for completamente carregado.

Image Map Events - Eventos de Mapa de imagens

  • mouseOut - O mouse esta saiu do link mapeado.
  • mouseOver - O mouse esta sobre o link mapeado.

Form Events - Eventos de Formulário

  • blur - Quando o campo perde o foco.
  • change - Se foi modificado é ativado ao perder o foco.
  • focus - Quando o campo recebe foco.
  • reset - Quando o formulário é limpo.
  • select - Quando algum texto for selecionado
  • submit - Quando um formulário é enviado.

Link Events - Eventos de ancora

  • click - Um objeto foi clicado
  • mouseOut - O mouse esta sobre o objeto
  • mouseOver - O mouse saiu de cima do objeto

Window Events - Eventos de Janela

  • blur - Perdeu o foco da janela.
  • error - Um erro ocorreu.
  • focus - A janela recebeu o foco.
  • load - A janela foi carregada.
  • unload - O objeto foi fechado.

Estes são boa parte dos eventos possíveis, que podem ser associados a diversos objetos do documento, todos devem ser usados indicando que aguarda que o evento aconteça, para tanto, basta inserir “on” a frente do nome do evento.

Por exemplo, se quiser pegar quando ocorre um erro com o evento “error”, basta usar dentro do objeto:
onerror=’codigojavascript’

Peço desculpas pela falta de posts, em breve pretendo voltar a ter a frequência de antes, mas preciso terminar algumas coisas antes por aqui.

Mas não deixarei de postar, sempre que surgir um idéia diferente e sobrar um tempinho estarei aqui.

Caso tenham alguma duvida sobre algo, ou tenham algo que precisam e não conseguirem fazer sintam-se a vontade para perguntar aqui no blog, ou enviar um email.

Sempre que possível ajudarei.

Next Page »