Parks in Calgary

Explore green spaces near you.

Explore our parks

Enjoy park activities year-round

Discover our diverse park features

Programs and initiatives

Pathways

Parks planning and operations

You may also be interested in


undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null
'); } else if ($('.modal-backdrop').length > 1) { // remove extra modal backdrop $('.modal-backdrop:gt(0)').remove(); } $(".modal-backdrop.show").attr("style", "display: block !important;"); $("body").removeClass("modal-pagefeedback-open").addClass("modal-websitefeedback-open"); }; function websitefeedbackModalClose(getIdValue) { if (!isWebsitefeedbackModalOpen) return; isWebsitefeedbackModalOpen = false; $(getIdValue) .removeClass(websitefeedbackOpenAnimationClasses) .attr("style", "display: none;"); $(".modal-backdrop.show").remove(); $("body").removeClass("modal-websitefeedback-open"); }; $(".websiteclose-btn").click(function () { websitefeedbackModalClose("#websitefeedback"); if ($('.modal-backdrop').length > 0) { $('.modal-backdrop').remove(); } $("#pagefeedback").removeClass("d-none").hide(); }); //Setup page feedback delays //delay 15 second if ($("#pagefeedback").hasClass("delay") && $("#pagefeedback").hasClass("15")) { timeoutFn = setTimeout(function () { pagefeedbackModalOpen("#pagefeedback"); $("#pagefeedback").attr("aria-modal", "true").removeAttr("aria-hidden"); $("body").addClass("modal-pagefeedback-open modal-open"); $("#pagefeedback-btn").addClass("pagefeedback-delay-active"); }, 15000); } //delay 30 second else if ($("#pagefeedback").hasClass("delay") && $("#pagefeedback").hasClass("30")) { timeoutFn = setTimeout(function () { pagefeedbackModalOpen("#pagefeedback"); $("#pagefeedback").attr("aria-modal", "true").removeAttr("aria-hidden"); $("body").addClass("modal-pagefeedback-open modal-open"); $("#pagefeedback-btn").addClass("pagefeedback-delay-active"); }, 30000); } //delay 90 second else if ($("#pagefeedback").hasClass("delay") && $("#pagefeedback").hasClass("90")) { timeoutFn = setTimeout(function () { pagefeedbackModalOpen("#pagefeedback"); $(".delay").attr("aria-modal", "true").removeAttr("aria-hidden"); $("body").addClass("modal-pagefeedback-open modal-open"); $("#pagefeedback-btn").addClass("pagefeedback-delay-active"); }, 90 * 1000); } //delay 2 mins else if ($("#pagefeedback").hasClass("delay") && $("#pagefeedback").hasClass("120")) { timeoutFn = setTimeout(function () { pagefeedbackModalOpen("#pagefeedback"); $(".delay").attr("aria-modal", "true").removeAttr("aria-hidden"); $("body").addClass("modal-pagefeedback-open modal-open"); $("#pagefeedback-btn").addClass("pagefeedback-delay-active"); }, 2 * 60 * 1000); } //no delay else { $("#pagefeedback").removeAttr("aria-modal").removeAttr("aria-hidden"); $("body").removeClass("modal-pagefeedback-open modal-open"); }; $(".websitefeedback").click(function () { $("#websitefeedback .modal-dialog").css("display", "block"); }); $(".websiteclose-btn").click(function () { websitefeedbackModalClose("#websitefeedback"); }); $(".pageclose-btn").click(function () { pagefeedbackModalClose("#pagefeedback"); }); var websiteFeedbackCookie = "voc_websiteFeedback"; if (typeof $.cookie === 'function') { var cookieWebsiteTest = ($.cookie(websiteFeedbackCookie) != '') ? $.cookie(websiteFeedbackCookie) : null; if (cookieWebsiteTest) { $("#pagereceiver").show(); $("#receiver1").html("Thank you for your feedback"); $(".websitemodal-footer").css("display", "none"); } //check cookie after submit button var pageFeedbackCookie = "voc_pageFeedback_" + document.title; //var pageFeedbackCookie = "voc_pageFeedback"; var cookiePageTest = ($.cookie(pageFeedbackCookie) != '') ? $.cookie(pageFeedbackCookie) : null; // var pageFeedbackCookieCheck= $.cookie ? $.cookie(pageFeedbackCookie): false; if (cookiePageTest) { $("#receiver1").show(); $("#pagereceiver").html("Thank you for your feedback"); $("#websitefeedback .pagemodal-footer").css("display", "none"); $("#pagefeedback").removeClass("delay animate__animated animate__fadeInRight 15 30 90 120"); } //check cookie after Cross button //var pageFeedbackCloseCookie = "voc_pageFeedback_" + document.title + "_close"; var pageFeedbackCloseCookie = "voc_pageFeedback_close"; var cookiePageCloseTest = ($.cookie(pageFeedbackCloseCookie) != '') ? $.cookie(pageFeedbackCloseCookie) : null; // var pageFeedbackCookieCheck= $.cookie ? $.cookie(pageFeedbackCookie): false; if (cookiePageCloseTest) { $("#receiver1").show(); $("#pagefeedback").removeClass("delay animate__animated animate__fadeInRight 15 30 90 120"); } } $("#question-group-2-1, #question-group-2-2, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-5").hide(); $("#question-group-6-1, #question-group-6-2, #question-group-6-3, #question-group-6-4, #question-group-6-5").hide(); $('input[type="radio"]').click(function() { if ($(this).attr("name") == "question-2") { var inputValue = $(this).attr("value"); //alert("inputValue " + inputValue); if (inputValue == "Animals services") { $("#question-group-2-1").show(); $("#question-group-2-2, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "Bylaws or public safety") { $("#question-group-2-2").show(); $("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "Building, development or business licenses") { $("#question-group-2-3").show(); $("#question-group-2-1, #question-group-2-2, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "City careers") { $("#question-group-2-4").show(); $("#question-group-2-1, #question-group-2-3, #question-group-2-2, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "City Council, boards, commissions or elections") { $("#question-group-2-5").show(); $("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-2, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "Environment, waste, recycling or water") { $("#question-group-2-6").show(); $("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-2, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "Festivals, special events or tourism") { $("#question-group-2-7").show(); $("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-2, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "Recreation, parks or public art") { $("#question-group-2-8").show(); $("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-2, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "Social programs, community services or Census") { $("#question-group-2-9").show(); $("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-2, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "Taxes or property assessment") { $("#question-group-2-10").show(); $("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-2, #question-group-2-11").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "Traffic, transportation or roads") { $("#question-group-2-11").show(); $("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-2").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "Other") { $("#question-group-2-1, #question-group-2-2, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-2").addClass("mb-responsive"); } } if ($(this).attr("name") == "question-4") { var inputValue = $(this).attr("value"); if (inputValue == "yes") { $("#question-group-5").show(); } else if (inputValue == "no") { $("#question-group-5").hide(); } } if ($(this).attr("name") == "question-6") { var inputValue = $(this).attr("value"); if (inputValue == "yes") { $("#question-group-6-1, #question-group-6-2, #question-group-6-3, #question-group-6-4, #question-group-6-5").show(); $("#question-group-6").removeClass("mb-responsive"); } else if (inputValue == "no") { $("#question-group-6-1, #question-group-6-2, #question-group-6-3, #question-group-6-4, #question-group-6-5").hide(); $("#question-group-6").addClass("mb-responsive"); } } }); // click outside of the modal dialog will hide the backdrop background and the modal window var modalContentWindow = $(".voc-modal-content"); $("body").on('click', function (e) { if (($(e.target).closest(modalContentWindow).length === 0) && ($(".modal-dialog").hasClass("modal-dialog-voc"))) { modalContentWindow.parent().parent().hide().removeClass("show").removeAttr("aria-modal"); $("body").removeClass("modal-open"); if (isWebsitefeedbackModalOpen) { websitefeedbackModalClose("#websitefeedback"); $(".modal-backdrop").hide(); } if (isPagefeedbackModalOpen) { pagefeedbackModalClose("#pagefeedback"); $(".modal-backdrop").hide(); } } }); $("#question-group-2-1, #question-group-2-2, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-5").hide(); $("#question-group-6-1, #question-group-6-2, #question-group-6-3, #question-group-6-4, #question-group-6-5").hide(); $('input[type="radio"]').click(function () { if ($(this).attr("name") == "question-2") { var inputValue = $(this).attr("value"); //alert("inputValue " + inputValue); if (inputValue == "Animals services") { $("#question-group-2-1").show(); $("#question-group-2-2, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "Bylaws or public safety") { $("#question-group-2-2").show(); $("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "Building, development or business licenses") { $("#question-group-2-3").show(); $("#question-group-2-1, #question-group-2-2, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "City careers") { $("#question-group-2-4").show(); $("#question-group-2-1, #question-group-2-3, #question-group-2-2, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "City Council, boards, commissions or elections") { $("#question-group-2-5").show(); $("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-2, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "Environment, waste, recycling or water") { $("#question-group-2-6").show(); $("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-2, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "Festivals, special events or tourism") { $("#question-group-2-7").show(); $("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-2, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "Recreation, parks or public art") { $("#question-group-2-8").show(); $("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-2, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "Social programs, community services or Census") { $("#question-group-2-9").show(); $("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-2, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "Taxes or property assessment") { $("#question-group-2-10").show(); $("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-2, #question-group-2-11").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "Traffic, transportation or roads") { $("#question-group-2-11").show(); $("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-2").hide(); $("#question-group-2").removeClass("mb-responsive"); } else if (inputValue == "Other") { $("#question-group-2-1, #question-group-2-2, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide(); $("#question-group-2").addClass("mb-responsive"); } } }); // click outside of the modal dialog will hide the backdrop background and the modal window var modalContentWindow = $(".voc-modal-content"); $("body").on('click', function (e) { if (($(e.target).closest(modalContentWindow).length === 0) && ($(".modal-dialog").hasClass("modal-dialog-voc"))) { modalContentWindow.parent().parent().hide().removeClass("show").removeAttr("aria-modal"); $("body").removeClass("modal-open"); if(isWebsitefeedbackModalOpen) { websitefeedbackModalClose("#websitefeedback"); $(".modal-backdrop").hide(); } if(isPagefeedbackModalOpen) { pagefeedbackModalClose("#pagefeedback"); $(".modal-backdrop").hide(); } } }); $(document).on('click', '[name="webrating-1"]', function () { $('.webrating-1').hide(); }); $(document).on('click', '[name="question-1"]', function () { $('.question-1').hide(); }); $(document).on('click', '[name="question-2"]', function () { $('.question-2').hide(); }); $(document).on('click', '[name="question-2-1"]', function () { $('.question-2-1').hide(); }); $(document).on('click', '[name="question-2-2"]', function () { $('.question-2-2').hide(); }); $(document).on('click', '[name="question-2-3"]', function () { $('.question-2-3').hide(); }); $(document).on('click', '[name="question-2-4"]', function () { $('.question-2-4').hide(); }); $(document).on('click', '[name="question-2-5"]', function () { $('.question-2-5').hide(); }); $(document).on('click', '[name="question-2-6"]', function () { $('.question-2-6').hide(); }); $(document).on('click', '[name="question-2-7"]', function () { $('.question-2-7').hide(); }); $(document).on('click', '[name="question-2-8"]', function () { $('.question-2-8').hide(); }); $(document).on('click', '[name="question-2-9"]', function () { $('.question-2-9').hide(); }); $(document).on('click', '[name="question-2-10"]', function () { $('.question-2-10').hide(); }); $(document).on('click', '[name="question-2-11"]', function () { $('.question-2-11').hide(); }); $(document).on('click', '[name="webrating-2"]', function () { $('.webrating-2').hide(); }); $(document).on('keypress', '[name="description-1"]', function () { $('.description-1').hide(); }); $(document).on('click', '[name="question-4"]', function () { $('.question-4').hide(); }); $(document).on('click', '[name="question-5"]', function () { $('.question-5').hide(); }); $(document).on('keypress', '[name="description-2"]', function () { $('.description-2').hide(); }); $(document).on('click', '[name="webrating-3"]', function () { $('.webrating-3').hide(); }); $(document).on('click', '[name="webrating-4"]', function () { $('.webrating-4').hide(); }); $(document).on('click', '[name="webrating-5"]', function () { $('.webrating-5').hide(); }); $(document).on('click', '[name="webrating-6"]', function () { $('.webrating-6').hide(); }); $(document).on('click', '[name="webrating-7"]', function () { $('.webrating-7').hide(); }); $(document).on('click', '[name="webrating-8"]', function () { $('.webrating-8').hide(); }); $(document).on('click', '[name="question-6"]', function () { $('.question-6').hide(); }); //$('.GenderValidation').remove(); $("#websitefeedback-modelbtn").click(function (e) { e.preventDefault(); var webFeedbackVar = { webrating_1: $("input[name='webrating-1']:checked").val() || "Zero", question_1: $("input[name='question-1']:checked").val() || "none", question_2: $("input[name='question-2']:checked").val() || "none", question_2_1: $("input[name='question-2-1']:checked").val() || "none", question_2_2: $("input[name='question-2-2']:checked").val() || "none", question_2_3: $("input[name='question-2-3']:checked").val() || "none", question_2_4: $("input[name='question-2-4']:checked").val() || "none", question_2_5: $("input[name='question-2-5']:checked").val() || "none", question_2_6: $("input[name='question-2-6']:checked").val() || "none", question_2_7: $("input[name='question-2-7']:checked").val() || "none", question_2_8: $("input[name='question-2-8']:checked").val() || "none", question_2_9: $("input[name='question-2-9']:checked").val() || "none", question_2_10: $("input[name='question-2-10']:checked").val() || "none", question_2_11: $("input[name='question-2-11']:checked").val() || "none", webrating_2: $("input[name='webrating-2']:checked").val() || "Zero", description_1: $("textarea[name='description-1']").val() || "none", question_4: $("input[name='question-4']:checked").val() || "none", question_5: $("input[name='question-5']:checked").val() || "none", description_2: $("textarea[name='description-2']").val() || "none", webrating_3: $("input[name='webrating-3']:checked").val() || "Zero", //webrating_4: $("input[name='webrating-4']:checked").val() || 0, webrating_5: $("input[name='webrating-5']:checked").val() || "Zero", webrating_6: $("input[name='webrating-6']:checked").val() || "Zero", webrating_7: $("input[name='webrating-7']:checked").val() || "Zero", //webrating_8: $("input[name='webrating-8']:checked").val() || 0, question_6: $("input[name='question-6']:checked").val() || "none", question_6_1: $("input[name='question-6-1']:checked").val() || "none", question_6_2: $("input[name='question-6-2']:checked").val() || "none", question_6_3: $("input[name='question-6-3']:checked").val() || "none", //question_6_4: $("input[name='question-6-4']:checked").val() || "none", question_6_5: $("input[name='question-6-5']:checked").val() || "none" }; /* if(webFeedbackVar.webrating_1 == 0 || webFeedbackVar.question_1 == 0 || webFeedbackVar.question_2 == 0 || (webFeedbackVar.question_2_1 == 0 && webFeedbackVar.question_2_2 == 0 && webFeedbackVar.question_2_3 == 0 && webFeedbackVar.question_2_4 == 0 && webFeedbackVar.question_2_5 == 0 && webFeedbackVar.question_2_6 == 0 && webFeedbackVar.question_2_7 == 0 && webFeedbackVar.question_2_8 == 0 && webFeedbackVar.question_2_9 == 0 && webFeedbackVar.question_2_10 == 0 && webFeedbackVar.question_2_11 == 0) || webFeedbackVar.webrating_2 == 0 || webFeedbackVar.description_1 == "" || (webFeedbackVar.question_4 == 0 && webFeedbackVar.question_5 == 0) || webFeedbackVar.description_2 == "" || webFeedbackVar.webrating_3 == 0 || webFeedbackVar.webrating_4 == 0 || webFeedbackVar.webrating_5 == 0 || webFeedbackVar.webrating_6 == 0 || webFeedbackVar.webrating_7 == 0 || webFeedbackVar.webrating_8 == 0 || webFeedbackVar.question-6 == 0){ $('.web-error').html("Error : This field is required."); return false; } */ //e.preventDefault(); //return device type var pageTitle = document.title; var OperatingSystem = checkOS(); var deviceType = isMobileTablet(); //return the browser namr var Browseragent = checkBrowser() || "Others"; //The appName property returns the application name of the browser var navigatorappName = navigator.appName; //The appVersion property returns version information about the browser var navigatorappVersion = navigator.appVersion; //The product property returns the product name of the browser. var navigatorproduct = navigator.product; //The userAgent property returns the user-agent header sent by the browser to the server var navigatoruserAgent = navigator.userAgent; //The platform property returns the browser platform (operating system) var navigatorplatform = navigator.platform; //The onLine property returns true if the browser is online var navigatoronLine = navigator.onLine; //The window.screen object contains information about the user's screen. var screenwidth = screen.width; //The screen.height property returns the height of the visitor's screen in pixels. var screenheight = screen.height; //Return the URL of the page var docurl = document.URL; //Return the refferal URL var docreferrer = document.referrer; $.cookie("voc_websiteFeedback", "voc_website_feedback", { expires: websiteCookieTime }); $("#websitefeedback .modal-footer").attr("style", "display:none"); websiteFeedback = { page: { webSiteInfo: { "Device_Type": deviceType, "Operating_System": getOS(), "Browser_agent": Browseragent, "Navigator_appName": navigatorappName, "Navigator_appVersion": navigatorappVersion, "Navigator_product": navigatorproduct, "Navigator_userAgent": navigatoruserAgent, "Navigator_platform": navigatorplatform, "Navigator_onLine": navigatoronLine, "Viewport": screenwidth + " X " + screenheight, "Document_url": docurl, "Current_City": "", "Current_Date": getCurrentDate(), "Current_Time": getCurrentTime(), "page_title": pageTitle, "Document_referrer": docreferrer, "Department": isDepartment(), "BusinessUnit": isBusinessUnit(), "Userfeedback": { "surveyType": "Visit", "1_Overall satisfaction with Calgary.ca?": webFeedbackVar.webrating_1, "2_Reason for your visit?": webFeedbackVar.question_1, "3_How easy was it to complete your task?": webFeedbackVar.webrating_2, "4_What task were you trying to perform?": webFeedbackVar.description_1, "5_Did you have difficulty completing your task?": webFeedbackVar.question_4, "6_What action did you take or will you take?": webFeedbackVar.question_5, "7_What would make your experience better?": webFeedbackVar.description_2, "8_How easy it is to find or access information?": webFeedbackVar.webrating_3, //"9_How would you rate how clear the information is on Calgary.ca?": webFeedbackVar.webrating_4, "10_How easy Calgary.ca is to use?": webFeedbackVar.webrating_5, "11_Were you provided answers to your questions?": webFeedbackVar.webrating_6, "12_Is the information accurate and relevant?": webFeedbackVar.webrating_7, //"12_1_How would you rate how well Calgary.ca meets your overall expectations compared to other websites you visit?": webFeedbackVar.webrating_8, "13_What was the main area of Calgary.ca you were visiting?": webFeedbackVar.question_2, "14_What Animal service were you looking for?": webFeedbackVar.question_2_1, "15_What Bylaw or Public Safety service were you looking for?": webFeedbackVar.question_2_2, "16_What Building, Development or Business service were you looking for?": webFeedbackVar.question_2_3, "17_What Careers service were you looking for?": webFeedbackVar.question_2_4, "18_What Census or City council service were you looking for?": webFeedbackVar.question_2_5, "19_What Environment, Waste, Water service were you looking for?": webFeedbackVar.question_2_6, "20_What Events or Tourism service were you looking for?": webFeedbackVar.question_2_7, "21_What Recreation, Parks, Public Art service were you looking for?": webFeedbackVar.question_2_8, "22_What Social Program, Community Service were you looking for?": webFeedbackVar.question_2_9, "23_What Tax or Assessment service were you looking for?": webFeedbackVar.question_2_10, "24_What Traffic, Transportation, Roads service were you looking for?": webFeedbackVar.question_2_11, "25_To help group these survey results, would you answer a few quick demographic questions?": webFeedbackVar.question_6, "26_What is your role in visiting today?": webFeedbackVar.question_6_1, "27_What is your age group?": webFeedbackVar.question_6_2, "28_What is the highest level of schooling?": webFeedbackVar.question_6_3, // "29_What device were you using on Calgary.ca today?": webFeedbackVar.question_6_4, "30_Where do you live?": webFeedbackVar.question_6_5 } } } } //console.log(websiteFeedback); $("#receiver1").html("Thank you for your feedback"); $("#websitefeedback").attr("style", "display:block !important;"); }); $(document).on('click', '[name="rating"]', function () { $('.rating').hide(); }); $(document).on('click', '[name="q1"]', function () { $('.q1').hide(); }); $(document).on('keypress', '[name="pageFeedback-useful"]', function () { $('.pageFeedback-useful').hide(); }); $(document).on('keypress', '[name="pageFeedback-description"]', function () { $('.pageFeedback-description').hide(); }); $("#pagefeedback-modelbtn").click(function (e) { //window.alert("Create dataLayer"); e.preventDefault(); //return device type var pageTitle = document.title; var OperatingSystem = checkOS(); var deviceType = isMobileTablet(); //return the browser namr var Browseragent = checkBrowser() || "Others"; //The appName property returns the application name of the browser var navigatorappName = navigator.appName; //The appVersion property returns version information about the browser var navigatorappVersion = navigator.appVersion; //The product property returns the product name of the browser. var navigatorproduct = navigator.product; //The userAgent property returns the user-agent header sent by the browser to the server var navigatoruserAgent = navigator.userAgent; //The platform property returns the browser platform (operating system) var navigatorplatform = navigator.platform; //The onLine property returns true if the browser is online var navigatoronLine = navigator.onLine; //The window.screen object contains information about the user's screen. var screenwidth = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0, screen.width || 0); //The screen.height property returns the height of the visitor's screen in pixels. var screenheight = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0, screen.height || 0); //Return the URL of the page var docurl = document.URL; //Return the refferal URL var docreferrer = document.referrer; // var pagetitle = document.title; //q1a var selectservice = $("select[name=q1a]").children("option:selected").val() || "none"; //var selectservice = $(".cmp-form-options__field--drop-down").children("option:selected").val(); var ratingValue = $("input[name='rating']:checked").val() || "Zero"; var q1 = $("input[name='q1']:checked").val() || "none"; //var q1 = $(".cmp-form-options__field--radio:checked").val(); var pageFeedback_useful = $("textarea[name=pageFeedback-useful]").val() || "none"; var pageFeedback_description = $("textarea[name=pageFeedback-description]").val() || "none"; var informationClass = $('#pagefeedback').hasClass('information'); var taskClass = $('#pagefeedback').hasClass('task'); var surveyType; if (informationClass == true) { surveyType = "Information"; } else if (taskClass == true) { surveyType = "Task"; } else { surveyType = "Covid"; } if (ratingValue) { ratingValue = ratingValue; } else { ratingValue = "Zero" } if (q1) { q1 = q1; } else { q1 = 0 } if (selectservice) { selectservice = selectservice; } else { selectservice = "none" } if (pageFeedback_useful) { pageFeedback_useful = pageFeedback_useful; } else { pageFeedback_useful = "none" } if (pageFeedback_description) { pageFeedback_description = pageFeedback_description; } else { pageFeedback_description = "none" } pageFeedback = { page: { pageInfo: { "Device_Type": deviceType, "Operating_System": getOS(), "Browser_agent": Browseragent, "Navigator_appName": navigatorappName, "Navigator_appVersion": navigatorappVersion, "Navigator_product": navigatorproduct, "Navigator_userAgent": navigatoruserAgent, "Navigator_platform": navigatorplatform, "Navigator_onLine": navigatoronLine, "Viewport": screenwidth + " X " + screenheight, "Document_url": docurl, "Current_City": "", "Current_Date": getCurrentDate(), "Current_Time": getCurrentTime(), "page_title": pageTitle, "Document_referrer": docreferrer, "Department": isDepartment(), "BusinessUnit": isBusinessUnit(), "Userfeedback": { "1_surveyType": surveyType, "2_How_satisfied_are_you_with_this_page": ratingValue, "3_Did_you_find_the_information_you_were_looking_for": q1, "4_pageFeedback_useful": pageFeedback_useful, "5_pageFeedback_description": pageFeedback_description, "6_selectservice": selectservice } } } } //Add condition for form is filled or not if (ratingValue != 'Zero' || q1 != 'none') { //var pageFeedbackCookie = "voc_pageFeedback"; var pageTitle = document.title; var pageFeedbackCookiewithSession = "voc_pageFeedback_" + pageTitle; //$.cookie(pageFeedbackCookie, "voc_pageFeedback", { expires : pageCookieTime }); $.cookie(pageFeedbackCookiewithSession, "voc_pageFeedback_" + pageTitle, { expires: pageCookieTime }); $("#pagereceiver").html("Thank you for your feedback"); $("#pagefeedback .pagemodal-footer").css("display", "none"); setTimeout(function () { pagefeedbackModalClose("#pagefeedback"); }, 6000); } else if (ratingValue == 'Zero' && q1 == 'none') { pagefeedbackModalClose("#pagefeedback"); function submitForm(event) { event.preventDefault(); window.history.back(); } } }); $("#pageFeedback-group-1").hide(); $("#pageFeedback-group").hide(); $('input[type="radio"]').click(function () { if ($(this).attr("name") != "rating") { var inputValue = $(this).attr("value"); if (inputValue == "eventually" || inputValue == "no") { $("#pageFeedback-group, #pageFeedback-group-1").show(); } else { $("#pageFeedback-group, #pageFeedback-group-1").hide(); } } }); //});