Topic: Jquery version

This is the jquery version of cheveroto, build upon Jquery 1.4 and Chevereto 1.8. It should however work on/with old version too.

I did this just too see if i could and because some one asked for it.

Now what does it do?
Not really that much, i just ported the default Chevereto to jquery. By default it utilizes prototype and scriptaculous, which is fine and there is nothing wrong with it but they are big, all together it has to download 120kb, which means your site will be a bit slower. Now this isn't noticeable because the rest of the page is optimized. Using the version i made you only have to get about 23kb, a saving of about 100kb downloading.

But the real benefit which i think is because jquery is very easy to learn and has a great library of plugin you can just drop in. And now all functionality is provided by jquery you don't have to worry about conflicts.

What plugins are there?
look here: http://plugins.jquery.com/

Without further adue, Here is the link:
http://drop.io/gamerlv_chev
There are 3 files, the js only, base (just he php files/css/image/js) and a full with all the doc's, extentions and stuff of the original package.

Note on the js only packed: i have not included jquery itself because i use google cnd to load it up on this project. Using google to host jquery has some speed benefits and makes it possible to have it automatically use the latest version.

Have fun with it and please report any bugs found big_smile

Last edited by gamerlv (2010-03-16 12:19:53)

Thumbs up

Re: Jquery version

Please can you explain more what do this ?

Last edited by art0on (2010-03-16 12:02:23)

Thumbs up

Re: Jquery version

art0on wrote:

Please can you explain more what do this ?

Sorry for that, i made the topic a bit in a hurry and did not type it out completely. So i could give it to those who wanted it.
I have update the op

Thumbs up

Re: Jquery version

installed it demo where are the images i installed it same way asi did for normal chevereto [without jquery]

http://icemelts.co.cc/

Thumbs up

Re: Jquery version

.Ice wrote:

installed it demo where are the images i installed it same way asi did for normal chevereto [without jquery]

http://icemelts.co.cc/

I did not modify any files other then index.php and jquery-support.js
Your images are in the same folder as they have always been (site-img). However I get and 403 permission denied error when I try to access it on your site. Same with your lang folder, chmoding them to 775 should do the trick.

Last edited by gamerlv (2010-03-16 18:04:06)

Thumbs up

Re: Jquery version

Yay, I got it working on the demo http://demo.chevereto.com/ smile
But the save pref. is not working. Can you look up your code?

rodolfoberrios.com | PLEASE use Tech Support forums to ask for support!

Re: Jquery version

Rodolfo wrote:

Yay, I got it working on the demo http://demo.chevereto.com/ smile
But the save pref. is not working. Can you look up your code?

In what way not working?
I see a ajax call being made and a cookie named "prefurl" being added to my system when i check the box. I am calling it (pref.php) with the same parameters you did.

Thumbs up

Re: Jquery version

OK now i see what is, thanks for this great work. But i have a request from you. How to install this manual because i have costumized my design and when i replace with this my design is not anymore....

So i request from you on short points to tell me what codes to add on index.php and css (if have) and other... you know.
Sorry for double questions sad

Regards.

EDIT: I tryed but can't get working :S

Last edited by art0on (2010-03-17 06:06:25)

Thumbs up

Re: Jquery version

i corected the flaws its working now

Thumbs up

Re: Jquery version

.Ice wrote:

i corected the flaws its working now

What flaws? you may pm so i can update the js in the download if needed

art0on wrote:

OK now i see what is, thanks for this great work. But i have a request from you. How to install this manual because i have costumized my design and when i replace with this my design is not anymore....

So i request from you on short points to tell me what codes to add on index.php and css (if have) and other... you know.
Sorry for double questions sad

Regards.

EDIT: I tryed but can't get working :S

http://pastie.org/874251

Thumbs up

Re: Jquery version

gamerlv wrote:
Rodolfo wrote:

Yay, I got it working on the demo http://demo.chevereto.com/ smile
But the save pref. is not working. Can you look up your code?

In what way not working?
I see a ajax call being made and a cookie named "prefurl" being added to my system when i check the box. I am calling it (pref.php) with the same parameters you did.

Hmmm weird. yesterday was not working =/
Maybe was my browser or some.

Is working now.

rodolfoberrios.com | PLEASE use Tech Support forums to ask for support!

Re: Jquery version

Thanks gamerlv.
I installed but with a problem :S the same problem with .Ice look at his site http://icemelts.co.cc/ try remote upload when switch to remote upload it's not same as http://demo.chevereto.com/

im very sorry for double question but i don't know that much to correct this problem... so i request from you to see where is the problem.

Regards.

Thumbs up

Re: Jquery version

art0on wrote:

Thanks gamerlv.
I installed but with a problem :S the same problem with .Ice look at his site http://icemelts.co.cc/ try remote upload when switch to remote upload it's not same as http://demo.chevereto.com/

im very sorry for double question but i don't know that much to correct this problem... so i request from you to see where is the problem.

Regards.

I also noted that. It seems that the shake effect is not the same in scriptaculous because it wraps some blank space in divs, headings, etc. I don't know if this is a glitch or some.

But... I change the effect and I like it more now (see at the demo).

Regards.

rodolfoberrios.com | PLEASE use Tech Support forums to ask for support!

Re: Jquery version

Rodolfo wrote:
art0on wrote:

Thanks gamerlv.
I installed but with a problem :S the same problem with .Ice look at his site http://icemelts.co.cc/ try remote upload when switch to remote upload it's not same as http://demo.chevereto.com/

im very sorry for double question but i don't know that much to correct this problem... so i request from you to see where is the problem.

Regards.

I also noted that. It seems that the shake effect is not the same in scriptaculous because it wraps some blank space in divs, headings, etc. I don't know if this is a glitch or some.

But... I change the effect and I like it more now (see at the demo).

Regards.

Yeah and i also like it more now in the demo big_smile
So, how to make it? What to change...

Regards.

Thumbs up

Re: Jquery version

Change jquery_support.js to this:

/*
* Jquery support for cheveroto
* By: Gamerlv ( aka piratelv)
*contact piratelv@gmx.com
*/
// instead of this bit of code $.delay can be used, this will however break compatablity with jquery 1.3
$.fn.wait = function(time, type) {time = time || 1000; type = type || "fx"; return this.queue(type, function() {var self = this; setTimeout(function() { $(self).dequeue(); }, time); }); };
// ERROR
function error() {
    //Ask where this is for? id's not found
    /*
    //error close button
    $('#error span').append('<span id="error-close" style="font-size:8px;position:relative;top:-11px;right:-15px;background:red;text-decoration:none;"><a href="#">X</a></span>');
        $('#error-close a').click(function(){
            $('#error').fadeOut('500');
            return false;
        });    */
 
    //Redo if someone tried to resize a image above or below the max/min size
    $('#resize').focus(function(){
        $(this).parent().parent().stop(true,true).effect("highlight", {}, 1500);
    });
    $('#redo').click(function(){
        $(this).toggle();
        $('#enviando').toggle();
    });
 
};
 
// Prefrance panel
function pref() {
//make it not search the dom each time.
var $opened =  $('a#popen'), //The blue buton
    $closed = $('a#pclosed'), //The gray button
    $prefPanel = $('#pref-panel');
//Open the pref panel
    $closed.click(function(){
        $prefPanel.slideDown('slow');
        $opened.toggle();
        $(this).toggle();
    });
//Close the pref panel
    $opened.click(function(){
        $prefPanel.slideUp('slow');
        $closed.toggle();
        $(this).toggle();
    });   
//Accutaly change the cookie for preferances and hightlight
    $('#cortarurl').change(function(){
        $prefPanel.stop(true,true).effect("highlight", {}, 500);
        var checked = $(this).is(':checked') ? '1':'0';           
        var url = 'js/pref.php?url='+checked;
        $.ajax({ url: url });
        });
//Close button
    $('#savepref').click(function(){
        $prefPanel.slideUp('slow');
        $closed.toggle();
        $opened.toggle();
    });       
};
 
// Upload block and related
function upload() {
    var $localUP = $('#localUP'),
        $remoteT = $('a.remota'),
        $localT = $('a.local'),
        $uploadDiv = $('#contenedorupload'),
        $uploadBtn = $('#subir'),
        $resize = $('#resize'),
        $ropen = $('a#ropen'),
        $rclose =$('a#rclosed'),
        $progBar = $('#enviando');
    //Switch to the remote tab
    $remoteT.click(function(){
        $('#subir_local').fadeOut(.5);
        $('#subir_remota').wait(.5).fadeIn("slow");
        $('#linklocal').toggle();
        $('#linkremota').toggle();
        $('#remotaUP').focus();
    });
    //switch to the local tab   
    $localT.click(function(){
        $('#subir_remota').fadeOut(.5);
        $('#subir_local').wait(.5).fadeIn("slow");
        $('#linklocal').toggle();
        $('#linkremota').toggle();
        $('#localUP').focus();
    });
    //clicked effect on upload bar
    $uploadDiv.click(function(){
        $uploadDiv.stop(true,true).effect("highlight", {}, 1500);
    });
    //open resize box
    $rclose.click(function(){
        $(this).toggle();
        $ropen.toggle();
        $('#redimensionar-borde').slideDown("slow");
    });
    //close it
    $ropen.click(function(){
        $(this).toggle();
         $rclose.toggle();
        $('#redimensionar-borde').slideUp("slow");
    });
    //highlight effect on upload box
    $resize.click(function(){
        $(this).parent().stop(true,true).effect("highlight", {}, 1500);
    });
    //and fade out the upload button if pressed
    $uploadBtn.click(function(){
        $(this).toggle();
        $progBar.fadeIn('fast');
    });
 
};
 
function process() {
//Just add a scroll down to #share when share button clicked
$('#sharing').click(function(){
    $.scrollTo('#share');
    });
};
 
//
function viewer() {
    var $sopen =  $('a#sharing'),
        $sclose = $('a#sharing-close');
    //open up the share box and scroll to it   
    $sopen.click(function(){
        $('#share').slideDown('3000',function(){
            $.scrollTo('#share');
            }
        );
        $(this).toggle();
        $sclose.toggle();
    });
    $sclose.click(function(){
        $('#share').slideUp('3000');   
        $(this).toggle();
        $sopen.toggle();
    });
};
 
// Social labels
function social() {
//all descriptions,neatly in vars big_smile
var $d1 = $('#d-delicious'),
    $facebook = $('#d-facebook'),
    $google = $('#d-google'),
    $tumbler = $('#d-tumblr'),
    $twitter = $('#d-twitter'),
    $vis = $('#d-visualizeus');
 
    $('#delicious').mouseenter(function(){
        $d1.stop(true,true).fadeIn('fast');
        }
    ).mouseleave(function(){
        $d1.fadeOut('fast');
        }
    );
    $('#facebook').mouseenter(function(){
        $facebook.stop(true,true).fadeIn('fast');
        }
    ).mouseleave(function(){
        $facebook.fadeOut(0);
        }
    );
    $('#google').mouseenter(function(){
        $google.stop(true,true).fadeIn('fast');
        }
    ).mouseleave(function(){
        $google.fadeOut(0);
        }
    );
    $('#tumblr').mouseenter(function(){
        $tumbler.stop(true,true).fadeIn('fast');
        }
    ).mouseleave(function(){
        $tumbler.fadeOut(0);
        }
    );
    $('#twitter').mouseenter(function(){
        $twitter.stop(true,true).fadeIn('fast');
        }
    ).mouseleave(function(){
        $twitter.fadeOut(0);
        }
    );
    $('#visualizeus').mouseenter(function(){
        $vis.stop(true,true).fadeIn('fast');
        }
    ).mouseleave(function(){
        $vis.fadeOut(0);
        }
    );   
 
};
rodolfoberrios.com | PLEASE use Tech Support forums to ask for support!