Client-Side: HTML CSS JavaScript
Desenvolvimento WEB: O Céu é o limite
jQuery
Como usar o $.inArray do jQuery corretamente
É muito útil usar jQuery para as aplicações web. No entanto, é sempre muito bom ficar atento com a sua sintaxe. Veja um exemplo abaixo de como usar corretamente o $.inArray() do jQuery. Neste exemplo, vamos simplesmente procurar pelo país Brasil dentro de um array com vários países. arrPaises = new Array(); arrPaises[0] = “Brasil”; [...]
Tags: array, inArray, JavaScript, jQuery
Posted in jQuery | No Comments »
Removendo atributos usando jQuery
Para remover atributos de elementos HTML usando a biblioteca jQuery fica fácil. Veja o código abaixo. jQuery.fn.removeAttributes = function() { return this.each(function() { var attributes = $.map(this.attributes, function(item) { return item.name; }); var elemento_escolhido = $(this); $.each(attributes, function(i, item) { elemento_escolhido.removeAttr(item); }); }); } Este código cria, podemos dizer um plug-in para remover todos os [...]
Tags: atributos, HTML, jQuery, plugin, plugin jQuery
Posted in Plugins | 2 Comments »
Criando gráficos com jQuery e o plugin Charts
Gerar um gráfico, com uma barra horizontal, usando o framework jQuery é muito simples. Basta você fazer o dwonload do plugin jquery.charts.js e escrever uma tabela com alguns dados organizados de forma lógia e pronto. No HTML <table id=”stats”> <caption>Estatística</caption> <thead> <tr> <th>Navegador</th> <th>Usuários</th> </tr> </thead> <tfoot> <tr> <td>Total</td> <td>100</td> </tr> </tfoot> <tbody> <tr> <td>Mozilla [...]
Tags: Charts, gráfico, JavaScript, jQuery, plugin
Posted in Charts | No Comments »
Como selecionar e deselecionar todos os checkbox usando jQuery
É muito comum no dia a dia de um programador JavaScript ter que selecionar e deselecionar todos os checkbox em uma aplicação WEB. Para isso funcionar é muito simples. Basta usar o jQuery. Veja um exemplo abaixo: No HTML <form id=”frmCarrinho” name=”frmCarrinho”> <fieldset> <legend>Produtos:</legend> <label for=”prod01″>Livro 01:</label> <input type=”checkbox” name=”prod[]” id=”prod01″ value=”prod01″ /> <label for=”prod02″>Livro [...]
Tags: a, a href, array, checkbox, href, JavaScript, jQuery, link
Posted in Formulários | 8 Comments »
Como pegar os valores selecionados em um checkbox usando jQuery
Em um formulário, é muito comum existir valores de entrada de dados contidos em um checkbox, que é na verdade um tipo de input para múltipla seleção. Veja um exemplo: Em um formulário, pode ser necessário o usuário escolher quais são os produtos que quer excluir do carrinho de compra. Para isso vamos usar o [...]
Tags: .each, checkbox, formulário, formulários, input, JavaScript, jQuery, selecionado
Posted in Formulários | 9 Comments »
O coração do jQuery
Para aproveitar de todo o poder do jQuery basta usar o caractere $ e começar a programar. O caractere $ é um apelido para o construtor jQuery que pode ser visto no exemplo abaixo: jQuery(); O código acima é o construtor do jQuery. No entanto para facilitar o uso do jQuery, uma vez que dentro [...]
Tags: coração, jQuery, noConflict
Posted in Métodos | No Comments »
O método .find() do jQuery
O método .find() procura por uma ocorrência em um determinado elemento. É muito comum o uso deste método em conjunto com o método .each(). Veja abaixo um exemplo de utilização do método .find(). $(“table”).find(“tr#a124 td”).each(function(){ alert($(this).text()); }); O código jQuery acima está percorrendo toda a tabela a procura de um elemento tr que tenha um [...]
Tags: .each, .find, JavaScript, jQuery
Posted in Métodos | No Comments »
$.post do jQuery e Ajax
Usar o método post do jQuery para fazer uma interação com Ajax em um sistema web é muito tranquilo. Algumas pessoas, por falta de conhecimento, acabam falando besteira ou não usando esta incrível biblioteca que é o jQuery em seus projetos WEB, e com isso o cliente acaba ficando prejudicado. Veja como é simples a [...]
Tags: Ajax, JavaScript, jQuery, post
Posted in jQuery, post | 3 Comments »
Iniciando com o JavaScript
O JavaScript é uma Linguagem de Programação client-side, que roda no cliente, ou seja, roda na máquina da pessoa que está acessando o site, e não no servidor. Esta linguagem é interpretada, e não compilada, uma vez que o navegador irá interpretar os códigos à medida que as ações do site forem acontecendo, como por [...]
Tags: DOM, JavaScript, jQuery
Posted in jQuery | No Comments »
Manipulando o DOM utilizando o método jQuery .clone()
O .clone() é um método que executa uma cópia profunda do conjunto de elementos HTML determinado, o que significa que ele copia os elementos indicados e todos os elementos de seus descendentes e nós de texto. Veja o código HTML abaixo: <div class=”destaque”> <div class=”primeira_parte”>XPTO</div> <div class=”segunda_parte”>QWERTY</div> </div> Veja que no código HTML acima existem [...]
Tags: clone, DOM, HTML, jQuery
Posted in Manipuladores do DOM | No Comments »
Acessando todos os cabeçalhos de um documento HTML utilizando jQuery
Se por algum motivo, dentro de um contexto de programação JavaScript, você precisar acessar todas as ocorrências de cabeçalho do documento HTML, h1, h2, …, h6, você pode usar o seletor :header do jQuery facilmente. $(“:header”).css(“color”, “blue”); Só isso. Com o código acima todos os cabeçalhos do seu documento HTML foram modificados para a cor [...]
Tags: cabeçalho, header, HTML, JavaScript, jQuery, seletor
Posted in Seletores | No Comments »
Colorindo linhas específicas de uma tabela HTML com a ajuda do jQuery
Neste tutorial, você vai aprender como colorir algumas linhas específicas de uma tabela HTML, após ela já estar totalmente carregada no navegador. Para isso funcionar perfeitamente, vamos usar o framework jQuery, que pode ser baixado no seguinte endereço: http://jquery.com/. O primeiro passo é construir a tabela. Veja o código HTML abaixo: <table id=”tb1″ border=”1″> <thead> [...]
Tags: colorir, css, framework jQuery, HTML, JavaScript, jQuery, linha, table
Posted in jQuery | No Comments »