Por uma web mais segura
Javascript
Substituir quebra de linha com javascript
Nov 16th
Dica rápída! - Como substituir quebra de linha por qualquer caractere utilizando javascript
// Strip out all line breaks. function substitueQuebradelinha(strMultiLineText, replaceWith=""){ var strSingleLineText = strMultiLineText.replace(new RegExp( "\\n", "g" ),replaceWith); return strSingleLineText; } // Para utilizar faça assim: var texto="Meu texto com quebras de linha"; substitueQuebradelinha(texto, "");
Simulando tabindex com jquery
Nov 3rd
$('.campo').keypress(function(e){ op = (e.shiftKey) ? -1 : 1; if (e.keyCode==9){ $(this).blur(function(){ nextindex = parseInt($(this).attr('tabindex')) + op getfocus = $('input[index='+ String(nextindex) + ']') getfocus.focus() getfocus.select() } })
base_url() no javascript
Out 29th
Olá a todos, como não poderia deixar de compartilhar com vocês, segue mais uma funçãozinha que peguei no blog do snipplr desta vez, algo que é usado constantemente por programadores php e que muitas vezes queremos fazer algo “inteligente” com o javascript.
function get_settings() {
var doc_location = document.location.href;
var url_strip = new RegExp("http:\/\/.*\/");
var base_url = url_strip.exec(doc_location);
var settings = { "base_url" : base_url }
return settings;
}
settings = get_settings();
alert(settings.base_url);
jQuery lightBox com CodeIgniter
Out 20th
Implementando o “exelente” jQuery lightbox plugin com CodeIgniter
Foi atravéz da matéria do Leandro Vieira (iMasters) que implementou o Lightbox JS criado pelo Lokesh Dhakar, e outra do Gin2 (wiki do CodeIgniter), que resolvi inseri este plugin como biblioteca no codeigniter, dando ao usuário maior praticidade na hora do desenvolvimento e aplicação de lightbox em suas galeria.
Escolhi o jQuery lightbox plugin, porque além de bastante simples, faz o trabalho com maestria (parabéns Leonardo).
“Para este exemplo, estou levando em consideração que você tenha uma instalação do CI funcionando.”
1° PASSO
Baixe a última versão da biblioteca jQuery lightbox plugin e disponibilize em uma pasta da sua instalação do More >
Busca de CEP presonalizada
Jul 31st
Olá a todos!
Depois de algum tempo sem postar, estou “me permitindo” atualizar o blog com mais uma dica utilizando o jQuery, implementado a partir do artigo encontrado no blog “Ajaxianos” do Wender Lima.
Desta vez um busca por cep onde você dita as regras.
Let’s go –>
Requerimentos:
- jquery.js
- busca_cep.js
Download: busca_cep.js
Demonstração: exemplo do Busca CEP
Documentaçao:
No header do seu formulário, inicialize a biblioteca busca_cep.js
<script language="javascript" src="js/busca_cep.js" type="text/javascript"></script>
Defina as opções obrigatórias (target e campos)
Options ={ target: "name_do_campo_cep", campos: { "rua" :"name_do_campo_rua", "bairro" :"name_do_campo_bairro", "cidade" :"name_do_campo_cidade", "estado" :"name_do_campo_estado" } };
Chamar o método initForms(opções)
initBuscaCep(Options)
*Obs. Você pode decidir quais campos quer preencher (rua, bairro, cidade, estado) passando o name dos inputs como valor More >
jqFormulator – Carregando formulários com jQuery
Abr 14th
Olá pessoal!!
Às vezes, nas brincadeiras de fim de semana, nos vem inspiração para resolver probleminhas do nosso cotidiano. Foi desta forma que resolvi criar uma “bibliotecazizinha” com jQuery que carregasse grandes formulários em uma página (magentopia) no estilo formulator, mas que desse ao usuário final uma experiência agradável ao ter que preencher cansativos passos destes formulários de cadastro.
Estou falando da jqFormulator, que está na versão “ontem.de.madrugada.1″ e tambem está aberta a novas idéias e melhoramentos.
Requerimentos:
- jquery-1.3.2.min.js >
- jqFormulator.js
Download: jqFormulator.js
Demonstração: exemplo do jqFormulator
Documentaçao:
No header do seu formulário, inicialize a biblioteca jqFormulator.js
<script language="javascript" src="js/jqFormulator.js" type="text/javascript"></script>
Defina as opções obrigatórias (titles e files)
Options ={ type: "POST", titles: Array("Passo More >
Simulando virar de páginas com javascript
Nov 21st
Exelente tutorial passo a passo para simular o virar de páginas com javascript.
http://www.oreillynet.com/pub/a/javascript/2004/09/03/flashhacks.html?page=1
