Canon U.S.A., Inc. | Official Canon Service and Support, Canon drivers, Canon tech support and Canon warranty information. (2024)

" $(".support-browse-results-highlvl-container").append(htmltoappend); if (countcat == 1) { supportcat = originaljsonname; pagedepth = 2; lvlskip = 1; $('.support-browse-results-hr-top').css("display", "none"); $('.support-browse-arrows-container').css("display", "none"); $(".support-browse-results-models").html(""); displayModels("None"); } } } }); }); $(document).on('click', '.support-browse-results-subcats-text', function () { var elementtoshow = $(this).attr('data-content'); $("#support-browse-results-container").css({ "visibility": "hidden", "position": "absolute", "left": "-9999px", "opacity": "0" }); $("#support-browse-results-final-container").css({ "visibility": "visible", "position": "relative", "left": "0", "display": "flex", "opacity": "1" }); pagedepth = 2; supportcat = elementtoshow; var supportcattouse = supportcat.replace("and", "&"); supportcattouse = supportcattouse.replace(/-/gi, " "); var supportsubcat = ""; $(".support-browse-results-topcat").html(supportcattouse.toUpperCase()); $.ajax({ url: ajaxurl, crossDomain: true, type: "GET", success: function (data) { var countcat = Object.keys(data[supportparent][supportcat]).length; counterforcats = countcat; var supportkeys = Object.keys(data[supportparent][supportcat]); var supportkeysname = ""; var htmltoappend = ""; var originaljsonname = ""; for (var i = 0; i < countcat; i++) { originaljsonname = supportkeys[i]; supportkeys[i] = supportkeys[i].replace("and", "&"); supportkeysname = supportkeys[i].replace(/_/gi, " "); supportkeysname = supportkeysname.toUpperCase(); if (i == 0) { htmltoappend = "

" + supportkeysname + "

" displayModels(originaljsonname); } else { htmltoappend = "

" + supportkeysname + "

" } $(".support-browse-results-lowlvl-container").append(htmltoappend); } if ((counterforcats <= 5 && screen.width > 767) || (counterforcats <= 3 && screen.width <= 767)) { $('.support-browse-results-lowlvl-container').css("justify-content", "center"); } else { $('.support-browse-results-lowlvl-container').css("justify-content", "flex-start"); } if (counterforcats < 6 && screen.width > 767) { $('#support-right-arrow').css("display", "none"); $('#support-left-arrow').css("display", "none"); } else { if (screen.width > 767) { $('#support-right-arrow').css("display", "block"); $('#support-left-arrow').css("display", "block"); $(".support-icon-left-arrow").css({ "opacity": "0" }); $(".support-icon-right-arrow").css({ "opacity": "1" }); } } if (supportkeysname == "NONE") { $('.support-browse-results-hr-top').css("display", "none"); $('.support-browse-arrows-container').css("display", "none"); } else { $('.support-browse-results-hr-top').css("display", "block"); $('.support-browse-arrows-container').css("display", "flex"); } } }); }); $(document).on('click', '.support-browse-results-catselect-text', function () { var elementtoshow = $(this).attr('data-content'); $(".support-underline").removeClass("support-underline-active"); $(".support-browse-results-catselect-text").removeClass("support-browse-results-catselect-text-active"); $(this).addClass("support-browse-results-catselect-text-active"); $(this).children().addClass("support-underline-active"); $(".support-browse-results-models").html(""); displayModels(elementtoshow); }); function displayModels(modelcat) { $("#support-browse-results-container").css({ "visibility": "hidden", "position": "absolute", "left": "-9999px", "opacity": "0" }); $("#support-browse-results-final-container").css({ "visibility": "visible", "position": "relative", "left": "0", "display": "flex", "opacity": "1" }); $.ajax({ url: ajaxurl, crossDomain: true, type: "GET", success: function (data) { var countcat = Object.keys(data[supportparent][supportcat][modelcat]).length; var supportkeys = Object.keys(data[supportparent][supportcat][modelcat]); var supportkeysname = ""; var htmltoappend = ""; var originaljsonname = ""; var linktoappend = ""; for (var i = 0; i < countcat; i++) { originaljsonname = data[supportparent][supportcat][modelcat][i].name; linktoappend = data[supportparent][supportcat][modelcat][i].spdplinks; supportkeysname = originaljsonname; htmltoappend = "" + supportkeysname + "" $(".support-browse-results-models").append(htmltoappend); } } }); } $(".support-browse-results-back").click(function () { if (pagedepth == 1) { $(".support-browse-container").css("display", "block"); $("#support-browse-results-container").css({ "visibility": "hidden", "position": "absolute", "left": "-9999px", "opacity": "0" }); $(".support-browse-results-topcat").html(""); $(".support-browse-results-highlvl-container").html(""); } else if (pagedepth == 2 && lvlskip == 0) { pagedepth = 1; $("#support-browse-results-container").css({ "visibility": "visible", "position": "relative", "left": "0", "display": "flex", "opacity": "1" }); $("#support-browse-results-final-container").css({ "visibility": "hidden", "position": "absolute", "left": "-9999px", "opacity": "0" }); $(".support-browse-results-topcat").html(supportparent.toUpperCase().replace(/-|_/gi, " ")); $(".support-browse-results-lowlvl-container").html(""); $(".support-browse-results-models").html(""); } else if (pagedepth == 2 && lvlskip == 1) { pagedepth = 0; lvlskip = 0; $(".support-browse-container").css("display", "block"); $("#support-browse-results-container").css({ "visibility": "hidden", "position": "absolute", "left": "-9999px", "opacity": "0" }); $("#support-browse-results-final-container").css({ "visibility": "hidden", "position": "absolute", "left": "-9999px", "opacity": "0" }); $(".support-browse-results-topcat").html(""); $(".support-browse-results-highlvl-container").html(""); $(".support-browse-results-lowlvl-container").html(""); $(".support-browse-results-models").html(""); } }); $(".support-browse-results-close").click(function () { pagedepth = 0; lvlskip = 0; $(".support-browse-container").css("display", "block"); $("#support-browse-results-container").css({ "visibility": "hidden", "position": "absolute", "left": "-9999px", "opacity": "0" }); $("#support-browse-results-final-container").css({ "visibility": "hidden", "position": "absolute", "left": "-9999px", "opacity": "0" }); $(".support-browse-results-topcat").html(""); $(".support-browse-results-highlvl-container").html(""); $(".support-browse-results-lowlvl-container").html(""); $(".support-browse-results-models").html(""); }); /* Carousel left/right */ $('#support-left-arrow').click(function () { var leftPos = $('.support-browse-results-lowlvl-container').scrollLeft(); $(".support-icon-right-arrow").css({ "opacity": "1" }); $(".support-browse-results-lowlvl-container").css({ "margin-right": "0px" }); $(".support-browse-results-lowlvl-container").animate({ scrollLeft: leftPos - $('.support-browse-results-lowlvl-container').width() - 110 }, 800); if (leftPos - $('.support-browse-results-lowlvl-container').width() - 110 <= 0) { $(".support-icon-left-arrow").css({ "opacity": "0" }); } }); $('#support-right-arrow').click(function () { var leftPos = $('.support-browse-results-lowlvl-container').scrollLeft(); var howmanysubcats = $(".support-browse-results-lowlvl-container").children('.support-browse-results-catselect-text').length; var howbigissubcatcontainer = (howmanysubcats * ($('.support-browse-results-catselect-text').width())) - ($('.support-browse-results-catselect-text').width() * 2); $(".support-icon-left-arrow").css({ "opacity": "1" }); $(".support-browse-results-lowlvl-container").css({ "margin-left": "0px" }); $(".support-browse-results-lowlvl-container").animate({ scrollLeft: leftPos + $('.support-browse-results-lowlvl-container').width() }, 800); console.log(leftPos + $('.support-browse-results-lowlvl-container').width() + " - " + howbigissubcatcontainer); if (leftPos + $('.support-browse-results-lowlvl-container').width() >= howbigissubcatcontainer) { $(".support-icon-right-arrow").css({ "opacity": "0" }); } }); function titleCase(string) { var sentence = string.toLowerCase().split(" "); for (var i = 0; i < sentence.length; i++) { sentence[i] = sentence[i][0].toUpperCase() + sentence[i].slice(1); } sentence = sentence.join(" "); return sentence; } $("#support-clear-text-button").click(function () { $(this) .prev("#support-searchbar") .val(""); $(this).removeClass("support-show-close"); }); $(document).on("input", "#support-searchbar", function () { $(this) .next("#support-clear-text-button") .addClass("support-show-close"); }); $(".support-search-clear-text").click(function () { $("#support-searchbar").val(''); }); if (screen.width > 767) { $("#support-searchbar").attr('placeholder', 'Start typing your product name (e.g. EOS 5D Mark IV)'); } else { $("#support-searchbar").attr('placeholder', 'Start typing your product name'); } window.matchMedia("screen and (max-device-width: 767px) and (orientation: portrait)").onchange = function (event) { if (window.matchMedia("screen and (max-device-width: 767px) and (orientation: portrait)").matches) { $("#support-searchbar").attr('placeholder', 'Start typing your product name'); } else { $("#support-searchbar").attr('placeholder', 'Start typing your product name (e.g. EOS 5D Mark IV)'); } }; $("input.support-top-banner-searchbar").focusin(function () { document.documentElement.style.setProperty('--current-color', 'var(--gradient-color)'); }); $("input.support-top-banner-searchbar").focusout(function () { document.documentElement.style.setProperty('--current-color', 'var(--normal-color)'); }); });