Ir para conteúdo / Skip to content

Guia completo sobre jQuery para iniciantes

blog reactions Postado em: 14 de agosto de 2008 por Pedro Rogério
jQuery Logo

No site Effectize, você pode encontrar tudo, realmente tudo o que precisa saber sobre o Framework jQuery para iniciar no mundo do JavaScript.

jQuery API Browser - AIR Reference

blog reactions Postado em: 13 de agosto de 2008 por Pedro Rogério
jQuery API Browser

Como referências nunca são demais, deixo aqui mais uma referência para consulta ao Framework JavaScript jQuery, só que dessa vez em formato Adobe AIR.

Para ter acesso a essa referência você deve o AIR instalado no micro, após vá até o site de Remy sharp’s e faça o download do aplicativo.

Função getElementsByClassName - Versão 2008

blog reactions Postado em: 12 de agosto de 2008 por Pedro Rogério

Robert Nyman, no ano de 2005, publicou em seu blog um artigo entitulado “The Ultimate getElementsByClassName“, uma função desenvolvida em JavaScript, que sem a utilização de qualquer Framework nos pernite obter todos os elementos de uma classe passados por parâmetro.

The Ultimate getElementsByClassName - Versão 2005


function getElementsByClassName(oElm, strTagName, strClassName){
    var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
    var arrReturnElements = new Array();
    strClassName = strClassName.replace(/\-/g, "\\-");
    var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
    var oElement;
    for(var i=0; i<arrElements.length; i++){
        oElement = arrElements[i];
        if(oRegExp.test(oElement.className)){
            arrReturnElements.push(oElement);
        }
    }
    return (arrReturnElements)
}

Mas agora, Robert Nyman a melhorou adicionando novas funções.

The Ultimate getElementsByClassName - Versão 2008


/*
	Developed by Robert Nyman, http://www.robertnyman.com
	Code/licensing: http://code.google.com/p/getelementsbyclassname/
*/
var getElementsByClassName = function (className, tag, elm){
	if (document.getElementsByClassName) {
		getElementsByClassName = function (className, tag, elm) {
			elm = elm || document;
			var elements = elm.getElementsByClassName(className),
				nodeName = (tag)? new RegExp("\\b" + tag + "\\b", "i") : null,
				returnElements = [],
				current;
			for(var i=0, il=elements.length; i<il; i+=1){
				current = elements[i];
				if(!nodeName || nodeName.test(current.nodeName)) {
					returnElements.push(current);
				}
			}
			return returnElements;
		};
	}
	else if (document.evaluate) {
		getElementsByClassName = function (className, tag, elm) {
			tag = tag || "*";
			elm = elm || document;
			var classes = className.split(" "),
				classesToCheck = "",
				xhtmlNamespace = "http://www.w3.org/1999/xhtml",
				namespaceResolver = (document.documentElement.namespaceURI === xhtmlNamespace)? xhtmlNamespace : null,
				returnElements = [],
				elements,
				node;
			for(var j=0, jl=classes.length; j<jl; j+=1){
				classesToCheck += "[contains(concat(' ', @class, ' '), ' " + classes[j] + " ')]";
			}
			try	{
				elements = document.evaluate(".//" + tag + classesToCheck, elm, namespaceResolver, 0, null);
			}
			catch (e) {
				elements = document.evaluate(".//" + tag + classesToCheck, elm, null, 0, null);
			}
			while ((node = elements.iterateNext())) {
				returnElements.push(node);
			}
			return returnElements;
		};
	}
	else {
		getElementsByClassName = function (className, tag, elm) {
			tag = tag || "*";
			elm = elm || document;
			var classes = className.split(" "),
				classesToCheck = [],
				elements = (tag === "*" && elm.all)? elm.all : elm.getElementsByTagName(tag),
				current,
				returnElements = [],
				match;
			for(var k=0, kl=classes.length; k<kl; k+=1){
				classesToCheck.push(new RegExp("(^|\\s)" + classes[k] + "(\\s|$)"));
			}
			for(var l=0, ll=elements.length; l<ll; l+=1){
				current = elements[l];
				match = false;
				for(var m=0, ml=classesToCheck.length; m<ml; m+=1){
					match = classesToCheck[m].test(current.className);
					if (!match) {
						break;
					}
				}
				if (match) {
					returnElements.push(current);
				}
			}
			return returnElements;
		};
	}
	return getElementsByClassName(className, tag, elm);
};

Novas funcionalidades:

  • Utiliza getElementsByClassName nativo se está disponível.
  • Utiliza XPath nativo se está disponível.
  • Suporta múltiplos class em uma mesma chamada.
  • Devolve um array com o qual pode trabalhar.

Como utilizar:

A função pode receber 3 parâmetros:

  • class: A classe que está buscando - Obrigatório.
  • tag: A tag que contém a classe - Opcional.
  • tag: Elemento pai por onde quer começar a buscar - Opcional.

getElementsByClassName(class, tag, elm);
// Exemplos
getElementsByClassName("roxo"); // Todos os elementos com o class="roxo"
getElementsByClassName("roxo azul grande"); //Todos los elements com o class="roxo", class="azul",...
getElementsByClassName("roxo", "p"); //Todos os P's com o class="rojo"
getElementsByClassName("roxo", "p", document.getElementById("content")); // Todos os P's com o class="roxo" no elemento content e filhos.

Como atualizar o Twitter via SMS

blog reactions Postado em: 11 de agosto de 2008 por Pedro Rogério

Twitter

Se você é um Twiterro de plantão não pode ficar fora dessa. Se antes você não atualizava seu Twitter por SMS pois não tinha grana o bastante para bancar tarifas internacionais, hoje já pode ficar despreocupado, pois o Neto Basílio desenvolveu um sistema onde você envia um SMS para um celular do Brasil pagando tarifa local. Esse serviço está disponível no momento para qualquer operadora de celular.

Para utilizar o sistema você deve efetuar um simples cadastro para que seja possível habilitar seu celular e sua conta do Twitter.

WordPress Template Tags Reference Guide

blog reactions Postado em: 8 de agosto de 2008 por Pedro Rogério
Wordpress Reference guide

No site DBS Interactive você pode encontrar a referência completa de todas as funções do Wordpress, ela é semelhante ao Codex, mas essas referências nunca são demais, já que as dúvidas surgem a todo momento e em qualquer lugar.

Framework CSS e XHTML para desenvolver para iPhone e iPod Touch

blog reactions Postado em: 7 de agosto de 2008 por Pedro Rogério

iPhone

Os desenvolvedores interessados hoje me desenvolver para iPhone e iPod Touch podem ficar felizes pois Diego Martín Lafuente desenvolveu um framework para facilitar esse trabalho chamado: Universal iPhone UI Kit, onde você também pode ver uma prévia do Framework em funcionamento.

O Framework segue a linha de desenvolvimento de iUI, de Joe Hewitt, emulando uma aplicação nativa, evitando assim romper o perfeito equilíbrio que a Apple conseguiu em suas aplicações.

Graças a utilização do Safari no iPhone e no iPod Touch, você pode utilizar ao máximo os seletores CSS 3, juntamente com um XHTML dentro dos padrões, levando sua aplicação ao extremo em pouco tempo de desenvolvimento.

Download

Fotos dos escritórios do Google espalhados pelo mundo

blog reactions Postado em: 6 de agosto de 2008 por Pedro Rogério

Mountain View California

Mountain View
Mountain View

Nova York

Nova York
Nova York

Santa Monica Arizona

Santa Monica Arizona
Santa Monica Arizona

Continuar lendo »

Wordpress com suporte 24 horas por dia

blog reactions Postado em: 5 de agosto de 2008 por Pedro Rogério
Wordpress logo

Wordpress anuncia que a partir de agora os usuários do serviço Wordpress.com terão suporte, por e-mail, 24 horas por dia, 7 dias por semana.

Para isso, os usuários devem preencher um formulário de contato, que em no máximo 24 horas sua dúvida será sanada. Tá, a idéia é boa, interessante, mas por que os caras não investem mais no fórum ao invés disso?

Protegendo seu e-mail contra spam com jQuery

blog reactions Postado em: 5 de agosto de 2008 por Pedro Rogério

Hoje em dia você sabe que não pode sair por aí largando seu e-mail em qualquer página pois corre o risco dele cai nas mãos dos spammers, e é aí onde a dor de cabeça começa, mas no site KEVINLEARY.net existe uma solução bem simples para você proteger seus e-mails contra spam com jQuery.

Tudo o que você tem a fazer é, além do uso do Framework jQuery, é utilizar a seguinte sintaxe:


<a href="[email]pedrorogerio[at]pinceladasdaweb[dot]com[dot]br" rel="email">Pedro Rogério</a>

Depois, a mágica feita com jQuery:


$(document).ready(function(){
	$("a[rel='email']").each(function(){
		// Modifica o valor de mailto:
		var mailtoVal = $(this).attr('href');
		mailtoVal = mailtoVal.replace("[email]","mailto:");
		mailtoVal = mailtoVal.replace("[at]","@");
		mailtoVal = mailtoVal.replace("[dot]",".");
		// Gera automaticamente a tag title para os usuários
		var mailtoTitle = mailtoVal.replace("mailto:","Email: ");
		$(this).attr('title',mailtoTitle);
		// Evento onClick
		$(this).click(function(){
			window.location.href = mailtoHref;
			return false;
		});
	});
});

Vamos a explicação: O Script irá procurar por links que contenham o atributo rel=”email”, e as ações executadas serão as seguintes:

  • [email]” será substituído por mailto:
  • [at]” será substituído por @
  • [dot]” será substituído por .

Se você não quer utilizar jQuery, aqui você pode encontrar uma outra solução.

Interface do iPhone em PSD

blog reactions Postado em: 4 de agosto de 2008 por Pedro Rogério
iPhone Interface

Caso um dia você precise da Interface do iPhone em PSD, é bom correr e efetuar o download, pois o site 320480.com está o disponibilizando gratuitamente.

Página 3 de 55«1234567»...Última Página »