</ifram</noscript> <p style="text-align: center;"><span style="font-size: 12pt;">Camera Lens Filters and Accessories. </span></p> <p><span style="font-size: 12pt;"><!-- End Google Tag Manager (noscript) --></span></p> <p style="text-align: center;"><span style="font-size: 12pt;">Established in 1989 and online since 1997.</span></p></div> <div class="suckertreemenu"> <ul id="ShopSite"> <li><a href="https://www.2filter.com/shopsite_sc/store/html/Haida_Filters.html" style="" title="Haida Filters" >Haida Filters</a> <ul> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-proii-cpl-vnd-2-in-1-filter.html" title="PROII CPL-VND 2 in 1 Filters" >PROII CPL-VND 2 in 1 Filters</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-rear-lens-filter-kits.html" title="Rear Lens Filter Kits" >Rear Lens Filter Kits</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-m10-ii-100mm-system.html" title="M10-II 100mm System" >M10-II 100mm System</a> <ul> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-m10-ii-filter-holder-and-adapter-rings.html" title="M10-II Holder and Adapter Rings" >M10-II Holder and Adapter Rings</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-m10-ii-drop-in-round-filters.html" title="M10-II Drop-in Filters" >M10-II Drop-in Filters</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-m10-ii-filter-kits.html" title="M10-II Filter Kits" >M10-II Filter Kits</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-filters-100mm-neutral-density-filters.html" title="Neutral Density Filters" >Neutral Density Filters</a> <ul> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-filters-100mm-standard-neutral-density-filters.html" title="Standard Uncoated Filters" >Standard Uncoated Filters</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/Haida_100mm_NanoPro_Filters.html" title="NanoPro Filters" >NanoPro Filters</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/Haida_100mm_Red_Diamond_Filters.html" title="Red Diamond Filters" >Red Diamond Filters</a></li> </ul> </li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-100mm-graduated-neutral-density-filters.html" title="Graduated Neutral Density Filters" >Graduated Neutral Density Filters</a> <ul> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-100mm-nanopro-graduated-neutral-density-filters.html" title="NanoPro Filters" >NanoPro Filters</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-100mm-red-diamond-graduated-neutral-density-filters.html" title="Red Diamond Filters" >Red Diamond Filters</a></li> </ul> </li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-filters-100mm-circular-polarizers.html" title="Circular Polarizers" >Circular Polarizers</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-filters-100mm-nanopro-clear-night-filters.html" title="Clear Night Filters" >Clear Night Filters</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-100mm-cleaning-supplies-and-accessories.html" title="Cleaning Supplies and Accessories" >Cleaning Supplies and Accessories</a></li> </ul> </li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-m15-150mm-filter-system.html" title="M15 150mm System" >M15 150mm System</a> <ul> <li><a href="https://www.2filter.com/shopsite_sc/store/html/Haida_150mm_Filters_and_Holders.html" title="Holders and Adapter Rings" >Holders and Adapter Rings</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-filters-150mm-m15-magnetic-filters.html" title="M15 Magnetic Filters" >M15 Magnetic Filters</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/Haida_150mm_Filter_Kits.html" title="Filter Kits" >Filter Kits</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-filters-150mm-neutral-density-filters.html" title="Neutral Density Filters" >Neutral Density Filters</a> <ul> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-filters-150mm-neutral-density-filters_ss61.html" title="Standard Filters" >Standard Filters</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/Haida_150mm_NanoPro_Filters.html" title="NanoPro Filters" >NanoPro Filters</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/Haida_150mm_Red_Diamond_Filters.html" title="Red Diamond Filters" >Red Diamond Filters</a></li> </ul> </li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-150mm-graduated-neutral-density-filters.html" title="Graduated Neutral Density Filters" >Graduated Neutral Density Filters</a> <ul> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-150mm-nanopro-graduated-neutral-density-filters.html" title="NanoPro Graduated Neutral Density Filters" >NanoPro Graduated Neutral Density Filters</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-150mm-red-diamond-graduated-neutral-density-filters.html" title="Red Diamond Graduated Neutral Density Filters" >Red Diamond Graduated Neutral Density Filters</a></li> </ul> </li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-filters-150mm-circular-polarizers.html" title="Circular Polarizers" >Circular Polarizers</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-filters-150mm-nanopro-clear-night-filters.html" title="Clear Night Filters" >Clear Night Filters</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-150mm-cleaning-supplies-and-accessories.html" title="Cleaning Supplies and Accessories" >Cleaning Supplies and Accessories</a></li> </ul> </li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/Haida_Screw_In_Filters.html" title="Round Screw-In Filters" >Round Screw-In Filters</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-magnetic-filter-system.html" title="Magnetic Filter System" >Magnetic Filter System</a> <ul> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-magnetic-filter-kits.html" title="Magnetic Filter Kits" >Magnetic Filter Kits</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-magnetic-filters.html" title="Magnetic Filters" >Magnetic Filters</a> <ul> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-magnetic-uv-filters.html" title="UV Filters" >UV Filters</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-magnetic-circular-polarizers.html" title="Circular Polarizers" >Circular Polarizers</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-magnetic-neutral-density-filters.html" title="Neutral Density Filters" >Neutral Density Filters</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-magnetic-clear-night-filters.html" title="Clear Night Filters" >Clear Night Filters</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-magnetic-graduated-nd-filters.html" title="Graduated ND Filters" >Graduated ND Filters</a></li> </ul> </li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-magnetic-adapter-rings-and-accessories.html" title="Magnetic Adapter Rings and Accessories" >Magnetic Adapter Rings and Accessories</a></li> </ul> </li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/Haida_V_Pro_Cinema_Filters.html" title="V-Pro Series Cinema Filters" >V-Pro Series Cinema Filters</a> <ul> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-v-pro-4x4-cinema-filters.html" title="4x4" Filters" >4x4" Filters</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-v-pro-4x5.65-cinema-filters.html" title="4x5.65" Filters" >4x5.65" Filters</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-v-pro-6.6x6.6-cinema-filters.html" title="6.6x6.6" Filters" >6.6x6.6" Filters</a></li> </ul> </li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-drone-filters.html" title="Drone Filters" >Drone Filters</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-nanopro-x100-fujifilm-filters.html" title="Fujifilm X100 Series" >Fujifilm X100 Series</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/haida-filters-specials.html" title="Specials" >Specials</a></li> </ul> </li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/kase-filters.html" title="Kase Filters" >Kase Filters</a> <ul> <li><a href="https://www.2filter.com/shopsite_sc/store/html/kase-kw-revolution.html" title="KW Revolution Magnetic Filters" >KW Revolution Magnetic Filters</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/kase-screw-in-filters.html" title="Screw-In Filters" >Screw-In Filters</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/kase-100mm-filter-system.html" title="100mm Filter System" >100mm Filter System</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/kase-clip-in-filters.html" title="Clip-in Filters" >Clip-in Filters</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/kase-telephoto-zoom-lens-filter-kits.html" title="Telephoto Lens Kits" >Telephoto Lens Kits</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/kase-rear-lens-filters.html" title="Rear Lens Filters" >Rear Lens Filters</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/kase-150mm-filter-system.html" title="150mm Filter System" >150mm Filter System</a> <ul> <li><a href="https://www.2filter.com/shopsite_sc/store/html/kase-150mm-filter-holders-and-adapter-rings.html" title="150mm Filter Holders and Adapter Rings" >150mm Filter Holders and Adapter Rings</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/kase-150mm-filters.html" title="150mm Filters" >150mm Filters</a></li> </ul> </li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/kase-stackable-magnetic-nd-filter-kits.html" title="Stackable ND Filter Kits" >Stackable ND Filter Kits</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/kase-moviemate-magnetic-matte-box.html" title="MovieMate Magnetic Matte Box" >MovieMate Magnetic Matte Box</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/kase-smartphone-magnetic-filters.html" title="Smartphone Magnetic Filters" >Smartphone Magnetic Filters</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/kase-filters-specials.html" title="Specials" >Specials</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/kase-lenses.html" title="Lenses" >Lenses</a></li> </ul> </li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/filters-by-type.html" title="Filters By Type" >Filters By Type</a> <ul> <li><a href="https://www.2filter.com/shopsite_sc/store/html/magnetic-filters.html" title="Magnetic Filters" >Magnetic Filters</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/screw-in-camera-lens-filters.html" title="Screw-in Filters" >Screw-in Filters</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/100mm-filters-and-holders.html" title="100mm Filters and Holders" >100mm Filters and Holders</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/150mm-filters-and-holders.html" title="150mm Filters and Holders" >150mm Filters and Holders</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/rear-lens-filters.html" title="Rear Lens Filters" >Rear Lens Filters</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/kase-clip-in-filters.html" title="Clip-in Filters" >Clip-in Filters</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/cinema-filters.html" title="Cinema Filters" >Cinema Filters</a></li> </ul> </li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/accessories.html" title="Filter Accessories" >Filter Accessories</a> <ul> <li><a href="https://www.2filter.com/shopsite_sc/store/html/filter-pouches-and-cases.html" title="Filter Pouches and Cases" >Filter Pouches and Cases</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/Cleaning_Supplies.html" title="Cleaning Supplies" >Cleaning Supplies</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/Stepping_Rings.html" title="Step Rings" >Step Rings</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/Lens_Caps.html" title="Lens Caps" >Lens Caps</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/Lens_Hoods.html" title="Lens Hoods" >Lens Hoods</a></li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/page351.html" title="Filter Wrenches" >Filter Wrenches</a></li> </ul> </li> <li><a href="https://www.2filter.com/shopsite_sc/store/html/specials.html" title="Open Box Deals" >Open Box Deals</a></li> </ul> </div> <script type="text/javascript">var liwidth = "0"; $("ul#ShopSite > li").each(function() {liwidth = parseInt(liwidth) + parseInt($(this).outerWidth());}); $("div.suckertreemenu").append("<a href=\"http://www.2filter.com\" id=\"categoriesLink\" onclick=\"openVertical(); return false;\">Categories<\/a>"); $("ul#ShopSite").append("<div id=\"bb-navfade\" onclick=\"openVertical();\"><\/div>"); $("ul#ShopSite li").each(function() {if ($(this).children("ul").length > 0) {$(this).attr("class","bb-navfolder")}}); $("#ShopSite > li").each(function() {if ($(this).html().indexOf("haida-100mm-cleaning-supplies-and-accessories.html") != -1) {$(this).addClass("subcategory"); return false;}});function rdCheck(wels) { if (wels > $("div.suckertreemenu").parent().outerWidth()) {verticalNav();} else if ($("html").attr("id") === "touch") {horizontalNavTouch();} else {regularNav();} } $("document").ready(function() { $(window).resize(debouncer(function() {rdCheck(liwidth);})); rdCheck(liwidth); }); </script> <div class="clear"></div></div> </header> <div id="bb-content"><div id="bb-inner"><div id="bb-miimghalf"><style type="text/css">.clear{clear:both}.prod_img,.row_img,#prod_img,.row_img img{max-width:100%}.thumb-cards{display:-ms-flexbox !important;display: flex !important;}.flex2>div{max-width:50%}.flex3>div{max-width:33%}.flex4>div{max-width:25%}.flex5>div{max-width:20%}.flex6>div{max-width:16%}.flex7>div{max-width:14%}.flex8>div{max-width:12.5%}.flex9>div{max-width:11%}.flex10>div{max-width:10%}.row_img a{display:inline-block;margin-top:2px;margin-right:2px}.row_img .thumb-cards>div:last-child a{margin-right:0px !important}</style> <div class="prod_img" align="center"><img src="https://www.2filter.com/shopsite_sc/store/html/media/Haida/100mm/ss_size1/Filter-Case-Grads.jpg" alt="Haida 100x150mm Metal Case" name="prod_img" id="prod_img"></div> </div><div id="bb-miinfohalf" class="lmt"> <h1 id="bbnme">Haida 100x150mm Metal Case</h1> <div class="bb-price Normal" id="bb-pricetwoline"> <span class="bb-saleprice">$<span>7.50</span></span> </div> <span id="bb-misku" class="Plain Small">HD4753-100x150</span><form id="bb-miform" action="https://www.2filter.com/cgi-2filter/sb/order.cgi" method="post"><input type="hidden" name="storeid" value="*101fb218ae07c0417f56"><input type="hidden" name="dbname" value="products"><input type="hidden" name="function" value="add"> <input type="hidden" name="itemnum" value="3686"> <div id="bb-miopt"><span id="bb-mioptt"><p style="color:blue">Estimated Delivery 10-14 Days</span> </div> <input id="bb-miaddtxt" class="bb-bigsubmit" type="submit" value="Add To Cart"> </form> <div class="clear"></div> <div id="bbsocialshare"></div> </div><!-- closing bb-miinfo --> <div class="clear"></div> <div id="bb-mi-moreinfotext" class="bb-mi-regsection lmt">Spare filter case for one 100x150mm filter.</div><div id="bb-mi-createdtable" class="bb-mi-regsection lmt"> </div> <div class="clear"></div></div></div> <footer><div id="bb-footer1"> <div id="bb-footer1soc"><div id="bb-footer1follow"></div><div class="clear"></div></div> <div class="clear"></div><div id="bb-footerexcess" class="bb-foot2cols"> <div class="bb-footerexcesstexta"><p align="left"><a href=http://www.2filter.com/shopsite_sc/store/html/About.html><font color="FFFFFF"> About 2filter.com </font></a> <a href=http://www.2filter.com/shopsite_sc/store/html/Contact.html><font color="FFFFFF"> Contact 2filter.com </font></a> <a href=http://www.2filter.com/shopsite_sc/store/html/Policies.html><font color="FFFFFF"> 2filter.com Policies </font></a></p> </div><div class="bb-footerexcesssecurity"><a href="https://www.2filter.com/cgi-2filter/sb/image.cgi?key=security_redirect&storeid=*101fb218ae07c0417f56&lang=en-US" target="_blank"><img src="https://www.2filter.com/cgi-2filter/sb/image.cgi?security=yes&storeid=*101fb218ae07c0417f56&r1=2012667264&r2=877849294" border="0"></a></div></div><div class="clear"></div> <div id="bb-footer1footer"><p style="font-size: 86%;"><span style="opacity: 0.7; filter: opacity(70);">Powered by <a title="ShopSite Shopping Cart Software Powers This Store" href="https://www.shopsite.com/" target="_blank" rel="noopener">ShopSite Shopping Cart Software</a></span></p> <p>Copyright ©2025 603 Photographic Accessories LLC - All Rights Reserved</p></div><div class="clear"></div><div id="bb-footeradditionallinks"> <a href="https://www.2filter.com/cgi-2filter/sb/order.cgi?func=3&storeid=*101fb218ae07c0417f56&html_reg=html" title="Your Account">Your Account</a></div> </div></footer> <link href="//fonts.googleapis.com/css?family=Playfair+Display:400,900|Open+Sans:400,300" rel="stylesheet" type="text/css"><script type="text/javascript">$(document).ready(function(){$('.bb-prodprc').each(function(){e=$(this);var a=e.attr('data-price');if(a) {var subs = a.replace(/,/g, '').split('|');for (i = 0; i < subs.length; i++) {subs[i] = parseFloat(subs[i]);}; var prc='$'+Number(subs.min()).toFixed(2);if ((subs.min()) != (subs.max())) prc += ' - ' + '$' + Number(subs.max()).toFixed(2);e.text(e.text() + prc); e.removeAttr('data-price');}});});</script> <script type="text/javascript" src="https://www.2filter.com/shopsite_sc/store/html/publish/bb-matchHeight.js"></script> <script type="text/javascript">(function($) {$(function() {var byRow = $('body'); $('.bb-loopheight').each(function() {$(this).children('.bb-matchheight').matchHeight(byRow);});});})(ss_jQuery);</script> <script type="text/javascript" src="https://www.2filter.com/shopsite_sc/store/html/publish/bb-modernizr.js"></script> <script type="text/javascript">$("table").each(function() {if (($(this).outerWidth()) > ($(this).parent().outerWidth())) {$(this).addClass("tabletoobig");}});</script> <style type="text/css">body.modal-open header {position: absolute !important; z-index: -1}.modal-open {overflow: hidden}div#cart-popup, div#giftModal, div#contactModal {background: #FFF none repeat scroll 0 0; border-radius: 8px; bottom: auto; margin: auto; max-width: 500px; top: 5%; width: 90%; text-align: left}.modal-open .modal {overflow-x: hidden; overflow-y: auto}.fade.in {opacity: 0.5}.modal-backdrop.fade.in {opacity: 0.5}.modal {bottom: 0; display: none; left: 0; outline: 0 none; overflow: hidden; position: fixed; right: 0; top: 0; z-index: 1050}.fade {opacity: 0; transition: opacity 0.15s linear 0s}.modal-header {border-bottom: 1px solid #e5e5e5; min-height: 16.43px; padding: 15px}.modal-header .close {margin-top: -2px}span#cart-popup-prod-price {float: right}button.close {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; cursor: pointer; padding: 0}.close {color: #000; float: right; font-size: 21px; font-weight: 700; line-height: 1; opacity: 0.2; text-shadow: 0 1px 0 #fff}.modal-title {background: transparent; line-height: 1.42857; margin: 0}.modal-body {padding: 15px; position: relative}.modal-body div.warning {background: #FFF; border: 0px}div#messages {clear: both; padding: 0; text-align: center}div#messages > table, div#messages > div {margin-bottom: 15px !important}div#cart-popup-prod-img {clear: none; display: inline-block; float: left; text-align: center; width: 50%}div#cart-popup-prod-img img {max-width: 100%}div#cart-popup-prod-info {clear: none; display: inline-block; float: right; width: 48%}div#cart-popup-prod-info > span {display: block}span#cart-popup-name-price {clear: both; display: block}div#cart-popup-prod-info > span#cart-popup-prod-sku {font-size: 90%; font-style: italic}.text-muted {color: #777}.modal-footer {line-height: 100%;border-top: 1px solid #e5e5e5; padding: 15px; text-align: right}div#cart-popup-totals {padding: 0 2px 15px 0}div#cart-popup-totals {text-align: right}span#cart-popup-total-quantity {clear: none; display: inline-block; float: left; font-weight: bold}.modal-backdrop.in {opacity: 0.5}.modal-backdrop.fade {opacity: 0}.fade.in {opacity: 1}.modal-backdrop {background-color: #000; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1040}.fade {opacity: 0; transition: opacity 0.15s linear 0s}a.btn, a.btn:link, a.btn:visited, a.btn:active, button {background: #0B91BD; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 0px; color: #fff; cursor: pointer; display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 11.5pt; margin: 2px; padding: 5px 14px !important; text-decoration: none; width: auto; height: auto; line-height: 1.4em; float: none}button {padding: 4px; 13px}.clear {clear: both}</style> <script type="text/javascript">var $ = ss_jQuery, jQuery = ss_jQuery;</script> <script> /* ======================================================================== * Bootstrap: modal.js v3.4.1 * https://getbootstrap.com/docs/3.4/javascript/#modals * ======================================================================== * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // MODAL CLASS DEFINITION // ====================== var Modal = function (element, options) { this.options = options this.$body = $(document.body) this.$element = $(element) this.$dialog = this.$element.find('.modal-dialog') this.$backdrop = null this.isShown = null this.originalBodyPad = null this.scrollbarWidth = 0 this.ignoreBackdropClick = false this.fixedContent = '.navbar-fixed-top, .navbar-fixed-bottom' if (this.options.remote) { this.$element .find('.modal-content') .load(this.options.remote, $.proxy(function () { this.$element.trigger('loaded.bs.modal') }, this)) } } Modal.VERSION = '3.4.1' Modal.TRANSITION_DURATION = 300 Modal.BACKDROP_TRANSITION_DURATION = 150 Modal.DEFAULTS = { backdrop: true, keyboard: true, show: true } Modal.prototype.toggle = function (_relatedTarget) { return this.isShown ? this.hide() : this.show(_relatedTarget) } Modal.prototype.show = function (_relatedTarget) { var that = this var e = $.Event('show.bs.modal', { relatedTarget: _relatedTarget }) this.$element.trigger(e) if (this.isShown || e.isDefaultPrevented()) return this.isShown = true this.checkScrollbar() this.setScrollbar() this.$body.addClass('modal-open') this.escape() this.resize() this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]', $.proxy(this.hide, this)) this.$dialog.on('mousedown.dismiss.bs.modal', function () { that.$element.one('mouseup.dismiss.bs.modal', function (e) { if ($(e.target).is(that.$element)) that.ignoreBackdropClick = true }) }) this.backdrop(function () { var transition = $.support.transition && that.$element.hasClass('fade') if (!that.$element.parent().length) { that.$element.appendTo(that.$body) // don't move modals dom position } that.$element .show() .scrollTop(0) that.adjustDialog() if (transition) { that.$element[0].offsetWidth // force reflow } that.$element.addClass('in') that.enforceFocus() var e = $.Event('shown.bs.modal', { relatedTarget: _relatedTarget }) transition ? that.$dialog // wait for modal to slide in .one('bsTransitionEnd', function () { that.$element.trigger('focus').trigger(e) }) .emulateTransitionEnd(Modal.TRANSITION_DURATION) : that.$element.trigger('focus').trigger(e) }) } Modal.prototype.hide = function (e) { if (e) e.preventDefault() e = $.Event('hide.bs.modal') this.$element.trigger(e) if (!this.isShown || e.isDefaultPrevented()) return this.isShown = false this.escape() this.resize() $(document).off('focusin.bs.modal') this.$element .removeClass('in') .off('click.dismiss.bs.modal') .off('mouseup.dismiss.bs.modal') this.$dialog.off('mousedown.dismiss.bs.modal') $.support.transition && this.$element.hasClass('fade') ? this.$element .one('bsTransitionEnd', $.proxy(this.hideModal, this)) .emulateTransitionEnd(Modal.TRANSITION_DURATION) : this.hideModal() } Modal.prototype.enforceFocus = function () { $(document) .off('focusin.bs.modal') // guard against infinite focus loop .on('focusin.bs.modal', $.proxy(function (e) { if (document !== e.target && this.$element[0] !== e.target && !this.$element.has(e.target).length) { this.$element.trigger('focus') } }, this)) } Modal.prototype.escape = function () { if (this.isShown && this.options.keyboard) { this.$element.on('keydown.dismiss.bs.modal', $.proxy(function (e) { e.which == 27 && this.hide() }, this)) } else if (!this.isShown) { this.$element.off('keydown.dismiss.bs.modal') } } Modal.prototype.resize = function () { if (this.isShown) { $(window).on('resize.bs.modal', $.proxy(this.handleUpdate, this)) } else { $(window).off('resize.bs.modal') } } Modal.prototype.hideModal = function () { var that = this this.$element.hide() this.backdrop(function () { that.$body.removeClass('modal-open') that.resetAdjustments() that.resetScrollbar() that.$element.trigger('hidden.bs.modal') }) } Modal.prototype.removeBackdrop = function () { this.$backdrop && this.$backdrop.remove() this.$backdrop = null } Modal.prototype.backdrop = function (callback) { var that = this var animate = this.$element.hasClass('fade') ? 'fade' : '' if (this.isShown && this.options.backdrop) { var doAnimate = $.support.transition && animate this.$backdrop = $(document.createElement('div')) .addClass('modal-backdrop ' + animate) .appendTo(this.$body) this.$element.on('click.dismiss.bs.modal', $.proxy(function (e) { if (this.ignoreBackdropClick) { this.ignoreBackdropClick = false return } if (e.target !== e.currentTarget) return this.options.backdrop == 'static' ? this.$element[0].focus() : this.hide() }, this)) if (doAnimate) this.$backdrop[0].offsetWidth // force reflow this.$backdrop.addClass('in') if (!callback) return doAnimate ? this.$backdrop .one('bsTransitionEnd', callback) .emulateTransitionEnd(Modal.BACKDROP_TRANSITION_DURATION) : callback() } else if (!this.isShown && this.$backdrop) { this.$backdrop.removeClass('in') var callbackRemove = function () { that.removeBackdrop() callback && callback() } $.support.transition && this.$element.hasClass('fade') ? this.$backdrop .one('bsTransitionEnd', callbackRemove) .emulateTransitionEnd(Modal.BACKDROP_TRANSITION_DURATION) : callbackRemove() } else if (callback) { callback() } } // these following methods are used to handle overflowing modals Modal.prototype.handleUpdate = function () { this.adjustDialog() } Modal.prototype.adjustDialog = function () { var modalIsOverflowing = this.$element[0].scrollHeight > document.documentElement.clientHeight this.$element.css({ paddingLeft: !this.bodyIsOverflowing && modalIsOverflowing ? this.scrollbarWidth : '', paddingRight: this.bodyIsOverflowing && !modalIsOverflowing ? this.scrollbarWidth : '' }) } Modal.prototype.resetAdjustments = function () { this.$element.css({ paddingLeft: '', paddingRight: '' }) } Modal.prototype.checkScrollbar = function () { var fullWindowWidth = window.innerWidth if (!fullWindowWidth) { // workaround for missing window.innerWidth in IE8 var documentElementRect = document.documentElement.getBoundingClientRect() fullWindowWidth = documentElementRect.right - Math.abs(documentElementRect.left) } this.bodyIsOverflowing = document.body.clientWidth < fullWindowWidth this.scrollbarWidth = this.measureScrollbar() } Modal.prototype.setScrollbar = function () { var bodyPad = parseInt((this.$body.css('padding-right') || 0), 10) this.originalBodyPad = document.body.style.paddingRight || '' var scrollbarWidth = this.scrollbarWidth if (this.bodyIsOverflowing) { this.$body.css('padding-right', bodyPad + scrollbarWidth) $(this.fixedContent).each(function (index, element) { var actualPadding = element.style.paddingRight var calculatedPadding = $(element).css('padding-right') $(element) .data('padding-right', actualPadding) .css('padding-right', parseFloat(calculatedPadding) + scrollbarWidth + 'px') }) } } Modal.prototype.resetScrollbar = function () { this.$body.css('padding-right', this.originalBodyPad) $(this.fixedContent).each(function (index, element) { var padding = $(element).data('padding-right') $(element).removeData('padding-right') element.style.paddingRight = padding ? padding : '' }) } Modal.prototype.measureScrollbar = function () { // thx walsh var scrollDiv = document.createElement('div') scrollDiv.className = 'modal-scrollbar-measure' this.$body.append(scrollDiv) var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth this.$body[0].removeChild(scrollDiv) return scrollbarWidth } // MODAL PLUGIN DEFINITION // ======================= function Plugin(option, _relatedTarget) { return this.each(function () { var $this = $(this) var data = $this.data('bs.modal') var options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option == 'object' && option) if (!data) $this.data('bs.modal', (data = new Modal(this, options))) if (typeof option == 'string') data[option](_relatedTarget) else if (options.show) data.show(_relatedTarget) }) } var old = $.fn.modal $.fn.modal = Plugin $.fn.modal.Constructor = Modal // MODAL NO CONFLICT // ================= $.fn.modal.noConflict = function () { $.fn.modal = old return this } // MODAL DATA-API // ============== $(document).on('click.bs.modal.data-api', '[data-toggle="modal"]', function (e) { var $this = $(this) var href = $this.attr('href') var target = $this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, '')) // strip for ie7 var $target = $(document).find(target) var option = $target.data('bs.modal') ? 'toggle' : $.extend({ remote: !/#/.test(href) && href }, $target.data(), $this.data()) if ($this.is('a')) e.preventDefault() $target.one('show.bs.modal', function (showEvent) { if (showEvent.isDefaultPrevented()) return // only register focus restorer if modal will actually get shown $target.one('hidden.bs.modal', function () { $this.is(':visible') && $this.trigger('focus') }) }) Plugin.call($target, option, this) }) }(jQuery); </script> <div id="cart-popup" class="modal fade" role="dialog"> <div class="modal-header"><button type="button" class="close" data-dismiss="modal">×</button><h4 class="modal-title"></h4></div> <div class="modal-body"><div id="messages" class="warning"><div id="cart-popup-messages"></div></div><div id="cart-popup-prod-img"></div><div id="cart-popup-prod-info"><span id="cart-popup-name-price"><span id="cart-popup-prod-price"></span><span id="cart-popup-prod-name"></span></span><span id="cart-popup-prod-sku" class="text-muted padb"></span><span id="cart-popup-prod-options"></span><span id="cart-popup-prod-customer_text"></span><span id="cart-popup-prod-quantity"></span></div><div class="clear"></div></div> <div class="modal-footer"><div id="cart-popup-totals"><span id="cart-popup-total-quantity"></span><span class="bold">Total: <span id="cart-popup-total"></span></span></div><div class="clear"></div><button type="button" class="btn btn-default" data-dismiss="modal">Continue Shopping</button><a class="btn btn-primary" href="https://www.2filter.com/cgi-2filter/sb/order.cgi?storeid=*101fb218ae07c0417f56&function=show">View Cart</a></div> </div> <!--<script>function updatePrice(prodcontainer) {var price = 7.50;var nothingselected = true;var adjustprice = 0;var equalsprices = 0;ss_jQuery("#"+prodcontainer+" select option:selected").each(function(){var optionval = ss_jQuery(this).val();if (optionval.indexOf(";")>-1) {optionval=optionval.substring([optionval.indexOf(";")+1])};optionval = optionval.replace(" ","");if (optionval.length>0&&optionval.indexOf("=")==0){equalsprices+=parseFloat(optionval.substring([optionval.indexOf(";=")+2]));}else if (optionval.length>0&&optionval!=0&&optionval.indexOf("n")==-1) {optionval = parseFloat(optionval);if(isNaN(optionval)){adjustprice=adjustprice}else {adjustprice=parseFloat(adjustprice)+parseFloat(optionval);}};nothingselected = false;});if (nothingselected == false) {if (equalsprices>0) {price = equalsprices;};price = Number(parseFloat(adjustprice)+parseFloat(price)).toLocaleString('en-US', { style: 'decimal', maximumFractionDigits : 2, minimumFractionDigits : 2 }); ss_jQuery("#"+prodcontainer+" .bb-saleprice:nth-child(1) span").html(price);}} ss_jQuery("div#bb-miopt select").change(function(){updatePrice("bb-inner");}); </script> --> </body> </html>
