From 730b06af0d0158b5a4a80c9eee400a559ed253d6 Mon Sep 17 00:00:00 2001 From: Anthony Talarico Date: Thu, 14 Jul 2016 15:27:38 -0400 Subject: [PATCH] fixing strobe effect on site hover for campground map --- assets/[campsite-map].map | 99 ++------------ campground-map.php | 266 +++++++++++++++++--------------------- mobile-map.php | 4 +- 3 files changed, 137 insertions(+), 232 deletions(-) diff --git a/assets/[campsite-map].map b/assets/[campsite-map].map index cb93d40..6a305c4 100644 --- a/assets/[campsite-map].map +++ b/assets/[campsite-map].map @@ -6,91 +6,16 @@ -site-1 -site-2 -site-5 -site-7 -site-9 -site-10 -site-11 -site-14 -site-15 -site-17 -site-16 -site-18 -site-19 -site-20 -site-21 -site-22 -site-23 -site-24 -site-25 -site-26 -site-27 -site-28 -site-29 -site-30 -site-31 -site-8 -site-6 -site-4 -site-3 -site-35 -site-34 -site-33 -site-32 -sie-85 -site-83 -site-81 -site-79 -site-78 -site-77 -site-36 -site-37 -site-39 -site-42 -site-44 -site-46 -site-49 -site-51 -site-53 -site-57 -site-58 -site-59 -site-60 -site-61 -site-63 -site-62 -site-64 -site-48 -site-50 -site-52 -site-54 -site-55 -site-56 -site-80 -site-76 -site-72 -site-74 -site-69 -site-65 -site-66 -site-67 -site-68 -site-70 -site-71 -site-73 -site-75 -site-90 -site-89 -site-88 -site-87 -site-86 -site-40 -site-41 -site-43 -site-45 -site-47 -site-12 -site-13 +site-1 +site-2 +site-5 +sikte-10 +site-11 +site-12 +site-9 +site-14 +site-15 +site-17 +site-3 +site-25 diff --git a/campground-map.php b/campground-map.php index 7bdf9c1..bc55e1f 100644 --- a/campground-map.php +++ b/campground-map.php @@ -85,99 +85,99 @@ $js_categories = json_encode($categories); - + - site-1 - site-2 - site-5 - site-7 - site-9 - site-10 - site-11 - site-14 - site-15 - site-17 - site-16 - site-18 - site-19 - site-20 - site-21 - site-22 - site-23 - site-24 - site-25 - site-26 - site-27 - site-28 - site-29 - site-30 - site-31 - site-8 - site-6 - site-4 - site-3 - site-35 - site-34 - site-33 - site-32 - sie-85 - site-83 - site-81 - site-79 - site-78 - site-77 - site-36 - site-37 - site-39 - site-42 - site-44 - site-46 - site-49 - site-51 - site-53 - site-57 - site-58 - site-59 - site-60 - site-61 - site-63 - site-62 - site-64 - site-48 - site-50 - site-52 - site-54 - site-55 - site-56 - site-80 - site-76 - site-72 - site-74 - site-69 - site-65 - site-66 - site-67 - site-68 - site-70 - site-71 - site-73 - site-75 - site-90 - site-89 - site-88 - site-87 - site-86 - site-40 - site-41 - site-43 - site-45 - site-47 - site-12 - site-13 + site-1 + site-2 + site-5 + site-7 + site-9 + site-10 + site-11 + site-14 + site-15 + site-17 + site-16 + site-18 + site-19 + site-20 + site-21 + site-22 + site-23 + site-24 + site-25 + site-26 + site-27 + site-28 + site-29 + site-30 + site-31 + site-8 + site-6 + site-4 + site-3 + site-35 + site-34 + site-33 + site-32 + sie-85 + site-83 + site-81 + site-79 + site-78 + site-77 + site-36 + site-37 + site-39 + site-42 + site-44 + site-46 + site-49 + site-51 + site-53 + site-57 + site-58 + site-59 + site-60 + site-61 + site-63 + site-62 + site-64 + site-48 + site-50 + site-52 + site-54 + site-55 + site-56 + site-80 + site-76 + site-72 + site-74 + site-69 + site-65 + site-66 + site-67 + site-68 + site-70 + site-71 + site-73 + site-75 + site-90 + site-89 + site-88 + site-87 + site-86 + site-40 + site-41 + site-43 + site-45 + site-47 + site-12 + site-13 - site-84 - site-82 + site-84 + site-82 Camp Sites @@ -188,13 +188,13 @@ $js_categories = json_encode($categories);

Cabin Specifications and Pictures

Hover over or click on a campsite to view specifications and pictures
- cabin-3 - cabin-2 - cabin-1 - cabin-d - cabin-f - cabin-5 - cabin-4 + cabin-3 + cabin-2 + cabin-1 + cabin-d + cabin-f + cabin-5 + cabin-4 bottom-map @@ -239,22 +239,12 @@ $js_categories = json_encode($categories); function get_pos(event){ x = event.clientX; y = event.clientY; -// console.debug(x + " " + y); } function site_info(el){ campers = []; site= el.alt; - site_name_text = ""; - site_loop = ""; - site_tents = ""; - site_water = ""; - site_power = ""; - site_loop = ""; - camper_string = ""; - site_sewer = ""; - if(site_array[site]){ site_name_text = site_array[site]['post_title']; } @@ -288,14 +278,7 @@ $js_categories = json_encode($categories); site_sewer = "No"; } } - -// if(site_meta[site]){ -// site_tents = site_meta[site]['petosega_tents']; -//site_tents = site_tents.join(); -// if( site_tents === ""){ -// site_tents = "No"; -// } -// } + temp = site_campers[site]; for(var i in temp){ campers.push(temp[i].name); @@ -303,36 +286,23 @@ $js_categories = json_encode($categories); camper_string = campers.join(); } - - function show_tool_tip(){ - - tool_tip[0].style.display = "block"; - - if (width < 400){ - tool_tip[0].style.left = "50%"; - tool_tip[0].style.top = y + "px"; - jQuery(tool_tip[0]).css("transform", "translateX(-50%)"); - } else if(width > 400 && width < 1024) { - if(side === "left"){ - tool_tip[0].style.left = "50%"; - tool_tip[0].style.left = (x - 100) + "px"; - } else { - tool_tip[0].style.left = (x - 300) + "px"; - } - tool_tip[0].style.top = y + "px"; - } else { - tool_tip[0].style.left = (x - 200) + "px"; - tool_tip[0].style.top = y + "px"; - } - + jQuery(".tooltip_hover").hover(function () { + + jQuery(this).css("cursor", "pointer"); + jQuery(tool_tip[0]).show(); jQuery(".tool-text").find(".site-name").html("" + site_name_text + ""); jQuery(".tool-tip").find(".site-power").html(" Power: " + site_power); jQuery(".tool-tip").find(".site-sewer").html(" Sewer: " + site_sewer); jQuery(".tool-tip").find(".site-water").html(" Water: " + site_water); jQuery(".tool-tip").find(".site-campers").html(" Campers: " + campers); - - } - + + tool_tip[0].style.left = (x - 200) + "px"; + tool_tip[0].style.top = (y + 5) + "px"; + + }, function () { + jQuery(tool_tip[0]).hide(); + }); + function hide_tool_tip(el) { tool_tip[0].style.display = "none"; } @@ -340,12 +310,9 @@ $js_categories = json_encode($categories); function full_content_tool_tip(el){ element = el; mouseover = el.onmouseover; -// el.onmouseover = null; tool_tip[0].style.display = "none"; full_tool_tip[0].style.display = "block"; -// full_tool_tip[0].style.left = x + "px"; -// full_tool_tip[0].style.top = y + "px"; jQuery(".full-content-tool-tip").find(".full-site-name").html("" + site_name_text + ""); if(site_images[site] !== ""){ @@ -355,7 +322,6 @@ $js_categories = json_encode($categories); jQuery(".full-content-tool-tip").find(".full-site-power").html("Power: " + site_power); jQuery(".full-content-tool-tip").find(".full-site-sewer").html("Sewer: " + site_sewer); jQuery(".full-content-tool-tip").find(".full-site-water").html("Water: " + site_water); -// jQuery(".full-content-tool-tip").find(".full-site-tents").html("Tents: " + site_tents); jQuery(".full-content-tool-tip").find(".full-site-campers").html("Campers: " + campers); } @@ -365,6 +331,18 @@ $js_categories = json_encode($categories); jQuery(full_tool_tip).css("display", "none"); }); + // close pop up div when clicking anywhere but that div + $(document).mouseup(function (e) +{ + var container = $(full_tool_tip); + + if (!container.is(e.target) // if the target of the click isn't the container... + && container.has(e.target).length === 0) // ... nor a descendant of the container + { + container.hide(); + } + }); + if(full_tool_tip[0].style.display === "block"){ tool_tip[0].style.display = "none"; } diff --git a/mobile-map.php b/mobile-map.php index 34a07e7..fa83931 100644 --- a/mobile-map.php +++ b/mobile-map.php @@ -77,16 +77,18 @@ $js_categories = json_encode($categories); post_name, 'cabin') === false){ $site_name = substr($site->post_title, 5); + $site_name = ucfirst($site_name); echo "
" . $site_name. "
"; } } ?> +

Cabin Specifications and Pictures

bottom-map post_name, 'cabin') !== false){ - echo "
" . $site->post_title . "
"; + echo "
" . ucfirst($site->post_title) . "
"; } } ?> -- 2.17.1