|
|
|
@ -28,21 +28,12 @@ window.onclick = function(event) {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var output = document.getElementById("dotsNumber");
|
|
|
|
|
var amount = (getCookie("dotsAmount")=="" ? 4 : getCookie("dotsAmount"));
|
|
|
|
|
output.innerHTML = amount;
|
|
|
|
|
|
|
|
|
|
document.getElementById("+").width=size/4;
|
|
|
|
|
document.getElementById("-").width=size/4;
|
|
|
|
|
|
|
|
|
|
document.getElementById("displays").addEventListener("click", function(){
|
|
|
|
|
document.getElementById("color_pickers").style.display= (displ!="points" ? "none" : "inline");
|
|
|
|
|
document.getElementById("gems_picker").style.display= (displ=="points" ? "none" : "inline");
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
function saveOptions() {
|
|
|
|
|
setCookie("dotsAmount",amount,30);
|
|
|
|
|
setCookie("pause",(document.getElementById("no_pause").checked ? 0 : 1),30);
|
|
|
|
|
modal.style.display = "none";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@ -67,6 +58,7 @@ function selectDisplay(e)
|
|
|
|
|
document.getElementById("both_di").classList.remove("selected");
|
|
|
|
|
document.getElementById(e+"_di").classList.add("selected");
|
|
|
|
|
backgroundBoth();
|
|
|
|
|
dispDots();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function backgroundBoth()
|
|
|
|
@ -136,7 +128,6 @@ function allowDrop(ev) {
|
|
|
|
|
function drag(ev) {
|
|
|
|
|
ev.dataTransfer.setData("text", ev.target.id);
|
|
|
|
|
dragFrom=ev.currentTarget.parentElement;
|
|
|
|
|
//console.log("je prends de "+ev.dataTransfer.getData("text") + " et "+ ev.currentTarget.parentElement.id);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var dragFrom;
|
|
|
|
@ -145,30 +136,15 @@ function drop(ev) {
|
|
|
|
|
ev.preventDefault();
|
|
|
|
|
var data = ev.dataTransfer.getData("text");
|
|
|
|
|
var color;
|
|
|
|
|
//console.log("je lâche sur "+ev.target.id + " et "+dragFrom.hasChildNodes() + "|"+ev.currentTarget.id);
|
|
|
|
|
/*
|
|
|
|
|
if(!ev.target.hasChildNodes() && ev.target.tagName=="DIV")
|
|
|
|
|
{
|
|
|
|
|
ev.target.appendChild(document.getElementById(data));
|
|
|
|
|
//gemsSelected[ev.target.id.substring(4)-1]=document.getElementById(data)
|
|
|
|
|
|
|
|
|
|
//console.log(data + " | " + ev.target.id + " | " + document.getElementById(data).src.substring(document.getElementById(data).src.search("/ress")+6));
|
|
|
|
|
|
|
|
|
|
color=document.getElementById(data).src.substring(document.getElementById(data).src.search("/ress")+6);
|
|
|
|
|
gemsSelected[ev.target.id.substring(4)-1]=color;
|
|
|
|
|
console.log(gemsSelected);
|
|
|
|
|
}
|
|
|
|
|
else */
|
|
|
|
|
if(dragFrom.hasChildNodes() && ev.currentTarget.hasChildNodes() && dragFrom!=ev.currentTarget)
|
|
|
|
|
{
|
|
|
|
|
[gemsSelected[dragFrom.id.substring(4)-1],gemsSelected[ev.currentTarget.id.substring(4)-1]]=[gemsSelected[ev.currentTarget.id.substring(4)-1],gemsSelected[dragFrom.id.substring(4)-1]];
|
|
|
|
|
dragFrom.appendChild(ev.currentTarget.firstChild);
|
|
|
|
|
ev.currentTarget.appendChild(dragFrom.firstChild);
|
|
|
|
|
//console.log(ev.currentTarget.firstChild.src.substring(document.getElementById(data).src.search("/ress")+6) + "|"+dragFrom.firstChild.src.substring(document.getElementById(data).src.search("/ress")+6));
|
|
|
|
|
|
|
|
|
|
setCookie("gem"+ev.currentTarget.id.substring(4),ev.currentTarget.firstChild.src.substring(document.getElementById(data).src.search("/ress")+6),30);
|
|
|
|
|
setCookie("gem"+dragFrom.id.substring(4),dragFrom.firstChild.src.substring(document.getElementById(data).src.search("/ress")+6),30);
|
|
|
|
|
//console.log(dragFrom.id.substring(4)+"/"+ev.currentTarget.id.substring(4));
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|