draggable_DC

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

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

var zIndex = 310000;
var dragging = false;
var DC_draggable = new Array();

/* 	How to :
	- Chaque indice du tableau doit être l'identifiant unique de l'élément à déplacer sur l'interface de DC.
	- Créer un indice du tableau DC_draggable contenant un tableau vide afin faire remonter l'élément au premier plan suite à un appuie sur le clic gauche de votre souris. (CF ligne pour 'zone_centre')
	- Créer un indice du tableau DC_draggable contenant un tableau contentant un indice 'checkbox' afin d'activer la possibilité de déplacement de l'élément.
*/

DC_draggable['zone_centre'] = new Array();

DC_draggable['zone_gauche'] = new Array();
DC_draggable['zone_gauche']['checkbox'] = '<div style="height:0px;width:0px;margin-right:-13px;z-index:999999;"><input type="checkbox" name="zone_gauche" class="DC_draggable"></div>';

DC_draggable['zone_droite'] = new Array();
DC_draggable['zone_droite']['checkbox'] = '<div style="height:0px;width:0px;margin-right:-13px;z-index:999999;"><input type="checkbox" name="zone_droite" class="DC_draggable"></div>';

DC_draggable['zone_informations_lieu'] = new Array();
DC_draggable['zone_informations_lieu']['checkbox'] = '<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>';

DC_draggable['zone_informations_combat'] = new Array();
DC_draggable['zone_informations_combat']['checkbox'] = '<div style="top:-11px;left:-15px;height:0px;width:0px;margin-right:-13px;z-index:999999;"><input type="checkbox" name="zone_informations_combat" class="DC_draggable"></div>';

DC_draggable['db_combat'] = new Array();
DC_draggable['db_combat']['checkbox'] = '<div style="top:-36px;left:-10px;height:0px;width:0px;margin-right:-13px;z-index:999999;"><input type="checkbox" name="db_combat" class="DC_draggable"></div>';

jQuery.noConflict();

$(document).ready( function() {
	function set_DC_draggable(make_draggable) {
		var to_drag = Object.keys(make_draggable);
	
		for(var i = 0; i < to_drag.length; i++) {
			var element = to_drag[i];
			var selector = '#' + element;
			
			console.log(selector + ": " +$(selector).length)
			
			if(0 != $(selector).length) {
				DC_draggable[element]['draggable'] = false;
				DC_draggable[element]['offset'] = $(selector).offset();
				
				$(selector).addClass("DC_draggable");
				
				if(undefined != DC_draggable[element]['checkbox']) {
					$(selector + ' div').first().before(DC_draggable[element]['checkbox']);
					
					$('input[type=checkbox][name=' + element +'].DC_draggable').click( function() {
						if($(this).is(':checked'))
							enableDrag($(this).attr('name'));
						else
							disableDrag($(this).attr('name'));
					});
					
					$(selector).dblclick( function() {
						if(true == DC_draggable[$(this).attr('id')]['draggable']) {
							$('#' + $(this).attr('id')).offset(DC_draggable[$(this).attr('id')]['offset']);
						}
					});
					
					$(selector).mouseup( function() {
						if(dragging) {
							dragging = false;
							
							$('#' + $(this).attr('id')).css('backgroundColor', DC_draggable[$(this).attr('id')]['backgroundColor']);
						}
					});
					
					$(selector).bind('drag', function(event) {
						if(true == DC_draggable[$(this).attr('id')]['draggable']) {
							dragging = true;
							$('#' + $(this).attr('id')).css('backgroundColor','rgba(172, 0, 0, 0.6)');
							$('#' + $(this).attr('id')).css('bottom','auto');
						}
					});
				}
				
				$(selector).mousedown( function() {
					zIndex++;
					$('#' + $(this).attr('id')).zIndex(zIndex);
				});
			}
		}
	}
	
	// need that to let the javascript display all element after the 'ready' state of the DOM
	setTimeout( function() {
		set_DC_draggable(DC_draggable);
	}, 1000);
	
	function enableDrag(id) {
		console.log("enabling drag: " + id);
		$('#' + id).draggable();
		$('#' + id).css('cursor','move');
		DC_draggable[id]['draggable'] = true;
		DC_draggable[id]['backgroundColor'] = $('#' + id).css('backgroundColor');
		
		if(undefined == DC_draggable[id]['offset'])
			DC_draggable[id]['offset'] = $('#' + id).offset();
	}
	function disableDrag(id) {
		console.log("disabling drag: " + id);
		$('#' + id).draggable("destroy");
		$('#' + id).addClass("");
		$('#' + id).css('cursor','auto');
		DC_draggable[id]['draggable'] = false;
	}
	
	// set draggable element during combat's interface loading
	$(document).ajaxSend( function(a,b,c) {
		if(c.url == "/Interface/Fight") {
			console.log('debut du combat');
			
			setTimeout( function() {
				console.log("loading checkbox")
				
				var DC_draggable_fight = new Array();
				DC_draggable_fight['zone_informations_combat'] = DC_draggable['zone_informations_combat'];
				DC_draggable_fight['db_combat'] = DC_draggable['db_combat'];
				
				set_DC_draggable(DC_draggable_fight);
			}, 1000);
		}
	});
});