upload2.us Layout - coded

[Markshall]

You may have seen my other thread getting an opinion on a layout I designed for my website, upload2us - Get Google Chrome - anyway, I received good feedback from it so I decided to code it.

Here is an image of my result:


Personally I'm proud of it - I'm glad I spent the time I did creating it because I'm pleased with my outcome.

I have also uploaded a demo of the layout so you guys can test it out.

upload2.us • Home

All feedback will be appreciated. Thanks.

[MentaL]

[billybombill]

I would recommend increasing line-height on the main paragraph though, it seems squished. Other than that its awesome :D

[Markshall]

Thanks for the idea and feedback. I've fixed line-height now :).

[Caustik]

It's very clean and looks pretty awesome, good one Mark

[Alexx.]

Nice, was waiting for this layout to be released.

[Markshall]

Thanks for the feedback :D

I think it's time to start coding the PHP into it tomorrow.

Alexx., where did you hear about it?

[Chris]

It looks sexy. The drag to upload is a good idea for the new version as well.

good job ^_^

[Lautaro]

looks nice..

i would just suggest changing "we accept anything except" to "we accept everything except".

[WizCoder]

Looking real nice.

[foxx]

unfortunately extremely messy

---------- Post added at 10:37 AM ---------- Previous post was at 10:28 AM ----------

heavy weight coded as well..

I've done this ages ago Grafické studio F13 | upload uploading something is matter of seconds, not a single refresh

[Justei]

unfortunately extremely messy

---------- Post added at 10:37 AM ---------- Previous post was at 10:28 AM ----------

heavy weight coded as well..

I've done this ages ago Grafické studio F13 | upload uploading something is matter of seconds, not a single refresh

Well, isn't that just uploadify and some simple cssing? :P

[foxx]

You tell me.

It's uploadify AND just this.


<script type="text/javascript" src="/scripts/jquery.center.js"></script>
<script type="text/javascript" src="/scripts/ZeroClipboard.js"></script>

function fadeOutPop() {
    jQuery('.popMsg').fadeOut("slow", function() {
        jQuery('.popMsg').remove();
    });

}
var timeout;

var clip = null;

function $(id) { return document.getElementById(id); }

function init() {
    // Enable Rich HTML support (Flash Player 10 Only)
    ZeroClipboard.setMoviePath( '/scripts/ZeroClipboard10.swf' );
    
    // Create our clipboard object as per usual
    clip = new ZeroClipboard.Client();
    clip.setHandCursor( true );
    
    clip.addEventListener('mouseOver', function (client) {
        // update the text on mouse over
        clip.setText( $('urlToFile').value );
    });
    
    clip.addEventListener('complete', function (client, text) {
            jQuery("body").append('<div class="popMsg"><div class="popMsgInside">Úspěšně zkopírováno do schránky</div></div>');
            
            jQuery('.popMsg').center();

            clearTimeout(timeout);
            timeout = setTimeout('fadeOutPop()', 2000);

            
            jQuery('.popMsg').click(function() {
                fadeOutPop();
            });
    });

    
    clip.glue( 'd_clip_button' );
}


jQuery(document).ready(function() {
    init();
    
    //alert(jQuery("#browser").val());
    jQuery("#uploadify").uploadify({
        'uploader'       : 'scripts/uploadify.swf',
        'script'         : '/upload.php?browserip='+jQuery("#browser").val()+' / '+jQuery("#ip").val(),
        //'script'         : '/upload.php?browser=sfd&asfa=sdfs',
        'cancelImg'      : '/images/cancel.png',
        'folder'         : 'uploads',
        'queueID'        : 'fileQueue',
        'auto'           : true,
        'fileDesc'         : 'Typ souboru',
        'fileExt'         : '*.pdf;*.rar;*.zip;*.jpg;*.png;*.gif;*.bmp;*.exe;*.psd;*.jpeg;*.7z;*.doc;*.txt;*.xls;*.docx;*.xlsx;*.pptx;*.crd;',
        'multi'          : false,
        'buttonText'     : 'Vybrat soubor',
        
        'onError'         : function (a, b, c, d) {
                                console.log(d);                        
                            },    
        
        'onComplete'     : function (a, b, c, d) {
                                //console.log(d);
                                
                                if (d != 0) {
                                    var json = eval('(' + d + ')');
                                    
                                    if (json.list) {
                                        jQuery("#files").prepend(json.list);
                                        jQuery("#files .clip.hidden").removeClass("hidden");
                                        jQuery("#urlToFile").val(json.url);
                                        
                                        jQuery('<span class="or">nebo zkopírujte odkaz ručně..</span>'+json.bigInput).insertAfter("#files");
                                        
                                        jQuery("#forKubajz").focus(function(){
                                            jQuery(this).select();
                                        });


                                        clip.reposition();
                                    
                                    } else {
                                        $('#uploadify').uploadifyClearQueue();
                                    }
                                } else {
                                    $('#uploadify').uploadifyClearQueue();
                                    
                                }
                            },
                            
        'onSelectOnce'     : function() {
                            jQuery("#files dt, #files dd").not(".clip").remove();
                            jQuery("#files .clip").addClass("hidden");
                            jQuery("#forKubajz, .or").remove();
                        }

    });
}); 

---------- Post added at 03:58 PM ---------- Previous post was at 03:54 PM ----------

Took me quite a while to get the shit working with that flash clipboard shit actually.