Fix Right-Click
Bug for right-clicking as the new marker types were not part of the click event.
This commit is contained in:
parent
ab124073c7
commit
e5de8b8fa8
158
main.js
Normal file
158
main.js
Normal file
@ -0,0 +1,158 @@
|
||||
var sectionShown = [];
|
||||
var markers = [];
|
||||
var openMarkers = [];
|
||||
var markerTypes = [
|
||||
"images/marker0.png",
|
||||
"images/marker1.png",
|
||||
"images/marker2.png",
|
||||
"images/marker3.png",
|
||||
"images/marker4.png",
|
||||
];
|
||||
|
||||
var lastClick;
|
||||
|
||||
function justLoaded(){
|
||||
hideAll();
|
||||
UpdateConstraints();
|
||||
//drawMarkers();
|
||||
showSection(0);
|
||||
}
|
||||
|
||||
function hideAll(){
|
||||
for (i = 0; i < 6; i++){
|
||||
sectionShown[i] = false;
|
||||
}
|
||||
swood.style.display = "none";
|
||||
wcoast.style.display = "none";
|
||||
core.style.display = "none";
|
||||
ntun.style.display = "none";
|
||||
ehigh.style.display = "none";
|
||||
other.style.display = "none";
|
||||
}
|
||||
|
||||
function showSection(m) {
|
||||
if (!sectionShown[m]){
|
||||
hideAll();
|
||||
sectionShown[m] = true;
|
||||
switch(m){
|
||||
case 0:
|
||||
swood.style.display = "block";
|
||||
break;
|
||||
case 1:
|
||||
wcoast.style.display = "block";
|
||||
break;
|
||||
case 2:
|
||||
core.style.display = "block";
|
||||
break;
|
||||
case 3:
|
||||
ntun.style.display = "block";
|
||||
break;
|
||||
case 4:
|
||||
ehigh.style.display = "block";
|
||||
break;
|
||||
case 5:
|
||||
other.style.display = "block";
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function toggleMarker(event) {
|
||||
var clicked = document.getElementById(this.id);
|
||||
var clickedSrc = clicked.getAttribute("src");
|
||||
var type = 0;
|
||||
|
||||
for ( i = 0; i < markerTypes.length; i++){
|
||||
if ( clickedSrc == markerTypes[i] ){
|
||||
type = i+1;
|
||||
}
|
||||
}
|
||||
if ( markerTypes[type] ){
|
||||
clicked.setAttribute("src", markerTypes[type]);
|
||||
}
|
||||
else {
|
||||
clicked.setAttribute("src", markerTypes[0]);
|
||||
}
|
||||
}
|
||||
|
||||
function showTooltip(event){
|
||||
var id = document.getElementById("tt");
|
||||
var clicked = document.getElementById(this.id);
|
||||
id.style.display = "block";
|
||||
id.innerHTML = clicked.id;
|
||||
id.style.top = "20px";
|
||||
id.style.left = "20px";
|
||||
}
|
||||
|
||||
function hideTooltip(){
|
||||
document.getElementById("tt").style.display = "none";
|
||||
}
|
||||
function changeBG(){
|
||||
document.body.style.backgroundColor = document.getElementById("bgcolor").value;
|
||||
document.getElementById("shopDropdown").style.backgroundColor = document.getElementById("bgcolor").value;
|
||||
}
|
||||
|
||||
function info(){
|
||||
var id = document.getElementById("info")
|
||||
if (id.style.display == "block"){
|
||||
id.style.display = "none";
|
||||
}
|
||||
else {
|
||||
id.style.display = "block";
|
||||
}
|
||||
}
|
||||
|
||||
class Location{
|
||||
difficulty=DifficultyLevel.BEGINNER;
|
||||
constructor(x, y, gridObj, itemName) {
|
||||
this.x = x*gridObj.xgrid+gridObj.xoffset;
|
||||
this.y = y*gridObj.ygrid+gridObj.yoffset;
|
||||
this.canReach = false;
|
||||
this.elem = "";
|
||||
this.itemName = itemName;
|
||||
this.gridObj = gridObj;
|
||||
constraints[itemName]=NONE;
|
||||
}
|
||||
}
|
||||
|
||||
class GridlineObj{
|
||||
constructor(xoffset,yoffset,xgrid,ygrid) {
|
||||
this.xoffset=xoffset;
|
||||
this.yoffset=yoffset;
|
||||
this.xgrid=xgrid;
|
||||
this.ygrid=ygrid;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function toggleItem(e){
|
||||
id = e.target;
|
||||
if ( id.style.opacity == 1.0 ){
|
||||
id.style.opacity = 0.5;
|
||||
id.style.filter = "grayscale(100%)";
|
||||
} else {
|
||||
id.style.opacity = 1.0;
|
||||
id.style.filter = "none";
|
||||
}
|
||||
}
|
||||
|
||||
addEventListener('contextmenu', function(e) {
|
||||
e.preventDefault();
|
||||
if (( e.target.className == "markera" ) || ( e.target.className == "markerb" ) || ( e.target.className == "markerc" ) || ( e.target.className == "markerd" ) || ( e.target.className == "markere" )){
|
||||
var clicked = document.getElementById(e.target.id);
|
||||
var clickedSrc = clicked.getAttribute("src");
|
||||
var type = 0;
|
||||
|
||||
for ( i = 0; i < markerTypes.length; i++){
|
||||
if ( clickedSrc == markerTypes[i] ){
|
||||
type = i-1;
|
||||
}
|
||||
}
|
||||
if ( type >= 0 ){
|
||||
clicked.setAttribute("src", markerTypes[type]);
|
||||
}
|
||||
else {
|
||||
clicked.setAttribute("src", markerTypes[4]);
|
||||
}
|
||||
}
|
||||
});
|
Loading…
x
Reference in New Issue
Block a user