theming & use of ajax with jQuery

Submitted by admin on Wed, 05/19/2010 - 12:17

Mis primeros pasitos con jQuery ;)

<code>
(function($){
$(document).ready(function(){
$('#main').find('.tabs ul').css({'borderBottom':'solid 1px','borderColor':'black'});
$('#main').find('.tabs ul li a').css({'borderColor':'black'});
$('#main').find('.tabs ul li a.active').css({'borderBottom':'solid 1px #fff'});
});
})(jQuery)
</code>

<code>
(function($){
$(document).ready(function(){
$('body').find('.tabs:first ul li:nth-child(3) a').addClass('rock cumbia');
});
})(jQuery);
</code>

<code>
(function($){
$(document).ready(function(){
$('#block-menu-devel h2.title').hover(
function(){$(this).css({'font-size':'3em','color':'red'});},
function(){$(this).css({'font-size':'1em','color':'#777'});}
);
});
})(jQuery);

</code>

<code>
(function($){
$(document).ready(function(){
$('#block-menu-devel').children('h2.title').css({'cursor':'pointer'}).click(
function() {
$(this).siblings().slideToggle('1000');
}
);
});
})(jQuery);
</code>

<code>
$('html *').filter('[class^=block]').addClass('salsa').css({'backgroundColor':'#fff','border':'solid 1px #777'});
</code>

<code>
$('li.node_read_more a').click(function(){
var url = $(this).attr('href');
var link = this;
$.get(url,function(data) {
var $content = $('.node .content', data);
var html = $content.html();
$(link).parents('div.node').find('div.content').html(html);
$(link).hide();
});
return false;
});

<code>
(function($){
$(document).ready(function(){
img = $('#logo img')
$('.node .content').prepend(img.addClass('pos').css({'float':'left','margin-right':'10px'}))
});
})(jQuery);
</code>

</code>

<code>
(function($){
$(document).ready(function(){
$('li.node_read_more a').click(function(){
url = $(this).attr('href');
link = this;
$.get(url,function(data){
var $content = $('.node .content', data);
var html = $content.html();
console.log($content);
$(link).parents().find('#header').html(html);
});
return false;
});
});
})(jQuery)

</code>

<code>
$("table.views-table").each(function () {
var index = $("table.views-table").index(this);
$(this).addClass('table-' + index);
});

</code>

<code>
$('.field-label').click(function(){
$('.imagecache-150x150').animate({
opacity:0.25,
height: 'toggle',
}, 5000, function(){});
});
</code>

<code>
$('h2.title').click(function() {
$(this).siblings('.content').slideToggle('1000');
return false;
});
</code>

<code>
$(window).load(function () { // sólo carga cuando toda la página ha cargado, asi nos aseguramos que el link generado por el Apture está completo
$('.field-field-archivo .field-items .field-item').each(function(){
var link;
link = $(this).find('a.aptureLink').attr('href');
$(this).find('.filefield-icon').wrap('<a href="' + link + '" target="_blank" title="Haga click aquí para descargar el archivo">');
});
});
</code>

<code>
var arreglo = new Array;
$('.node').each(function(index){
arreglo[index] = $(this).find('.title').text();
});
for (x in arreglo) {
console.log(arreglo[x]);
}

</code>
<code>
mimes = navigator.mimeTypes;
console.log(mimes)
for (x in mimes) {
console.log(mimes[x].description);
}
</code>

Etiquetas