Simples assim
Ajax
Um pouco de ajax.
Combobox de Estados e Cidades com jQuery
Jul 29th
Olá,
Eu sei que todo mundo ja teve uma vez, algum problema com combobox de estados e cidades brasileiras,
utilizamos varias técnicas com ajax para fazer isso, mas hoje, vou mostra uma maneira muito mais simples
e muito mais rapida, utilizando a jQuery.
Primeiramente, não precisa ser nenhum expert em jQuery para fazer isso, basta conhecer as funções
e saber para que elas server, e com isso, só botar a criatividade em prática.
More >
Marcar e Desmarcar checkbox com a jQuery.
Apr 15th
Olá, hoje vou mostrar uma forma simples de se trabalhar com checkbox com a jquery. Lembrando de sempre prestar atenção nos códigos que não tem erro.
Vamos lá, como sempre, vou postar o código e explicar em comentários o que cada linha faz, acho essa técnica muito mais eficaz.
Primeiramente vamos ao nosso html.
<!--
Esse id checkCheckbox é o "pai" dos id`s, então quando ele foi clicado
vai executar a ação do js que iremos criar.
-->
<input type="checkbox" id="checkCheckbox"/>
<br />
<ul>
<!--
as classes checkboxes são as filhas do id checkCheckbox, então
quando o checkCheckbox foi clicado, vão marcar ou desmarcar
os checkboxes que tenham a class checkboxes.
-->
<li><input type="checkbox" name="checkbox[]" class="checkboxes" value=""/></li>
<li><input type="checkbox" name="checkbox[]" class="checkboxes" value=""/></li>
<li><input type="checkbox" name="checkbox[]" class="checkboxes" value=""/></li>
<li><input type="checkbox" name="checkbox[]" class="checkboxes" value=""/></li>
<li><input type="checkbox" name="checkbox[]" class="checkboxes" value=""/></li>
<li><input type="checkbox" name="checkbox[]" class="checkboxes" value=""/></li>
<li><input type="checkbox" name="checkbox[]" class="checkboxes" value=""/></li>
<li><input type="checkbox" name="checkbox[]" class="checkboxes" value=""/></li>
</ul>
Esse id checkCheckbox é o "pai" dos id`s, então quando ele foi clicado
vai executar a ação do js que iremos criar.
-->
<input type="checkbox" id="checkCheckbox"/>
<br />
<ul>
<!--
as classes checkboxes são as filhas do id checkCheckbox, então
quando o checkCheckbox foi clicado, vão marcar ou desmarcar
os checkboxes que tenham a class checkboxes.
-->
<li><input type="checkbox" name="checkbox[]" class="checkboxes" value=""/></li>
<li><input type="checkbox" name="checkbox[]" class="checkboxes" value=""/></li>
<li><input type="checkbox" name="checkbox[]" class="checkboxes" value=""/></li>
<li><input type="checkbox" name="checkbox[]" class="checkboxes" value=""/></li>
<li><input type="checkbox" name="checkbox[]" class="checkboxes" value=""/></li>
<li><input type="checkbox" name="checkbox[]" class="checkboxes" value=""/></li>
<li><input type="checkbox" name="checkbox[]" class="checkboxes" value=""/></li>
<li><input type="checkbox" name="checkbox[]" class="checkboxes" value=""/></li>
</ul>
Depois de termos definido as classes e os id`s, vamos criar a nossa jquery.
$(document).ready(function(){
$("#checkCheckbox").click(function()
{
//Verifica se esta checado ou não.
var check_uncheck = this.checked;
//Essa função each serve pra fazer iterações entre arrays.
$(".checkboxes").each(function()
{
//Check/Uncheck, cada clique no #checkCheckbox define o status, se é check ou uncheck
this.checked = check_uncheck;
});
});
});
$("#checkCheckbox").click(function()
{
//Verifica se esta checado ou não.
var check_uncheck = this.checked;
//Essa função each serve pra fazer iterações entre arrays.
$(".checkboxes").each(function()
{
//Check/Uncheck, cada clique no #checkCheckbox define o status, se é check ou uncheck
this.checked = check_uncheck;
});
});
});
Bem simples não?
Veja um exemplo do código em funcionamento, aqui.
Alternativa para o uso do siFR com o cakephp
Feb 6th
Olá,
Recentemente em alguns projetos, a nossa equipe precisou usar fontes que não são de sistemas em titulos e textos espalhados pelo site, tentamos usar o siFR mas não deu muito certo, pois a gente precisava trocar algumas labels com ajax e não funcionaria ja que ele cria o embed da font assim que o site é carregado.
Então, devido a esse grande problemas que encontramos pela frente, resolvi utilizar um helper do cakephp para transformar aquele texto em imagens de 4k cada.
Depois da ideia ter sido aprovada, então começei a criar, vamos la.
More >
Galeria com jQuery e Ajax
Jun 18th
Hoje vou mostrar como é simples fazer um galeria de imagens com jquery e ajax.
Com a jquery vamos fazer os efeitos para as imagens e com o Ajax vamos fazer o carregamento das imagens.
Vamos la, primeiro vc precisa do plugin da jquery.
Agora vamos criar a função para mostrar as imagens
$(function(){
$("#boxImages").find("a").click(function(){
var loader = $(".loading");
var newImage = $(this).attr('href');
var bigImage = $('#fullImage img').not(".loading");
$.ajax({
type:"GET",
url: $(this).attr('href'),
success:function(data){
},
complete: function(){
loader.hide();
},
beforeSend: function(){
loader.show();
bigImage.attr('src', newImage);
}
});
return false;
});
});
$("#boxImages").find("a").click(function(){
var loader = $(".loading");
var newImage = $(this).attr('href');
var bigImage = $('#fullImage img').not(".loading");
$.ajax({
type:"GET",
url: $(this).attr('href'),
success:function(data){
},
complete: function(){
loader.hide();
},
beforeSend: function(){
loader.show();
bigImage.attr('src', newImage);
}
});
return false;
});
});
Comentários recentes