abandone o getelementbyid => el micox

El Micox
Screen El Micox

Ranking: #188

Evolução no Ranking: rkdown.gif -11

Categoria: Tecnologia

Linkhttp://elmicox.blogspot.com
Feedhttp://feeds.feedburner.com/elmicox

Códigos e dicas javascript, css, html, php e desenvolvimento web em geral.

Evolução no Ranking(beta):

55.2,16.2,97.2,86.2

Ler mais Feeds de El Micox

“WTF mico? Are you Crazy?”

Calma malucada, não estou dizendo pra vocês voltarem ao século passado, quando referenciávamos os elementos via ‘document.all’ hehe. Na verdade este post é um incentivo pra vocês “apelidarem” alguns métodos e objetos, de forma facilitar a digitação de vocês.

//É que eu tava afim de fazer um título polêmico hahehahe

“Como assim?”

Estou cansado de ver códigos assim:

function juntaEnd(){
	var rua = document.getElementById('input_rua').value
	var num = document.getElementById('input_num').value
	var bairro = document.getElementById('input_bairro').value
	var cidade = document.getElementById('input_cidade').value
	var estado = document.getElementById('input_estado').value
	return rua+num+bairro+cidade+estado
}

Olha o tanto que o cara teve que digitar (ou copiar e colar). O tanto de bytes gastos com o ‘document.getElementById’.

Muitos dos meus inteligentes leitores já fazem de uma forma mais ‘legal’:

function get(quem) { return document.getElementById(quem) }
function juntaEnd(){
	var rua = get('input_rua').value
	var num = get('input_num').value
	var bairro = get('input_bairro').value
	var cidade = get('input_cidade').value
	var estado = get('input_estado').value
	return rua+num+bairro+cidade+estado
}

Olha só, muito melhor de ler, digitar, economizar banda hehaehae.
O nome da função ‘get’ poderia ser o que você quisesse. Eu por exemplo uso ‘$m’.

Existem várias outras funções mais poderosas que este ‘get’ simples mostrado. Pesquise, também, funções dos diversos frameworks existentes que facilitam o serviço.

Além de ‘apelidar’ o getElementById você pode apelidar outros objetos também de forma mais simples, caso não saiba. (Não lembro o nome real pra isso de ‘apelidar’ na literatura acadêmica de programação, se vocÊ souber ae me avisa nos comments hehe :P ) (O nome é ‘alias’ conforme foi lembrado pelo Maujor e Walter Cruz)

Exemplo:

var d = document
d.write('isto funciona, caracas!').
d.getElementById('input_nome').value = 'apelidando o document';

Um exemplo mais hard (mas pode te ajudar pois direto agente vê isto em scripts que baixa e fica boiando sem saber o que é):

(dc=document).write('o document também foi apelidado dessa maneira doida??')
dc.getElementById('input_nome').value = 'Sim!!';

Bom, é isso ae, por hoje é só! Acredito que, para os que não conheciam estes truques loucos, eu devo ter dado uma luz.
Só toma cuidado pois o uso indiscriminado sem comentários pode deixar seu código ilegível e complicar sua cabeça no futuro.

Adiós povo. Não se esqueçam de participar do desafio Webly de Natal em Flash (valendo 1 pendrive 4Gb) ok?

7
yoompies
Indicar que gostei deste artigo Indicar que não gostei deste artigo

Abandone o getElementById


tags  

,

,

“WTF mico? Are you Crazy?”


Calma malucada, não estou dizendo pra vocês voltarem ao século passado, quando referenciávamos os elementos via ‘document.all’ hehe. Na verdade este post é um incentivo pra vocês “apelidarem” alguns métodos e objetos, de forma facilitar a digitação de vocês.


//É que eu tava afim de fazer um título polêmico hahehahe


“Como assim?”


Estou cansado [...]






Ler artigo "Abandone o getElementById" em seu site de origem »



Artigos recentes deste blog



Assinar o Feed
Assinar o feed para este Blog





3
yoompies
Indicar que gostei deste artigo Indicar que não gostei deste artigo

Detesta burocracia no desenvolvimento? Getting Real neles


“Getting Real” (traduzido como “Caindo na Real”) é um livro e que descreve uma metodologia de desenvolvimento de negócios na internet.
Eu já tinha lido ele há muito tempo, mas ainda não tinha comentado ou implementado. Tô meio atrasado (o mundo inteiro já deve ter lido este livro) mas bora lá.
Ela prega que, a partir do [...]


Ler mais »




5
yoompies
Indicar que gostei deste artigo Indicar que não gostei deste artigo

Plugins essenciais pra Wordpress na opinião do Mico


Pacote de plugins essenciais pra Wordpress na opinião deste Mico que vos fala.
Toda instalação de wordpress que eu faço (que não são muitas) eu uso os seguintes plugins que facilitam pra caramba minha vida. Acho que eles já deveriam vir (pelo menos alguns) no pacote inicial do wordpress hahehaehe.
Se você têm mais ae, sugira nos [...]


Ler mais »


82
yoompies
Indicar que gostei deste artigo Indicar que não gostei deste artigo

Eu odeio a Brasil Telecom, seu call-center, sua URA e seus líderes


Cenário real: A conta telefônica do senhor X, mais um dos zilhões dos clientes da Brasil Telecom, chega com valores indevidos. Ele tenta, por vários dias, ligar para a central de atendimento e corrigir os valores indevidos para poder pagar. Nunca consegue. Certo dia, um robô da Brasil Telecom, liga na casa do senhor X [...]

Ler mais »


9
yoompies
Indicar que gostei deste artigo Indicar que não gostei deste artigo

Redirecionamentos http 301 em várias linguagens/servidores


Como alguns já sabem, a comunidade/fórum de desenvolvimento web ievolution mudou seu nome para Webly.


Foi necessário, então, fazer um redirecionamento de domínio para apontar para o novo Webly (webly.com.br). O cpanel cuidou de tudo direitinho, os users do fórum mal perceberam, não perdemos links e nem pagerank, graças ao bom e velho redirecionamento http 301.


Existem [...]


Ler mais »


7
yoompies
Indicar que gostei deste artigo Indicar que não gostei deste artigo

Abandone o getElementById


“WTF mico? Are you Crazy?”


Calma malucada, não estou dizendo pra vocês voltarem ao século passado, quando referenciávamos os elementos via ‘document.all’ hehe. Na verdade este post é um incentivo pra vocês “apelidarem” alguns métodos e objetos, de forma facilitar a digitação de vocês.


//É que eu tava afim de fazer um título polêmico hahehahe


“Como assim?”


Estou cansado [...]


Ler mais »


7
yoompies
Indicar que gostei deste artigo Indicar que não gostei deste artigo

Funções Javascript equivalentes a funções PHP


Holá senhores e senhoras,
Hoje volto para mostrar um projeto muito interessante: PHP to Javascript Project: php.js
Vendo o tanto de gente querendo funções equivalente do PHP no javascript, os malucos tiveram a idéia de portar grande parte das funções do PHP para o javascript, usando a sintaxe mais próxima possível do php.
Assim, acabam ajudando a galera [...]


Ler mais »




13
yoompies
Indicar que gostei deste artigo Indicar que não gostei deste artigo

Combo de estados e cidades em ajax - Seus problemas acabaram


Quer fazer aquela conhecida dupla de select’s com os estados e, ao lado, as cidades respectivas mas está cansado de quebrar a cabeça?
Cansado de tentar entender ajax pra fazer isto?
Cansado de tentar organizar um banco de dados pra isto?
Cansado de aguardar o navegador carregar (loading) as mil cidades que têm?
SEUS PROBLEMAS SE ACABARAM-SE!!!
O grande DGMike [...]


Ler mais »


18
yoompies
Indicar que gostei deste artigo Indicar que não gostei deste artigo

Como diminuir a probabilidade de ter seu carro furtado sem gastar dinheiro, apenas com matemática


Hohoho, olá senhoritos e senhoritas. Não sei se alguém ainda acompanha esta bagaça mas após alguns anos de férias o senhor Mico está de volta! Com menos tutoriais, com menos scripts, com menos tempo mas, ainda assim, está parcialmente de volta. hohohooo
Antes de explicar os motivos dos poucos tutoriais, vamos ao assunto principal do título [...]


Ler mais »


12
yoompies
Indicar que gostei deste artigo Indicar que não gostei deste artigo

Drag and Drop - mover e arrastar divs e elementos


Prosseguindo com alguns códigos que uso sempre, abaixo mostro um drag-n-drop feito pelo tmferreira e corrigido por mim. Logicamente serve pra arrastar e mover elementos, divs, etc.


Uso ele quando não to afim de usar libs completas como o jquery.


Vou deixar direto o código completo até com o exemplo de uso. É só salvar o conteúdo [...]


Ler mais »


10
yoompies
Indicar que gostei deste artigo Indicar que não gostei deste artigo

Mini-lib CSS Reset do Micox - Sim ele voltou


Helou senhores.
Muito tempo sem postar. Na verdade tava até pensando em abandonar o elmicox aqui, sei lá. Postar dá trabalho e toma tempo.


Mas daí lembrei que este troço aqui é meu repositório de códigos. Muito melhor que pastas do windows, muito melhor que zip, rar, melhor que ter que procurar em zilhoes de arquivos onde [...]


Ler mais »


15
yoompies
Indicar que gostei deste artigo Indicar que não gostei deste artigo

5 convites ?di grátis? para o EWD-RJ sorteados no Webly


Post rápido promocional do Webly macacada. Quem for do Rio de Janeiro, aproveite que é ‘di grátis’:
Promoção relâmpago do Webly para o 13º EWD-RJ, Famoso Encontro de Webdesign promovido pela Arteccom da Revista Webdesign.
A Arteccom deu 5 convites para o EWD - Rio de Janeiro de presente para os membros do Webly

Iremos fazer uma espécie [...]


Ler mais »


12
yoompies
Indicar que gostei deste artigo Indicar que não gostei deste artigo

Zumbis


Chega um pouco de falar de javascript, css, programação, concordam?
Hoje o mico vai papear e falar sobre zumbis. “What?!?” - Isso mesmo, zumbis comedores de carne humana.


Em breve, vocês vão ver seu leitor de feeds lotar com notícias sobre o tal filme de zumbis rodado em Brasília.
O motivo é uma promoção do atoouefeito dando camiseta [...]


Ler mais »


7
yoompies
Indicar que gostei deste artigo Indicar que não gostei deste artigo

Homer em CSS puro - sem imagens


Pois é…


Tem que tá com muuuuito tempo sobrando, ter muita criatividade e domínio do CSS. E o pior é que não ficou bizarro. O negócio ficou bom, muito bom.


Autor: Román Cortés


Descoberto via: Dkcell






o


o


o


o





(



O


O


O


\


L


(


O


O




O


O


O


\


L


(


O


















|


|


\


\


|


|


\


\


\


\


(


(


8


o


o


o




(


(


8


o


o


o







o


)


)


b


o


O


o


o


o


o


o




o


)


b


o


O


o


o


o


o


o


o


o


o


o


/


/


/























_


_


_











C


C







O


(


-


Ler mais »


8
yoompies
Indicar que gostei deste artigo Indicar que não gostei deste artigo

Help CHM da API do jQuery, Leilão El Micox e outras notícias


“Ôlha só quem estâ de vôoolta, êle mêêsmo, o Micôx, com notícias quentinhas. É fantâârdigo.” - Cid Moreira sobre Nova postagem no El Micox

Ae malucada, comecemos falando sobre a lentidão ao acessar o site do jquery, principalmente quando estamos apressados atrás de uma documentação sobre a api.
Porém há uma luz no fim do tunel. Em [...]


Ler mais »


7
yoompies
Indicar que gostei deste artigo Indicar que não gostei deste artigo

Leilão no El Micox por banner - tentativa


Olá Sr. Senhor, que tal um banner com link do seu site alí em cima?


O Sr. Micox não ganha um mísero centavo para ficar postando tutoriais e códigos bala aqui e tava afim de explicar financeiramente para a patroa “por que motivos ele fica na frente do computador fazendo códigos pros outros em vez de [...]


Ler mais »


5
yoompies
Indicar que gostei deste artigo Indicar que não gostei deste artigo

Desafio Webly de Layouts - valendo pendrive, revista webdesign, camisetas, mousepads


Pois é pois é pois é.


O desafio da vez no Webly é o:


“tchanaaam!!!” - Desafio WeblY de layouts! Como será o layout do Portal Webly em 2050?


Como o Webly é o mais superfodástico portal e fórum de tutoriais web, conseguimos vários patricínios e grana para poder oferecer VÁRIOS prêmios aos participantes deste desafio:


Pendrive da Emporio [...]


Ler mais »


7
yoompies
Indicar que gostei deste artigo Indicar que não gostei deste artigo

Ultimate Micox Menu drop-down CSS - até 4 níveis


HOoooaa. E ae malucada.


Há um tempo eu venho brigando em busca do código de menu css drop-down perfeito.
Eu queria um menu dropdown css pra copiar e colar, simples, rápido, sem precisar de configurações.
Apenas copiar/colar no meu CSS, definir cor e largura dos itens, usar a classe no html e pronto. E tudo funcionando nos navegadores [...]


Ler mais »




Logo Yoomp