Posts tagged jQuery
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 >
15 plugins da jquery que não podem faltar no seu projeto.
Dec 18th
Lightbox;
http://leandrovieira.com/projects/jquery/lightbox/
Accordion;
http://bassistance.de/jquery-plugins/jquery-plugin-accordion/
Form Validate;
http://bassistance.de/jquery-plugins/jquery-plugin-validation/
Pagination;
http://plugins.jquery.com/project/pagination
DataTables
http://www.datatables.net/examples/example_zero_config.html
Jquery Flash
http://jquery.lukelutman.com/plugins/flash/
jCarrousel
http://sorgalla.com/jcarousel/
Stylish Select Box
http://www.scottdarby.com/2009/05/jquery-plugin-stylish-select-unobstrusive-select-box-replacement/
Feature List
http://jqueryglobe.com/article/feature-list
Masked Input
http://digitalbush.com/projects/masked-input-plugin/
Password Strength Meter
http://mypocket-technologies.com/jquery/password_strength/
Custom Check Box and Radio Buttons
http://mypocket-technologies.com/jquery/cust_radio_buttons/
AutoComplete
http://dyve.net/jquery/?autocomplete
DatePicker
http://www.jqueryui.com/demos/datepicker/
File Upload
http://www.fyneworks.com/jquery/multiple-file-upload/
Ta ai, alguns plugins que não podem faltar nos nossos projetos.
Até a próxima.
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