draggable_DC

Make DC's windows draggable
当前为 2014-06-03 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name		draggable_DC
// @author		Ladoria
// @version		0.14
// @grant       none
// @description	Make DC's windows draggable
// @match		http://www.dreadcast.net/Main
// @require     http://code.jquery.com/jquery-latest.min.js
// @compat Firefox, Chrome
// @copyright	2012+, Ladoria
// @namespace GTFO
// ==/UserScript==

// DEBUG Don't touch those damn things!
var global_debug = false;
// /DEBUG

jQuery.noConflict();

$(document).ready( function() {
	// initials values saving
	zone_gauche_initiale_offset = $('#zone_gauche').offset();
	zone_droite_initiale_offset = $('#zone_droite').offset();
	
	zone_gauche_initiale_zIndex = $('#zone_gauche').zIndex();
	zone_droite_initiale_zIndex = $('#zone_droite').zIndex();
	
	zone_gauche_initial_bacgroundColor = $('#zone_gauche').css('backgroundColor');
	zone_droite_initial_bacgroundColor = $('#zone_droite').css('backgroundColor');
	zone_informations_lieu_initial_bacgroundColor = $('#zone_information').css('backgroundColor');
	
	$('#zone_gauche').addClass("DC_draggable");
	$('#zone_centre').addClass("DC_draggable");
	$('#zone_droite').addClass("DC_draggable");
	$('#zone_informations_lieu').addClass("DC_draggable");

	/*$('#zone_gauche').draggable();
	$('#zone_droite').draggable();
	$('#zone_informations_lieu').draggable();
    
    $('#zone_gauche').css('cursor','move');
    $('#zone_droite').css('cursor','move');
    $('#zone_informations_lieu').css('cursor','move');*/
	
	// ugly selectors
	$('#zone_gauche div').first().before('<div style="height:0px;width:0px;margin-right:-13px;z-index:999999;"><input type="checkbox" name="zone_gauche" class="DC_draggable"></div>');
	$('#zone_droite div').first().before('<div style="height:0px;width:0px;margin-right:-13px;z-index:999999;"><input type="checkbox" name="zone_droite" class="DC_draggable"></div>');
	$('#zone_informations_lieu div').first().before('<div style="top:-11px;left:-15px;height:0px;width:0px;margin-right:-13px;z-index:999999;"><input type="checkbox" name="zone_informations_lieu" class="DC_draggable"></div>');

    var zIndex = 310000;
    var dragging = false;

    var isDraggable = [	['zone_gauche', false],
                        ['zone_droite', false],
                        ['zone_centre', false], //desactivated
                        ['zone_informations_lieu', false]];

    var zone_droite_draggable = false;
    var zone_informations_lieu_draggable = false;

    function enableDrag(id) {
        $('#' + id).draggable();
        $('#' + id).css('cursor','move');
        isDraggable[id] = true;
    }
    function disableDrag(id) {
        $('#' + id).draggable("destroy");
        $('#' + id).addClass("");
        $('#' + id).css('cursor','auto');
        isDraggable[id] = false;
    }

    $('input[type=checkbox].DC_draggable').click( function() {
        if($(this).is(':checked')) {
            enableDrag($(this).attr('name'));
            console.log('enableDrag(' + $(this).attr('name') + ')');
        }
        else
            disableDrag($(this).attr('name'));
    });

    $('.DC_draggable:not(input[type=checkbox])').dblclick( function() {
        if(isDraggable[$(this).attr('id')]) {
            switch($(this).attr('id')) {
                case 'zone_gauche' :
                    $('#zone_gauche').offset(zone_gauche_initiale_offset);
                    break;
                case 'zone_droite' :
                    $('#zone_droite').offset(zone_droite_initiale_offset);
                    break;
                case 'zone_informations_lieu' :
                    $('#zone_informations_lieu').css('top','auto');
                    $('#zone_informations_lieu').css('bottom','10px');
                    $('#zone_informations_lieu').css('left','10px');
                    break;
                default: break;
            }
        }
    });

    $('.DC_draggable:not(input[type=checkbox])').mousedown( function() {
        zIndex++;
        $('#' + $(this).attr('id')).zIndex(zIndex);
    });

    $('.DC_draggable:not(input[type=checkbox])').mouseup( function() {
        if(dragging) {
            dragging = false;

            $('#' + $(this).attr('id')).css('backgroundColor',zone_gauche_initial_bacgroundColor);
        }
    });

    $('.DC_draggable:not(input[type=checkbox])').bind('drag', function(event) {
        dragging = true;
        $('#' + $(this).attr('id')).css('backgroundColor','rgba(172, 0, 0, 0.6)');

        if('zone_informations_lieu' == $(this).attr('id')) {
            $('#zone_informations_lieu').css('position','absolute');
            $('#zone_informations_lieu').css('bottom','auto');
        }
    });
});
欢迎访问Greasy Fork镜像
