</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-filters-100mm-m10-filter-holder-and-adapter-rings.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/M10/ss_size1/M10-Ring.jpg" alt="Haida 77mm Adapter Ring for M10 Filter Holder" name="prod_img" id="prod_img"></div> </div><div id="bb-miinfohalf" class="lmt"> <h1 id="bbnme">Haida 77mm Adapter Ring for M10 Filter Holder</h1> <div class="bb-price Normal" id="bb-pricetwoline"> <span class="bb-saleprice">$<span>18.00</span></span> </div> <span id="bb-misku" class="Plain Small">HD4251-77</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="1693"> <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">The M10 adapter ring is designed to work exclusively with the Haida M10 100mm filter holder. Simply screw in the M10 adapter ring to the front threads of your lens and attach the M10 filter holder (sold separately).</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 = 18.00;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>
