CINXE.COM

Empowering Innovation - Mouser

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" > <html lang="en-US"> <head id="Head"><meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /> <meta name="REVISIT-AFTER" content="1 DAYS" /> <meta name="RATING" content="GENERAL" /> <meta name="RESOURCE-TYPE" content="DOCUMENT" /> <meta content="text/javascript" http-equiv="Content-Script-Type" /> <meta content="text/css" http-equiv="Content-Style-Type" /> <meta name="google-translate-customization" content="738d0de5cbb8ec26-3d6a2ee26b2ea3ed-g42fdbf3d5e5ab818-14"></meta> <title> Empowering Innovation - Mouser </title><meta id="MetaDescription" name="description" content="Mouser Electronics is Empowering Innovation Together by offering the latest Videos, Articles, Contests &amp; more to empower engineers." /><meta id="MetaKeywords" name="keywords" content="empowering innovation, empowering innovation together, empowering engineering" /><meta id="MetaRobots" name="robots" content="INDEX, FOLLOW" /><link href="/empowering-innovation/Resources/Shared/stylesheets/dnndefault/7.0.0/default.css?cdv=358" type="text/css" rel="stylesheet"/><link href="/empowering-innovation/Portals/_default/ie.css?cdv=358" type="text/css" rel="stylesheet"/><link href="/empowering-innovation/DesktopModules/HTML/module.css?cdv=358" type="text/css" rel="stylesheet"/><link href="/empowering-innovation/Portals/_default/skins/empowering-innovation/skin.css?cdv=358" type="text/css" rel="stylesheet"/><link href="/empowering-innovation/Portals/_default/Containers/Gravity/container.css?cdv=358" type="text/css" rel="stylesheet"/><link href="/empowering-innovation/Portals/1/portal.css?cdv=358" type="text/css" rel="stylesheet"/><script type="text/javascript" src="https://www.mouser.com/static/ef61b32b1fa5c9646c76fe6291018dd5392b005b17a5d5" async ></script><script src="/empowering-innovation/Resources/libraries/jQuery/03_05_01/jquery.js?cdv=358" type="text/javascript"></script><script src="/empowering-innovation/Resources/libraries/jQuery-Migrate/03_02_00/jquery-migrate.js?cdv=358" type="text/javascript"></script><link rel="canonical" href="https://www.mouser.com/empowering-innovation" /><link rel='SHORTCUT ICON' href='/empowering-innovation/Portals/1/favicon (1).ico?ver=ncwL56cBIwUOovobMZ2y1g%3d%3d' type='image/x-icon' /><script type="text/javascript"> function AddCommonPageAttributes(pageDataEvent) { pageDataEvent.attributes.user_agent = navigator.userAgent; pageDataEvent.attributes.protocol = location.protocol.replace(':', ''); pageDataEvent.attributes.cart = ReadCookie("CARTCOOKIEUUID"); var dataLayerCookie = ReadDLCookie(); pageDataEvent.attributes.mym = dataLayerCookie['mym']; pageDataEvent.attributes.twiki = dataLayerCookie['twiki']; pageDataEvent.attributes.employee = dataLayerCookie['employee']; pageDataEvent.attributes.session = dataLayerCookie['session']; pageDataEvent.attributes.tricolor = dataLayerCookie['tricolor']; pageDataEvent.attributes.user_id = dataLayerCookie['user_id']; pageDataEvent.attributes.uv = dataLayerCookie['uv']; return pageDataEvent; }; function ReadCookie(cookieName) { var theCookie = "" + document.cookie; var ind = theCookie.indexOf(cookieName); if (ind == -1 || cookieName == "") return ""; var ind1 = theCookie.indexOf(';', ind); if (ind1 == -1) ind1 = theCookie.length; return unescape(theCookie.substring(ind + cookieName.length + 1, ind1)); }; function ReadDLCookie() { var theCookie = ReadCookie('DataLayerInfo'); var cookieValues = {}; var properties = theCookie.split('&'); for (i = 0; i < properties.length; i++) { ind = properties[i].indexOf('='); cookieValues[properties[i].substring(0, ind)] = properties[i].substring(ind + 1); } return cookieValues; }; </script> <script type="text/javascript"> (function () { var cookieSimulateGeoValue = ""; var cookieParts = document.cookie.split("OneTrustSimulateGeo="); if (cookieParts.length === 2) { cookieSimulateGeoValue = cookieParts.pop().split(';').shift(); if (cookieSimulateGeoValue !== "") { console.log("Simulating Geo " + cookieSimulateGeoValue); var geo = cookieSimulateGeoValue.split("|"); window.OneTrust = { geolocationResponse: { stateCode: geo[0], countryCode: geo[1], regionCode: geo[2] } }; } } })(); </script> <script type="text/javascript"> window.mouser = window.mouser || {}; // facebook tracking window.mouser.facebook = window.mouser.facebook || {}; window.mouser.facebook.messageQueue = new Array(); window.mouser.facebook.queue = function() { if (typeof window.fbq !== 'undefined') { window.fbq.apply(this,arguments); return; } window.mouser.facebook.messageQueue.push(arguments); } function OptanonWrapper() { $("#ot-sdk-cookie-policy").css("display", "block"); var mouserOptData = Optanon.GetDomainData(); var mouserOptModel = mouserOptData.ConsentModel || {}; window.mouser.onetrust = { consentModel: mouserOptModel.Name, isNoticeOnly: (mouserOptModel.Name || "").toUpperCase() === "NOTICE ONLY" }; if (!window.mouser.onetrust.isNoticeOnly) { $(".mouser-one-trust-notice-only-hidden").show(); } if (typeof window.fbq !== 'undefined') { for (var i = 0; i < window.mouser.facebook.messageQueue.length; i++) { window.fbq.apply(this, window.mouser.facebook.messageQueue[i]); } } } </script> <script charset="UTF-8" data-domain-script="d9fe45fe-9499-42cc-b4f0-279933971509" src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" id="onetrust-script" data-language=en-US></script> <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <script>!function(e){var n="https://s.go-mpulse.net/boomerang/";if("False"=="True")e.BOOMR_config=e.BOOMR_config||{},e.BOOMR_config.PageParams=e.BOOMR_config.PageParams||{},e.BOOMR_config.PageParams.pci=!0,n="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="XP8WW-5UC34-XF3N8-CFN7L-ZFYWG",function(){function e(){if(!o){var e=document.createElement("script");e.id="boomr-scr-as",e.src=window.BOOMR.url,e.async=!0,i.parentNode.appendChild(e),o=!0}}function t(e){o=!0;var n,t,a,r,d=document,O=window;if(window.BOOMR.snippetMethod=e?"if":"i",t=function(e,n){var t=d.createElement("script");t.id=n||"boomr-if-as",t.src=window.BOOMR.url,BOOMR_lstart=(new Date).getTime(),e=e||d.body,e.appendChild(t)},!window.addEventListener&&window.attachEvent&&navigator.userAgent.match(/MSIE [67]\./))return window.BOOMR.snippetMethod="s",void t(i.parentNode,"boomr-async");a=document.createElement("IFRAME"),a.src="about:blank",a.title="",a.role="presentation",a.loading="eager",r=(a.frameElement||a).style,r.width=0,r.height=0,r.border=0,r.display="none",i.parentNode.appendChild(a);try{O=a.contentWindow,d=O.document.open()}catch(_){n=document.domain,a.src="javascript:var d=document.open();d.domain='"+n+"';void(0);",O=a.contentWindow,d=O.document.open()}if(n)d._boomrl=function(){this.domain=n,t()},d.write("<bo"+"dy onload='document._boomrl();'>");else if(O._boomrl=function(){t()},O.addEventListener)O.addEventListener("load",O._boomrl,!1);else if(O.attachEvent)O.attachEvent("onload",O._boomrl);d.close()}function a(e){window.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!window.BOOMR||!window.BOOMR.version&&!window.BOOMR.snippetExecuted){window.BOOMR=window.BOOMR||{},window.BOOMR.snippetStart=(new Date).getTime(),window.BOOMR.snippetExecuted=!0,window.BOOMR.snippetVersion=12,window.BOOMR.url=n+"XP8WW-5UC34-XF3N8-CFN7L-ZFYWG";var i=document.currentScript||document.getElementsByTagName("script")[0],o=!1,r=document.createElement("link");if(r.relList&&"function"==typeof r.relList.supports&&r.relList.supports("preload")&&"as"in r)window.BOOMR.snippetMethod="p",r.href=window.BOOMR.url,r.rel="preload",r.as="script",r.addEventListener("load",e),r.addEventListener("error",function(){t(!0)}),setTimeout(function(){if(!o)t(!0)},3e3),BOOMR_lstart=(new Date).getTime(),i.parentNode.appendChild(r);else t(!1);if(window.addEventListener)window.addEventListener("load",a,!1);else if(window.attachEvent)window.attachEvent("onload",a)}}(),"".length>0)if(e&&"performance"in e&&e.performance&&"function"==typeof e.performance.setResourceTimingBufferSize)e.performance.setResourceTimingBufferSize();!function(){if(BOOMR=e.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var n=""=="true"?1:0,t="",a="bdpnbeqxe4fgqz53qrza-f-03d37ab4b-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,o={"ak.v":"39","ak.cp":"804119","ak.ai":parseInt("218298",10),"ak.ol":"0","ak.cr":3,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"c3715e99","ak.r":47863,"ak.a2":n,"ak.m":"a","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":60960,"ak.gh":"23.54.158.71","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1740342386","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==lS1xjEeA6isZfuMNWyXwqTLZLPlccVNOO72QJFK4TK8Xud/7s+0qRSpOsUCWW+CSnzDcZsf0J7rKsElozTorxSRfDVQYCkrLQrKbObULgIRR7SOd3HK2gr3Vr02DIZx27K6+WwOxPw8y/IskmNvcpqtwgRus/KBQYDFErpdN0klDIRNhqUtFV+pxJqYrKNCSdwcoYQX1TGhR/buBFxx20cVQ7oNSZOIdp+HBodYFzAN4DR0VMo34J6zWemRbc+KvSl3lXsOt8o4c+gB+yhNtcWmCKoS+bdsRPGE985RTrCjIbwNBf8OAKC5FVaGLcXMIZYfHl1r5RaAALwQeklfeG25gGoswuqc/nEIMMYa4CWquKvvES/vocRXxhWDgO1MqaxaeapjGEfjBRULpv1mOrp8a0tknhvxvvg9eN3dTnhA=","ak.pv":"376","ak.dpoabenc":"","ak.tf":i};if(""!==t)o["ak.ruds"]=t;var r={i:!1,av:function(n){var t="http.initiator";if(n&&(!n[t]||"spa_hard"===n[t]))o["ak.feo"]=void 0!==e.aFeoApplied?1:0,BOOMR.addVar(o)},rv:function(){var e=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(e)}};BOOMR.plugins.AK={akVars:o,akDNSPreFetchDomain:a,init:function(){if(!r.i){var e=BOOMR.subscribe;e("before_beacon",r.av,null,null),e("onbeacon",r.rv,null,null),r.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script><script type="text/javascript">var pr={md:"DC1-DC2-WLB"};</script></head> <body id="Body"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WXX6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WXX6');</script> <!-- End Google Tag Manager --> <form method="post" action="/empowering-innovation/" id="Form" enctype="multipart/form-data"> <div class="aspNetHidden"> <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="5O46zKpgZI6jbaVUC8bV0WQsK15eslh2aiTGEcCBTNq56B2FpXG5HADuTu8l76lU3e4EgXYu2JCdAMinuF1vlrD2KHgS3IjlK7+4yg==" /> </div> <script type="text/javascript"> //<![CDATA[ var theForm = document.forms['Form']; if (!theForm) { theForm = document.Form; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } //]]> </script> <script src="/empowering-innovation/WebResource.axd?d=pynGkmcFUV1RshY79qxwHZ-GfcOF2yRgIO5_Jv5dHfrNrQFIQFoDFsv_vRA1&amp;t=638628027619783110" type="text/javascript"></script> <script src="/empowering-innovation/ScriptResource.axd?d=NJmAwtEo3Ip7hgVFPsq2cfaOtTgiY-NATVr5vsokY0vDGzfyKLJUNosnD4bCk8KMgsPWCwMVNDp3FFtaQQPKhC2_xqKrx91N3Uwdi07qoG82rYn8YhwZOXCP6T0yl9HEC8pSXA2&amp;t=2a9d95e3" type="text/javascript"></script> <script src="/empowering-innovation/ScriptResource.axd?d=dwY9oWetJoIq63wkUhePSJPhkODr2j0vyLc2C4tC5gHZltZu7SWKGpvkrG23nKtSAznnK1ovDJsqS2x7AnhW4zFYRXpvvxRWWVQGqnQhFmVGfOGejT3rrFKSXC3DfhTC3E7GnXS3WsWO37yT0&amp;t=2a9d95e3" type="text/javascript"></script> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="2557C49A" /> <input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="" /> <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="21YEwTXtdzpw1uCvvMWhWn/fn5lGMkzu77vvfzdE7IcrpPUVkceskUTtXeEjUVk+R7VnGYh5Xq+KkTUFXtSwQUIo+4tPjJce35JQWF8CbTnmHITJ" /> </div><script src="/empowering-innovation/js/dnncore.js?cdv=358" type="text/javascript"></script><script src="/empowering-innovation/Portals/_default/skins/empowering-innovation/BindMENU/BindMENU.js?cdv=358" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ Sys.WebForms.PageRequestManager._initialize('ScriptManager', 'Form', [], [], [], 90, ''); //]]> </script> <!-- Google Tag Manager --> <script type="text/javascript"> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-WXX6');</script> <!-- End Google Tag Manager --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WXX6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <script type="text/javascript"> window.dataLayer = window.dataLayer || []; if (typeof AddCommonPageAttributes === "function") { window.dataLayer.push(AddCommonPageAttributes({ 'event': 'pageData', 'attributes': { 'app_name': 'mousercom', 'pagetype': 'eit', 'language_selection': 'en-us' } })); } else { window.dataLayer.push({ 'event': 'pageData', 'attributes': { 'app_name': 'mousercom', 'pagetype': 'eit', 'language_selection': 'en-us' } }); } </script> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'de,en,zh-CN,zh-TW,cs,nl,fr,ja,ko,pt,ru,es,sv,th', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false}, 'google_eit'); } </script> <style> @media (min-width:992px){.container{width:960px}} @media (min-width:1200px){.container{width:960px}} </style> <!-- BindTuning head elements--> <link rel="stylesheet" href="/empowering-innovation/Portals/_default/skins/empowering-innovation/css/font-awesome.min.css" type="text/css"/> <link rel="stylesheet" href="/empowering-innovation/Portals/_default/skins/empowering-innovation/popUpSkin.css" type="text/css"/> <script type="text/javascript"> if (typeof jQuery == 'undefined') {document.write('<script type="text/javascript" src="/empowering-innovation/Portals/_default/skins/empowering-innovation/js/jquery.min.js"><' + '/script>');} var style_mobile_path = '/empowering-innovation/Portals/_default/skins/empowering-innovation/css/'; // path for mobile nav css files, DNN-specific </script> <script type="text/javascript"> $('head').append('<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">'); </script> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="/empowering-innovation/Portals/_default/skins/empowering-innovation/js/html5shiv.min.js"></script> <script src="/empowering-innovation/Portals/_default/skins/empowering-innovation/js/respond.min.js"></script> <![endif]--> <script type="text/javascript" src="/empowering-innovation/Portals/_default/skins/empowering-innovation/BindMENU/BindMENU.js"></script> <script type="text/javascript" src="/empowering-innovation/Portals/_default/skins/empowering-innovation/js/bootstrap.min.js"></script> <script type="text/javascript" src="/empowering-innovation/Portals/_default/skins/empowering-innovation/js/fix-responsive-WP8.js"></script> <script type="text/javascript" src="/empowering-innovation/Portals/_default/skins/empowering-innovation/js/initilizations.js"></script> <script type="text/javascript" src="/empowering-innovation/Portals/_default/skins/empowering-innovation/js/submenua11y.js"></script> <link rel="stylesheet" href="/empowering-innovation/Portals/_default/skins/empowering-innovation//css/style.css" type="text/css"/> <link href="/empowering-innovation/Portals/_default/skins/empowering-innovation//css/Fjalla-One.css" rel='stylesheet' type='text/css'> <link href="/empowering-innovation/Portals/_default/skins/empowering-innovation//css/Open-Sans.css" rel='stylesheet' type='text/css'> <!--Apply class to body with browser version--> <script type="text/javascript"> var nVer = navigator.appVersion; var nAgt = navigator.userAgent; var bN = navigator.appName; var fullV = "" + parseFloat(navigator.appVersion); var majorV = parseInt(navigator.appVersion, 10); var nameOffset, verOffset, ix; if ((verOffset = nAgt.indexOf("Opera")) !== -1) { bN = "Opera"; fullV = nAgt.substring(verOffset + 6); if ((verOffset = nAgt.indexOf("Version")) !== -1) { fullV = nAgt.substring(verOffset + 8) } } else { if ((verOffset = nAgt.indexOf("MSIE")) !== -1) { bN = "IE"; fullV = nAgt.substring(verOffset + 5) } else { if ((verOffset = nAgt.indexOf("Chrome")) !== -1) { bN = "Chrome"; fullV = nAgt.substring(verOffset + 7) } else { if ((verOffset = nAgt.indexOf("Safari")) !== -1) { bN = "Safari"; fullV = nAgt.substring(verOffset + 7); if ((verOffset = nAgt.indexOf("Version")) !== -1) { fullV = nAgt.substring(verOffset + 8) } } else { if ((verOffset = nAgt.indexOf("Firefox")) !== -1) { bN = "Firefox"; fullV = nAgt.substring(verOffset + 8) } else { if ((nameOffset = nAgt.lastIndexOf(" ") + 1) < (verOffset = nAgt.lastIndexOf("/"))) { bN = nAgt.substring(nameOffset, verOffset); fullV = nAgt.substring(verOffset + 1); if (bN.toLowerCase() == bN.toUpperCase()) { bN = navigator.appName } } } } } } } if ((ix = fullV.indexOf(";")) !== -1) { fullV = fullV.substring(0, ix) } if ((ix = fullV.indexOf(" ")) !== -1) { fullV = fullV.substring(0, ix) } majorV = parseInt("" + fullV, 10); if (isNaN(majorV)) { fullV = "" + parseFloat(navigator.appVersion); majorV = parseInt(navigator.appVersion, 10) } document.getElementsByTagName("body")[0].className += " " + bN + " " + bN + majorV + " cmsDNN cmsDNN7 BT-pk"; </script> <div id="dnn_ControlPanel"></div> <div class="globalheader"> <div class="container globalheader-wrap"> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 backtoMouser"><a href="https://www.mouser.com" title="Mouser.com" target="_blank"><img src="/empowering-innovation/Portals/_default/skins/empowering-innovation//images/mouser-m.png?nosprite" alt="Mouser Electronics M" />Mouser.com</a></div><!-- backtoMouser --> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 googleTranslateBar"><div id="google_eit"></div></div><!-- googleTranslateBar --> </div> </div><!-- globalheader-wrap --> </div><!-- globalHeader --> <header class="navbar navbar-static-top" role="banner"> <div class="container"> <div class="navbar-header"> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse"><i class="fa fa-bars"></i></button> <span class="navbar-brand" id="Logo"><a href="/empowering-innovation" title="Empowering Innovation Together"><img src="/empowering-innovation/Portals/_default/skins/empowering-innovation//images/empowering_innovation_logo(1).png?nosprite" title="Empowering Innovation Together" alt="Empowering Innovation Together" /></a></span> </div> <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation"> <div id="MenuH"><script type="text/javascript"> jQuery(function($) { $("#dnn_BindMENU1").BindMENU({MenuStyle:"DefaultMenu",Orientation:"Horizontal",MaxColumns:"",MinWidth:"",MaxWidth:"",MobileStyle:"select",MobileBreakPoint:"768"}); }); </script><ul class="menu" id="dnn_BindMENU1"> <li class="mi&#xA; first"><a class="txt" href="https://www.mouser.com/empowering-innovation/industry5">Industry5</a></li> <li class="mi"><a class="txt" href="https://www.mouser.com/empowering-innovation/smart-grid">Smart Grid</a></li> <li class="mi"><a class="txt" href="https://www.mouser.com/empowering-innovation/human-machine-interface">Human Machine Interface</a></li> <li class="mi&#xA; last"><a class="txt" href="https://www.mouser.com/empowering-innovation/">More Topics</a><ul class="submenu"> <li class="mi&#xA; first"><a class="txt" href="https://www.mouser.com/empowering-innovation/more-topics/zonal-architecture">Zonal Architecture</a></li> <li class="mi"><a class="txt" href="https://www.mouser.com/empowering-innovation/more-topics/industrial-machine-vision">Industrial Machine Vision</a></li> <li class="mi"><a class="txt" href="https://www.mouser.com/empowering-innovation/more-topics/wifi7">WiFi7</a></li> <li class="mi"><a class="txt" href="https://www.mouser.com/empowering-innovation/more-topics/environmental-sensors">Environmental Sensors</a></li> <li class="mi"><a class="txt" href="https://www.mouser.com/empowering-innovation/more-topics/digital-therapeutics">Digital Therapeutics</a></li> <li class="mi"><a class="txt" href="https://www.mouser.com/empowering-innovation/more-topics/matter-protocol">Matter Protocol</a></li> <li class="mi"><a class="txt" href="https://www.mouser.com/empowering-innovation/more-topics/green-energy-storage-systems">Green Energy Storage Systems</a></li> <li class="mi"><a class="txt" href="https://www.mouser.com/empowering-innovation/more-topics/autonomous-mobile-robots">Autonomous Mobile Robots</a></li> <li class="mi"><a class="txt" href="https://www.mouser.com/empowering-innovation/more-topics/private-5g-networks">Private 5G Networks</a></li> <li class="mi"><a class="txt" href="https://www.mouser.com/empowering-innovation/more-topics/driver-monitoring-systems">Driver Monitoring Systems</a></li> <li class="mi"><a class="txt" href="https://www.mouser.com/empowering-innovation/more-topics/designing-for-security">Designing for Security</a></li> <li class="mi"><a class="txt" href="https://www.mouser.com/empowering-innovation/more-topics/immersive-technologies">Immersive Technologies</a></li> <li class="mi"><a class="txt" href="https://www.mouser.com/empowering-innovation/more-topics/risc-v">RISC-V</a></li> <li class="mi"><a class="txt" href="https://www.mouser.com/empowering-innovation/more-topics/intelligent-transportation-systems">Intelligent Transportation Systems</a></li> <li class="mi"><a class="txt" href="https://www.mouser.com/empowering-innovation/more-topics/rf-wireless">RF Wireless</a></li> <li class="mi"><a class="txt" href="https://www.mouser.com/empowering-innovation/more-topics/industrial-automation">Industrial Automation</a></li> <li class="mi"><a class="txt" href="https://www.mouser.com/empowering-innovation/more-topics/sensor-fusion">Sensor Fusion</a></li> <li class="mi"><a class="txt" href="https://www.mouser.com/empowering-innovation/more-topics/ai">AI</a></li> <li class="mi"><a class="txt" href="https://www.mouser.com/empowering-innovation/more-topics/power-management">Power Management</a></li> <li class="mi&#xA; last"><a class="txt" href="https://www.mouser.com/empowering-innovation/more-topics/5g">5G</a></li> </ul> </li> </ul></div> <div class="mouserLogo visible-lg-* visible-md-*"> <a href="/" title="Mouser Electronics Homepage" /><img src="/empowering-innovation/Portals/_default/skins/empowering-innovation//images/mouser_logo_whitetext.png?nosprite" title="Mouser Electronics" alt="Mouser Electronics"/></a> </div><!-- mouserLogo --> </nav> </div> </header> <div class="container" id="bs-main" role="main"> <div id="bt-content"><div class="row"> <div id="dnn_ContentPane" class="col-md-12"><div class="DnnModule DnnModule-DNN_HTML DnnModule-866"><a name="866"></a> <div class="DNNContainer_Title_h2 SpacingBottom"> <h2><span id="dnn_ctr866_dnnTITLE_titleLabel" class="TitleH2">Text/HTML</span> </h2> <div id="dnn_ctr866_ContentPane"><!-- Start_Module_866 --><div id="dnn_ctr866_ModuleContent" class="DNNModuleContent ModDNNHTMLC"> <div id="dnn_ctr866_HtmlModule_lblContent" class="Normal"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script><script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous"> <link rel="stylesheet" href="/empowering-innovation/Portals/1/skins/Empowering-innovation/css/eit.css" type="text/css"/> <link rel="stylesheet" href="https://www.mouser.com/content/css/ui/type.css"> <link rel="stylesheet" href="https://www.mouser.com/css/fort-awesome/css/embedded-woff.css"> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> <link rel="stylesheet" href="/empowering-innovation/Portals/1/skins/Empowering-innovation/css/eloqua-form.css" type="text/css" /> <link rel="stylesheet" href="https://images.info.mouser.com/Web/MouserElectronics/{35c3647f-3664-4b2c-bf92-237aff1c0a5b}_Eloqua-Mouser-Form-UIUX-AQA.css" /> <link rel="stylesheet" href="/empowering-innovation/Portals/1/skins/Empowering-innovation/css/eit2024-6.css" type="text/css"/> <script> $(document).ready(function(){ /* Get iframe src attribute value i.e. YouTube video url and store it in a variable */ var url = $("#topVideo").attr('src'); /* Assign empty url value to the iframe src attribute when modal hide, which stop the video playing */ $("#featuredModal").on('hide.bs.modal', function(){ $("#topVideo").attr('src', ''); }); /* Assign the initially stored url back to the iframe src attribute when modal is displayed again */ $("#featuredModal").on('show.bs.modal', function(){ $("#topVideo").attr('src', url); }); }); </script> <script> $(document).ready(function(){ /* Get iframe src attribute value i.e. YouTube video url and store it in a variable */ var url = $("#secondVideo").attr('src'); /* Assign empty url value to the iframe src attribute when modal hide, which stop the video playing */ $("#secondModal").on('hide.bs.modal', function(){ $("#secondVideo").attr('src', ''); }); /* Assign the initially stored url back to the iframe src attribute when modal is displayed again */ $("#secondModal").on('show.bs.modal', function(){ $("#secondVideo").attr('src', url); }); }); </script> <script> $(document).ready(function(){ /* Get iframe src attribute value i.e. YouTube video url and store it in a variable */ var url = $("#thirdVideo").attr('src'); /* Assign empty url value to the iframe src attribute when modal hide, which stop the video playing */ $("#thirdModal").on('hide.bs.modal', function(){ $("#thirdVideo").attr('src', ''); }); /* Assign the initially stored url back to the iframe src attribute when modal is displayed again */ $("#thirdModal").on('show.bs.modal', function(){ $("#thirdVideo").attr('src', url); }); }); </script> <style> html, body { overflow-x: hidden; } .topBox { border: thick solid #FFFFFF; margin: 0; } .bs-video { margin: 0; } .elq-form .row { display: flex; } .divider3 { border-top: thin solid #09F; margin-left: 15px; } .backtoMouser A { color: #004a85 !important; font-weight: bold; } .googleTranslateBar { display: none; } #previous-topics A { color: #fff; text-decoration: none; font-weight: bold; } #previous-topics A:hover, A:active, A:visited { text-decoration: underline; color: #fff; } #more-topics A, A:visited { color: #333; text-decoration: none; font-weight: bold; transition: all 150ms ease-in-out; } #more-topics A:hover, A:active { text-decoration: underline; color: #0275d8; } .blueoutlinedarkbkgCTA { background-color: #002C50; color: #fff; font-weight: bold; border: 2px solid var(--02-light-blue, #09F); padding: 5px 20px; text-align: center; text-decoration: none; display: inline-block; margin: 4px 2px; cursor: pointer; border-radius: 30px; transition: all 200ms ease-in-out; } .blueoutlineCTA { background-color: #fff !important; color: #333 !important; font-weight: bold !important; border: 2px solid var(--02-light-blue, #09F) !important; padding: 10px 20px !important; text-align: center !important; text-decoration: none !important; display: inline-block !important; margin: 4px 2px !important; cursor: pointer !important; border-radius: 30px !important; transition: all 200ms ease-in-out; } .blueoutlineCTA.submit { padding: 10px 30px 30px 30px !important; font-size: 16px; } .blueoutlinedarkbkgCTA:hover { border: 2px solid #FFFFFF !important; background-color: #002C50 !important; } .blueoutlineCTA:hover { border: 2px solid #333333 !important; text-decoration: underline !important; } #technologyHighlight A, A:visited { color: #fff; text-decoration: none; } #technologyHighlight A:hover { color: #fff; text-decoration: underline; background-color: #0070bb; } #recent-topics A { color: #333; } #recent-topics A:hover { color: #fff; text-decoration: underline; background-color: #005a96; } #header { background-image: url("https://mouser.bynder.com/m/5729a997043a598/original/mouser-eit-smartgrid-main-headerbackground-mobile.png"); height: 100%; margin: 0 -15px; background-color: #f3f3f3; background-position: center; background-size: cover; background-repeat: no-repeat; } #previous-topics { background-image: url("https://mouser.bynder.com/m/4244bd74078751c3/original/mouser-eit-smartgrid-main-exploremorebackground-mobile.png"); height: 100%; margin: 0 -15px; background-color: #f3f3f3; background-position: center; background-size: cover; background-repeat: no-repeat; } .card { border: none; border-radius: none; } #more-topics li { line-height: 3; list-style: none; font-weight: bold; } .modal { top: -300px; } a .learn-more { margin-bottom: 20px; } a:hover .learn-more { text-decoration: underline; } /* Begin form field required class */ .elq-required { color: #990000; display: inline; float: none; font-weight: 700; margin: 0; padding: 0; } .elq-form .elq-label { font-weight: 700; margin-bottom: 4px; } .elq-item-input, .elq-item-select, .elq-item-textarea, input[type="text"], textarea, form [multiple="multiple"], select, input, button, textarea, select, optgroup, option { height: 38px; border-radius: 4px; padding: 6px 7px; } @media (min-width: 576px) { .learn-more { margin-bottom: 0; text-align: right; } } /* End form field required class */ @media (min-width: 768px) { } @media (min-width: 992px) { #header { background-image: url("https://mouser.bynder.com/m/3e483a0c48a67ca4/original/mouser-eit-smartgrid-main-headerbackground-desktop.png"); } #previous-topics { background-image: url("https://mouser.bynder.com/m/1984ce19fed26181/original/mouser-eit-smartgrid-main-exploremorebackground-desktop.png"); } } @media (min-width: 1200px) { } @media (min-width: 1600px) { } </style> <span id="eit-main"></span> <span id="en-US"></span> <main> <div class="eitcontent container-fluid mBodyCompact"> <!-- HEADER --> <section id="header"> <div class="mktg-wrapper"> <!-- LANGUAGE SELECTOR --> <div class="row" id="eitLanguage"> <div class="col-12 offset-7 offset-md-9 offset-lg-11"> <div class="dropdown"> <button class="btn dropdown-toggle mBodyCompact eitLanguage" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="LanguageList">Languages</button> <div class="dropdown-menu mBodyCompact" aria-labelledby="LanguageList"> <a class="dropdown-item" type="button" href="https://www.mouser.com/empowering-innovation" name="English Language">English</a> <a class="dropdown-item" type="button" href="https://www.mouser.de/empowering-innovation-de" name="German Language">German</a> <a class="dropdown-item" type="button" href="https://www.mouser.jp/empowering-innovation-jp" name="Japanese Language">Japanese</a> <a class="dropdown-item" type="button"href="https://www.mouser.mx/empowering-innovation-es" name="Spanish">Spanish</a> <a class="dropdown-item" type="button" href="https://br.mouser.com/empowering-innovation-pt" name="Portuguese">Portuguese</a> <a class="dropdown-item" type="button" href="https://www.mouser.cn/empowering-innovation-sc" name="Simplified Chinese">Simplified Chinese</a> </div> </div> </div> </div> <!-- END LANGUAGE SELECTOR --> <div class="row pt-5"> <div class="col-11 mx-auto col-md-12"> <p class="sectionHeadline">MOUSER PRESENTS</p> <h1 class="eitHeadline poppins"><b>Empowering Innovation Together</b></h1> </div> </div> <div class="row"> <div class="col-11 mx-auto col-md-12"> <div class="row topBox darkbluebkg mt-5" id="technologyHighlight"><a href="https://resources.mouser.com/empowering-innovation-together-bonus-content/2024-podcast-wrap-up-the-tech-between-us-podcast-signup" name="Rewind 2024 link"> <div class="col-12 d-md-none m-0" style="padding: 0;"> <img src="https://mouser.bynder.com/m/3fcc11e900bdf234/original/mouser-eit2024-rewind-landingpage-main-mobile.png" class="img-fluid" id="mainTopicmobile" alt="Two men controlling a robot"></div> </a> <div class="col-12 col-md-5 darkbluebkg p-4 p-md-5 pt-5 pb-5 m-0"> <div class="row d-flex align-items-center"> <div class="col-2"><img src="https://mouser.bynder.com/m/230be5e0d3df8b09/original/mouser-eit2024-lightbulb-icon-blue-circle.png" class="img-fluid" id="lightbulbIcon" alt="" loading="lazy"></div> <div class="col-10 pl-0"> <h2 class="sectionHeadline text-white poppins">TECHNOLOGY HIGHLIGHT</h2> </div> </div> <div class="row pt-5 pb-3"> <div class="col-12"> <h3 class="mSubheader text-white poppins pb-3">The Last Word on Our Focus Technologies</h3> <p class="mBody text-white pb-5">Mouser subscribers have exclusive access to 2024's final podcast episode. Join Raymond Yin, the Tech Between Us host and Director of Technical Content as he shares final thoughts on 2024 and related updates to the showcased technologies. </p> <a class="btn blueoutlinedarkbkgCTA mBody" href="https://resources.mouser.com/empowering-innovation-together-bonus-content/2024-podcast-wrap-up-the-tech-between-us-podcast-signup" name="Rewind 2024 link">Join Now to Listen <i class="fa fa-caret-right"></i></a> <!-- Modal #1 HTML --> <!-- <div class="bs-video"> <div id="featuredModal" class="modal fade" aria-label="Watch a video on Industry 5.0 technology - in a modal window" aria-hidden="true" name="Industry 5.0 video embed" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title mBody">Industry 5.0 Video</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close" tabindex="1">&times;</button> </div> <div class="modal-body"> <div class="embed-responsive embed-responsive-16by9"> <iframe id="topVideo" class="embed-responsive-item" width="374" height="210" src="https://players.brightcove.net/618591172001/default_default/index.html?videoId=6361939926112" allowfullscreen tabindex="2"></iframe> </div> </div> </div> </div> </div> </div> <!-- END Modal #1 HTML --> </div> </div> </div> <a href="https://resources.mouser.com/empowering-innovation-together-bonus-content/2024-podcast-wrap-up-the-tech-between-us-podcast-signup" name="Industry 5.0 video embed"> <div class="col-7 d-none d-md-block m-0 p-0"> <img src="https://mouser.bynder.com/m/6f008d7d5db95942/original/mouser-eit2024-rewind-landingpage-main-desktop.png" class="img-fluid" id="mainTopicdesktop" alt="Two men controlling a robot" loading="lazy"></a> </div> </div> </div> </div> </section> <!-- END HEADER --> <!-- CONTENT --> <!-- RECENT TOPICS --> <section id="recent-topics" aria-label="Many different topics and video on technologies" class="mb-5"> <div class="mktg-wrapper"> <div class="row pt-6 pb-3"> <div class="col-11 mx-auto col-md-12"> <h2 class="sectionHeadline">EXPLORE TECH INNOVATIONS</h2> </div> </div> <div class="row"> <div class="col-11 mx-auto col-md-6 pt-5 pt-md-0"> <div class="row pb-4 mx-auto"> <div class="col-12 d-md-none p-0"> <a href="#thirdModal" data-toggle="modal" aria-label="Play Industry 5.0 video - opens in a modal window" name="Industry 5.0 video embed"><img src="https://mouser.bynder.com/m/47a7c9b3b5233c56/original/mouser-eit2024-industry5-landingpage-tile1-mobile.png" class="img-fluid d-md-none" id="industry5Imgmobile" alt="Two men looking at an iPad in an Industrial complex" loading="lazy"></a></div> <div class="col-12 col-md-4 darkbluebkg text-white pl-4 pt-5"> <h3 class="sectionHeadline pb-3 divider">TECH</h3> <h4 class="text-white pt-3 pb-3 mBody"><b>Industry 5.0</b></h4> </div> <div class="col-md-8 pl-md-0 d-none d-md-block"> <a href="#thirdModal" data-toggle="modal" aria-label="Play Industry 5.0 video - opens in a modal window" name="Industry 5.0 Video embed"><img src="https://mouser.bynder.com/m/24c81065a639a08c/original/mouser-eit2024-industry5-landingpage-tile1-desktop.png" class="img-fluid d-none d-md-block" id="industry5Img" alt="Two men looking at an iPad in an Industrial complex" loading="lazy"></a></div> </div> <div class="row"> <div class="col-11"> <p class="mBody">Industry 5.0 blends human creativity with AI, IoT, and robotics, creating human-centric factories that boost productivity, resilience, and sustainability. Explore how it's shaping the future of innovation.</p> <a href="/empowering-innovation/industry5" aria-label="Learn more about Industry 5.0" class="blueoutlineCTA mBody">Learn More <i class="fa fa-caret-right" name="Industry 5.0 link"></i></a> </div> </div> </div> <div class="col-11 mx-auto col-md-6 pt-5 pt-md-0"> <div class="row pb-4 mx-auto"> <div class="col-12 d-md-none p-0"> <a href="#secondModal" data-toggle="modal" aria-label="Play Smart Grid video - opens in a modal window" name="Smart Grid Video embed"><img src="https://mouser.bynder.com/m/52d0edefb964a4a0/original/mouser-eit-industry5-main-smartgrid-mobile.png" class="img-fluid d-md-none" id="sgImg" alt="Aerial view of a city with lines indicating a smart grid" loading="lazy"></a></div> <div class="col-12 col-md-4 darkbluebkg text-white pl-4 pt-5"> <h3 class="sectionHeadline pb-3 divider">TECH</h3> <h4 class="text-white pt-3 pb-3 mBody"><b>Smart Grid</b></h4> </div> <div class="col-md-8 pl-md-0 d-none d-md-block"> <a href="#secondModal" data-toggle="modal" aria-label="Play Smart Grid video - opens in a modal window" name="Smart Grid Video embed"><img src="https://mouser.bynder.com/m/3ec1a8a7b9ebc15/original/mouser-eit-industry5-main-smartgrid.jpg" class="img-fluid d-none d-md-block" id="sgImg" alt="Aerial view of a city with lines indicating a smart grid" loading="lazy"></a></div> </div> <div class="row"> <div class="col-11"> <p class="mBody">The Smart Grid is set to revolutionize energy distribution and management. By leveraging innovative technologies and bidirectional communication, engineers are shaping the future of a sustainable and resilient energy network.</p> <a href="/empowering-innovation/smart-grid" aria-label="Learn more about Smart Grid" class="blueoutlineCTA mBody">Learn More <i class="fa fa-caret-right" name="Smart Grid link"></i></a> </div> </div> </div> <!-- Modal #2 HTML --> <div class="bs-video"> <div id="secondModal" class="modal fade" aria-label="Watch a video on Smart Grid technology - in a modal window" aria-hidden="true" name="Smart Grid video embed" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title mBody">Smart Grid Video</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close" tabindex="1">&times;</button> </div> <div class="modal-body"> <div class="embed-responsive embed-responsive-16by9"> <iframe id="secondVideo" class="embed-responsive-item" width="560" height="315" src="https://players.brightcove.net/618591172001/default_default/index.html?videoId=6360373774112" allowfullscreen tabindex="2"></iframe> </div> </div> </div> </div> </div> </div> <!-- END Modal #2 HTML --> <!-- Modal #3 HTML --> <div class="bs-video"> <div id="thirdModal" class="modal fade" aria-label="Watch a video on Industry 5.0 - in a modal window" aria-hidden="true" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title mBody">Industry 5.0 Video</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close" tabindex="1">&times;</button> </div> <div class="modal-body"> <div class="embed-responsive embed-responsive-16by9"> <iframe id="thirdVideo" class="embed-responsive-item" width="560" height="315" src="https://players.brightcove.net/618591172001/default_default/index.html?videoId=6361939926112" allowfullscreen tabindex="2"></iframe> </div> </div> </div> </div> </div> </div> <!-- END Modal #3 HTML --> </div> </div> </section> <!-- END RECENT TOPICS --> <!-- SUBSCRIBE --> <!-- <section id="subscribe" aria-label="Subscription Signup"> <div class="row darkbluebkg"> <div class="col-11 mx-auto col-md-12 mb-5"> <div class="mktg-wrapper"> <div class="row p-md-5 mt-5 mb-5" style="background-color: white; padding-top: 20px; padding-bottom: 30px;"> <div class="col-12 pl-5"> <h3 class="mHeadline poppins">Subscribe <span style="font-weight: 300;">to stay up to date on the latest technology</span></h3> </div> <div class="col-12 col-md-12 mBody"> <div class="row"> <div class="col-xs-12"> <form method="post" action=""> <input type="hidden" name="cid" id="fe28677" value="~~eloqua..type--emailfield..syntax--URL_Channel_ID1~~"> <input type="hidden" name="pid" id="fe28678" value="~~eloqua..type--emailfield..syntax--URL_Partner_ID1~~"> </form> <form method="post" name="EITSignUp" action="https://s1742027581.t.eloqua.com/e/f2" onsubmit="return handleFormSubmit(this)" id="form2555" class="elq-form" > <input value="EITSignUp" type="hidden" name="elqFormName" /> <input value="1742027581" type="hidden" name="elqSiteId" /> <input value="" type="hidden" id="elqFormSubmissionToken" name="elqFormSubmissionToken" /> <input name="elqCampaignId" type="hidden" /> <div class="layout container-fluid"> <div class="row"> <div class="col"> <div class="col"> <p> <span class="elq-required">*</span>Indicates a required field. </p> </div> </div> </div> <div class="row"> <div class="layout-col col-sm-6 col-xs-12"> <div id="formElement0" class="elq-field-style form-element-layout row" > <div style="text-align: left" class="col-sm-12 col-xs-12" > <label class="elq-label" for="fe25702" >First Name <span class="elq-required">* </span> </label> </div> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div class="field-control-wrapper"> <input type="text" class="elq-item-input fs-mask" name="firstName" id="fe25702" value="" style="width: 100%" aria-describedby="error_firstname" aria-required="true" /> </div> <div id="firstname-alert"></div> </div> </div> </div> </div> </div> <div class="layout-col col-sm-6 col-xs-12"> <div id="formElement1" class="elq-field-style form-element-layout row" > <div style="text-align: left" class="col-sm-12 col-xs-12" > <label class="elq-label" for="fe25703" >Last Name <span class="elq-required">* </span> </label> </div> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div class="field-control-wrapper"> <input type="text" class="elq-item-input fs-mask" name="lastName" id="fe25703" value="" style="width: 100%" aria-describedby="error_fieldname" aria-required="true" /> </div> <div id="lastname-alert"></div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="layout-col col-sm-6 col-xs-12"> <div id="formElement2" class="elq-field-style form-element-layout row" > <div style="text-align: left" class="col-sm-12 col-xs-12" > <label class="elq-label" for="fe25704" >Email Address <span class="elq-required">* </span> </label> </div> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div class="field-control-wrapper"> <input type="text" class="elq-item-input fs-mask" name="emailAddress" id="fe25704" value="" style="width: 100%" aria-describedby="error_emailAddress" aria-required="true" /> </div> <div id="emailAddress-alert"></div> </div> </div> </div> </div> </div> <div class="layout-col col-sm-6 col-xs-12"> <div id="formElement3" class="elq-field-style form-element-layout row" > <div style="text-align: left" class="col-sm-12 col-xs-12" > <label class="elq-label" for="fe25705" >Country <span class="elq-required">* </span> </label> </div> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div class="field-control-wrapper"> <select class="elq-item-select" id="fe25705" name="country" style="width: 100%" data-value="~~eloqua..type--emailfield..syntax--Country~~" > <option value="">Choose Country</option> <option value="AF">Afghanistan</option> <option value="AX">脜land Islands</option> <option value="AL">Albania</option> <option value="DZ">Algeria</option> <option value="AS">American Samoa</option> <option value="AD">Andorra</option> <option value="AO">Angola</option> <option value="AI">Anguilla</option> <option value="AQ">Antarctica</option> <option value="AG"> Antigua and Barbuda </option> <option value="AR">Argentina</option> <option value="AM">Armenia</option> <option value="AW">Aruba</option> <option value="AU">Australia</option> <option value="AT">Austria</option> <option value="AZ">Azerbaijan</option> <option value="BS">Bahamas</option> <option value="BH">Bahrain</option> <option value="BD">Bangladesh</option> <option value="BB">Barbados</option> <option value="BY">Belarus</option> <option value="BE">Belgium</option> <option value="BZ">Belize</option> <option value="BJ">Benin</option> <option value="BM">Bermuda</option> <option value="BT">Bhutan</option> <option value="BO">Bolivia</option> <option value="BA"> Bosnia and Herzegovina </option> <option value="BW">Botswana</option> <option value="BV">Bouvet Island</option> <option value="BR">Brazil</option> <option value="IO"> Brit/Indian Ocean Terr. </option> <option value="BN"> Brunei Darussalam </option> <option value="BG">Bulgaria</option> <option value="BF">Burkina Faso</option> <option value="BI">Burundi</option> <option value="CA">Canada</option> <option value="KH">Cambodia</option> <option value="CM">Cameroon</option> <option value="CV">Cape Verde</option> <option value="KY">Cayman Islands</option> <option value="CF"> Central African Republic </option> <option value="TD">Chad</option> <option value="CL">Chile</option> <option value="CN">China</option> <option value="CX">Christmas Island</option> <option value="CC"> Cocos (Keeling) Islands </option> <option value="CO">Colombia</option> <option value="KM">Comoros</option> <option value="CG">Congo</option> <option value="CD"> Congo, The Dem. Republic Of </option> <option value="CK">Cook Islands</option> <option value="CR">Costa Rica</option> <option value="CI">C么te D'Ivore</option> <option value="HR">Croatia</option> <option value="CU">Cuba</option> <option value="CW">Curacao</option> <option value="CY">Cyprus</option> <option value="CZ">Czech Republic</option> <option value="DK">Denmark</option> <option value="DJ">Djibouti</option> <option value="DM">Dominica</option> <option value="DO"> Dominican Republic </option> <option value="EC">Ecuador</option> <option value="EG">Egypt</option> <option value="SV">El Salvador</option> <option value="GQ"> Equatorial Guinea </option> <option value="ER">Eritrea</option> <option value="EE">Estonia</option> <option value="ET">Ethiopia</option> <option value="FK">Falkland Islands</option> <option value="FO">Faroe Islands</option> <option value="FJ">Fiji</option> <option value="FI">Finland</option> <option value="FR">France</option> <option value="GF">French Guiana</option> <option value="PF">French Polynesia</option> <option value="TF"> French Southern Terr. </option> <option value="GA">Gabon</option> <option value="GM">Gambia</option> <option value="GE">Georgia</option> <option value="DE">Germany</option> <option value="GH">Ghana</option> <option value="GI">Gibraltar</option> <option value="GR">Greece</option> <option value="GL">Greenland</option> <option value="GD">Grenada</option> <option value="GP">Guadeloupe</option> <option value="GU">Guam</option> <option value="GT">Guatemala</option> <option value="GN">Guinea</option> <option value="GW">Guinea-Bissau</option> <option value="GY">Guyana</option> <option value="HT">Haiti</option> <option value="HM"> Heard/McDonald Isls. </option> <option value="HN">Honduras</option> <option value="HK">Hong Kong</option> <option value="HU">Hungary</option> <option value="IS">Iceland</option> <option value="IN">India</option> <option value="ID">Indonesia</option> <option value="IR">Iran</option> <option value="IQ">Iraq</option> <option value="IE">Ireland</option> <option value="IL">Israel</option> <option value="IT">Italy</option> <option value="JM">Jamaica</option> <option value="JP">Japan</option> <option value="JO">Jordan</option> <option value="KZ">Kazakhstan</option> <option value="KE">Kenya</option> <option value="KI">Kiribati</option> <option value="KP">Korea (North)</option> <option value="KR">Korea (South)</option> <option value="KW">Kuwait</option> <option value="KG">Kyrgyzstan</option> <option value="LA">Laos</option> <option value="LV">Latvia</option> <option value="LB">Lebanon</option> <option value="LS">Lesotho</option> <option value="LR">Liberia</option> <option value="LY">Libya</option> <option value="LI">Liechtenstein</option> <option value="LT">Lithuania</option> <option value="LU">Luxembourg</option> <option value="MO">Macau</option> <option value="MK">Macedonia</option> <option value="MG">Madagascar</option> <option value="MW">Malawi</option> <option value="MY">Malaysia</option> <option value="MV">Maldives</option> <option value="ML">Mali</option> <option value="MT">Malta</option> <option value="MH">Marshall Islands</option> <option value="MQ">Martinique</option> <option value="MR">Mauritania</option> <option value="MU">Mauritius</option> <option value="YT">Mayotte</option> <option value="MX">Mexico</option> <option value="FM">Micronesia</option> <option value="MD">Moldova</option> <option value="MC">Monaco</option> <option value="MN">Mongolia</option> <option value="MS">Montserrat</option> <option value="MA">Morocco</option> <option value="MZ">Mozambique</option> <option value="MM">Myanmar</option> <option value="MP">N. Mariana Isls.</option> <option value="NA">Namibia</option> <option value="NR">Nauru</option> <option value="NP">Nepal</option> <option value="NL">Netherlands</option> <option value="AN"> Netherlands Antilles </option> <option value="NC">New Caledonia</option> <option value="NZ">New Zealand</option> <option value="NI">Nicaragua</option> <option value="NE">Niger</option> <option value="NG">Nigeria</option> <option value="NU">Niue</option> <option value="NF">Norfolk Island</option> <option value="NO">Norway</option> <option value="OM">Oman</option> <option value="PK">Pakistan</option> <option value="PW">Palau</option> <option value="PS"> Palestinian Territory, Occupied </option> <option value="PA">Panama</option> <option value="PG">Papua New Guinea</option> <option value="PY">Paraguay</option> <option value="PE">Peru</option> <option value="PH">Philippines</option> <option value="PN">Pitcairn</option> <option value="PL">Poland</option> <option value="PT">Portugal</option> <option value="PR">Puerto Rico</option> <option value="QA">Qatar</option> <option value="RE">Reunion</option> <option value="RO">Romania</option> <option value="RU"> Russian Federation </option> <option value="RW">Rwanda</option> <option value="KN"> Saint Kitts and Nevis </option> <option value="LC">Saint Lucia</option> <option value="WS">Samoa</option> <option value="SM">San Marino</option> <option value="ST"> Sao Tome/Principe </option> <option value="SA">Saudi Arabia</option> <option value="SN">Senegal</option> <option value="CS"> Serbia and Montenegro </option> <option value="SC">Seychelles</option> <option value="SL">Sierra Leone</option> <option value="SG">Singapore</option> <option value="SK">Slovak Republic</option> <option value="SI">Slovenia</option> <option value="SB">Solomon Islands</option> <option value="SO">Somalia</option> <option value="ZA">South Africa</option> <option value="ES">Spain</option> <option value="LK">Sri Lanka</option> <option value="SH">St. Helena</option> <option value="PM"> St. Pierre and Miquelon </option> <option value="VC"> St. Vincent and Grenadines </option> <option value="SD">Sudan</option> <option value="SR">Suriname</option> <option value="SJ"> Svalbard/Jan Mayen Isls. </option> <option value="SZ">Swaziland</option> <option value="SE">Sweden</option> <option value="CH">Switzerland</option> <option value="SY">Syria</option> <option value="TW">Taiwan</option> <option value="TJ">Tajikistan</option> <option value="TZ">Tanzania</option> <option value="TH">Thailand</option> <option value="TL">Timor-Leste</option> <option value="TG">Togo</option> <option value="TK">Tokelau</option> <option value="TO">Tonga</option> <option value="TT"> Trinidad and Tobago </option> <option value="TN">Tunisia</option> <option value="TR">Turkey</option> <option value="TM">Turkmenistan</option> <option value="TC"> Turks/Caicos Isls. </option> <option value="TV">Tuvalu</option> <option value="UG">Uganda</option> <option value="UA">Ukraine</option> <option value="AE"> United Arab Emirates </option> <option value="GB">United Kingdom</option> <option value="US">United States</option> <option value="UM"> US Minor Outlying Is. </option> <option value="UY">Uruguay</option> <option value="UZ">Uzbekistan</option> <option value="VU">Vanuatu</option> <option value="VA">Vatican City</option> <option value="VE">Venezuela</option> <option value="VN">Viet Nam</option> <option value="VG"> Virgin Islands (British) </option> <option value="VI"> Virgin Islands (U.S.) </option> <option value="WF"> Wallis/Futuna Isls. </option> <option value="EH">Western Sahara</option> <option value="YE">Yemen</option> <option value="ZM">Zambia</option> <option value="ZW">Zimbabwe</option> </select> </div> <div id="country-alert"></div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="layout-col col-sm-6 col-xs-12"> <div id="formElement4" class="elq-field-style form-element-layout row" > <div style="text-align: left" class="col-sm-12 col-xs-12" > <label class="elq-label" for="fe25706" >Preferred Language <span class="elq-required">* </span> </label> </div> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div class="field-control-wrapper"> <select class="elq-item-select" id="fe25706" name="preferedLanguage1" aria-describedby="error_preferedLanguage1" style="width: 100%" data-value="~~eloqua..type--emailfield..syntax--Preferred_Language1~~" > <option value="">Please Select</option> <option value="English">English</option> <option value="Chinese (S)"> Chinese (S) </option> <option value="Chinese (T)"> Chinese (T) </option> <option value="French">French</option> <option value="German">German</option> <option value="Italian">Italian</option> <option value="Japanese">Japanese</option> <option value="Korean">Korean</option> <option value="Portuguese"> Portuguese </option> <option value="Spanish (Mexico)"> Spanish (Mexico) </option> <option value="Spanish (Spain)"> Spanish (Spain) </option> </select> </div> <div id="preferedLanguage1-alert"></div> </div> </div> </div> </div> </div> <div class="layout-col col-sm-6 col-xs-12"> <div id="formElement5" class="elq-field-style form-element-layout row" > <div style="text-align: left" class="col-sm-12 col-xs-12" > <label class="elq-label" for="fe25707" >Primary Job Role <span class="elq-required">* </span> </label> </div> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div class="field-control-wrapper"> <select class="eit-item-select" id="fe25707" name="jobRole1" style="width: 100%" data-value="~~eloqua..type--emailfield..syntax--_1231~~" > <option value="">Please Select</option> <option value="Administrative"> Administrative </option> <option value="CEO/Owner/President"> CEO/Owner/President </option> <option value="Consultant"> Consultant </option> <option value="Corporate or General Manager" > Corporate or General Manager </option> <option value="Distributor/Manufacturer Representatives" > Distributor/Manufacturer Representatives </option> <option value="Educator">Educator</option> <option value="Engineer - Component"> Engineer - Component </option> <option value="Engineer - Design"> Engineer - Design </option> <option value="Engineer - Manufacturing"> Engineer - Manufacturing </option> <option value="Engineer - Software"> Engineer - Software </option> <option value="Engineer - Systems/Integrator" > Engineer - Systems/Integrator </option> <option value="Engineer - Test"> Engineer - Test </option> <option value="Engineering Manager"> Engineering Manager </option> <option value="Finance/Accounting"> Finance/Accounting </option> <option value="Hobbyist">Hobbyist</option> <option value="IS/MIS/IT">IS/MIS/IT</option> <option value="Maintenance and Repair"> Maintenance and Repair </option> <option value="Operations/Plant Management"> Operations/Plant Management </option> <option value="Purchasing - Engineering"> Purchasing - Engineering </option> <option value="Purchasing - Management"> Purchasing - Management </option> <option value="Purchasing - NPI Production"> Purchasing - NPI Production </option> <option value="Purchasing - Production"> Purchasing - Production </option> <option value="Purchasing - Production Shortage" > Purchasing - Production Shortage </option> <option value="Quality Assurance"> Quality Assurance </option> <option value="Sales &amp; Marketing"> Sales &amp; Marketing </option> <option value="Student">Student</option> </select> </div> <div id="jobRole1-alert"></div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="grid-layout-col"> <div class="layout-col col-xs-12"> <div id="formElement6" class="elq-field-style form-element-layout" > <div class="single-checkbox-row"> <label class="checkbox-aligned elq-item-label" for="fe25708" > <span class="switch"> <input type="checkbox" name="optIn1" id="fe25708" aria-describedby="error_agree" aria-required="true" /> <span class="slider round"></span> </span> I agree to processing of my data and to receive newsletters and other information from Mouser Electronics. I understand that I can withdraw my consent at any time. <span class="elq-required">*</span> </label> </div> </div> <div id="opt-in-alert"></div> </div> </div> </div> <div id="elq-FormLastRow" class="row" style="display: none"> <div class="grid-layout-col"> <div class="layout-col col-sm-12 col-xs-12"> <div class="elq-field-style form-element-layout row"> <div style="text-align: left" class="col-sm-12 col-xs-12" > <label class="elq-label">address1 </label> </div> <div class="col-sm-12 col-xs-12"> <div class="row"> <div class="col-xs-12"> <div class="field-control-wrapper"> <input type="text" value="" tabindex="-1" autocomplete="off" style="width: 100%" class="elq-item-input" name="address1" id="fe28678" /> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-10 pt-4"> <div class="col"> <div id="formElement7"> <div> <input type="Submit" class="blueoutlineCTA mBody submit" value="Submit" id="fe25710" /> </div> </div> </div> </div> </div> <input type="hidden" name="hiddenField" id="fe25709" value="EIT" /> </div> </form> </div> </div> </div> </div> </div> </div> </div> </section> --> <!-- END SUBSCRIBE --> <!-- PREVIOUS TOPICS --> <section id="previous-topics" aria-label="Previous Topics"> <div class="mktg-wrapper"> <div class="row pt-6 pb-4 mb-5"> <div class="col-11 mx-auto col-md-12"> <h2 class="sectionHeadline">EXPLORE MORE TECHNOLOGY</h2> </div> </div> <div class="row pb-5"> <div class="card-deck section3text col-11 mx-auto col-md-12"> <div class="card darkbluebkg mb-5 mb-md-0"><a href="/empowering-innovation/human-machine-interface" aria-label="Learn more about Human Machine Interface" name="Human Machine Interface link"> <img class="card-img-top img-fluid" src="https://mouser.bynder.com/m/194b9055d30f9dbc/original/mouser-eit2024-hmi-landingpage-tile2-desktop.png" alt="Man interacting with map in front of him" id="hmiImg" loading="lazy"> <div class="card-body pr-3 pl-3"> <div class="row pt-4" style="height: 25px;"> <div class="col-2 divider3"></div> </div> <div class="row pt-3"> <div class="col-7"> <h3 class="mBody">Human Machine Interface</h3> </div> <div class="col-12 col-md-5 learn-more mBodyCompact">Learn More <i class="fa fa-caret-right" style="color: #09F;"></i></div> </div> </div> </div> <div class="card darkbluebkg mb-5 mb-md-0"> <a href="/empowering-innovation/zonal-architecture" aria-label="Learn more about Zonal Architecture" name="Zonal Architecture link"> <img class="card-img-top img-fluid" src="https://mouser.bynder.com/m/fbd1849079ac33/original/mouser-eit-industry5-main-zonalarchitecture.jpg" alt="Side view of a car with different points identified by dots and lines" id="zaImg" loading="lazy"> <div class="card-body pr-3 pl-3"> <div class="row pt-4" style="height: 25px;"> <div class="col-2 divider3"></div> </div> <div class="row pt-3"> <div class="col-7"> <h3 class="mBody">Zonal Architecture</h3> </div> <div class="col-12 col-md-5 learn-more mBodyCompact">Learn More <i class="fa fa-caret-right" style="color: #09F;"></i></div> </div> </div> </a> </div> <div class="card darkbluebkg mb-5 mb-md-0"> <a href="/empowering-innovation/industrial-machine-vision" aria-label="Learn more about Industrial Machine Vision" name="Industrial Machine Vision link"> <img class="card-img-top img-fluid" src="https://mouser.bynder.com/m/77506be1eb272c71/original/mouser-eit-smartgrid-main-moretopics-imv.png" alt="Close-up of the lens of a security camera" id="imvImg" loading="lazy"> <div class="card-body pr-3 pl-3"> <div class="row pt-4" style="height: 25px;"> <div class="col-2 divider3"></div> </div> <div class="row pt-3"> <div class="col-7"> <h3 class="mBody">Industrial Machine Vision</h3> </div> <div class="col-12 col-md-5 learn-more mBodyCompact">Learn More <i class="fa fa-caret-right" style="color: #09F;"></i></div> </div> </div> </a> </div> </a> </div> </div> <div class="row pb-5" id="more-topics"> <div class="col-12 pb-0 col-md-4"> <ul> <li class="mBody"><a href="/empowering-innovation/more-topics/wifi7" name="Wifi7 link">WiFi7 <i class="fa fa-caret-right"></i></a></li> <li class="mBody"><a href="/empowering-innovation/more-topics/matter-protocol" name="Matter link">Matter <i class="fa fa-caret-right"></i></a></li> <li class="mBody"><a href="/empowering-innovation/more-topics/green-energy-storage-systems" name="Green Energy Storage Systems link">Green Energy Storage Systems <i class="fa fa-caret-right"></i></a></li> <li class="mBody"><a href="/empowering-innovation/more-topics/autonomous-mobile-robots" name="Autonomos Mobile Robots link">Autonomous Mobile Robots <i class="fa fa-caret-right"></i></a></li> <li class="mBody"><a href="/empowering-innovation/more-topics/private-5g-networks" name="Private 5G Networks link">Private 5G Networks <i class="fa fa-caret-right"></i></a></li> </ul> </div> <div class="col-12 pb-0 col-md-4"> <ul> <li class="mBody"><a href="/empowering-innovation/more-topics/driver-monitoring-systems" name="Driver Monitoring Systems link">Driver Monitoring Systems <i class="fa fa-caret-right"></i></a></li> <li class="mBody"><a href="/empowering-innovation/more-topics/designing-for-security">Designing for Security <i class="fa fa-caret-right" name="Designing for Security link"></i></a></li> <li class="mBody"><a href="/empowering-innovation/more-topics/immersive-technologies" name="Immersive Technologies link">Immersive Technologies <i class="fa fa-caret-right"></i></a></li> <li class="mBody"><a href="/empowering-innovation/more-topics/risc-v" name="RISC-V link">RISC-V <i class="fa fa-caret-right"></i></a></li> <li class="mBody"><a href="/empowering-innovation/more-topics/intelligent-transportation-systems" name="Intelligent Transportation Systems link">Intelligent Transportation Systems <i class="fa fa-caret-right"></i></a></li> </ul> </div> <div class="col-12 col-md-4"> <ul> <li class="mBody"><a href="/empowering-innovation/more-topics/rf-wireless" name="RF Wireless link">RF Wireless <i class="fa fa-caret-right"></i></a></li> <li class="mBody"><a href="/empowering-innovation/more-topics/industrial-automation" name="Industrial Automation link">Industrial Automation <i class="fa fa-caret-right"></i></a></li> <li class="mBody"><a href="/empowering-innovation/more-topics/sensor-fusion" name="Sensor Fusion link">Sensor Fusion <i class="fa fa-caret-right"></i></a></li> <li class="mBody"><a href="/empowering-innovation/more-topics/ai" name="AI: Edge Computing link">AI: Edge Computing <i class="fa fa-caret-right"></i></a></li> <li class="mBody"><a href="/empowering-innovation/more-topics/power-management" name="Power Management link">Power Management <i class="fa fa-caret-right"></i></a></li> <li class="mBody"><a href="/empowering-innovation/more-topics/5g" name="5G link">5G <i class="fa fa-caret-right"></i></a></li> </ul> </div> </div> </div> </section> <!-- END PREVIOUS TOPICS --> <!-- END CONTENT --> </div> </main> <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> <script> AOS.init(); </script> <script type="text/javascript" src="https://img03.en25.com/i/livevalidation_standalone.compressed.js" ></script> <script> // add all the elements inside modal which you want to make focusable const focusableElements = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'; const modal = document.querySelector('#featuredModal'); // select the modal by it's id const firstFocusableElement = modal.querySelectorAll(focusableElements)[0]; // get first element to be focused inside modal const focusableContent = modal.querySelectorAll(focusableElements); const lastFocusableElement = focusableContent[focusableContent.length - 1]; // get last element to be focused inside modal document.addEventListener('keydown', function(e) { let isTabPressed = e.key === 'Tab' || e.keyCode === 9; if (!isTabPressed) { return; } if (e.shiftKey) { // if shift key pressed for shift + tab combination if (document.activeElement === firstFocusableElement) { lastFocusableElement.focus(); // add focus for the last focusable element e.preventDefault(); } } else { // if tab key is pressed if (document.activeElement === lastFocusableElement) { // if focused has reached to last focusable element then focus first focusable element after pressing tab firstFocusableElement.focus(); // add focus for the first focusable element e.preventDefault(); } } }); firstFocusableElement.focus();</script> <script> // add all the elements inside modal which you want to make focusable const focusableElements = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'; const modal = document.querySelector('#secondModal'); // select the modal by it's id const firstFocusableElement = modal.querySelectorAll(focusableElements)[0]; // get first element to be focused inside modal const focusableContent = modal.querySelectorAll(focusableElements); const lastFocusableElement = focusableContent[focusableContent.length - 1]; // get last element to be focused inside modal document.addEventListener('keydown', function(e) { let isTabPressed = e.key === 'Tab' || e.keyCode === 9; if (!isTabPressed) { return; } if (e.shiftKey) { // if shift key pressed for shift + tab combination if (document.activeElement === firstFocusableElement) { lastFocusableElement.focus(); // add focus for the last focusable element e.preventDefault(); } } else { // if tab key is pressed if (document.activeElement === lastFocusableElement) { // if focused has reached to last focusable element then focus first focusable element after pressing tab firstFocusableElement.focus(); // add focus for the first focusable element e.preventDefault(); } } }); firstFocusableElement.focus();</script> <script> // add all the elements inside modal which you want to make focusable const focusableElements = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'; const modal = document.querySelector('#thirdModal'); // select the modal by it's id const firstFocusableElement = modal.querySelectorAll(focusableElements)[0]; // get first element to be focused inside modal const focusableContent = modal.querySelectorAll(focusableElements); const lastFocusableElement = focusableContent[focusableContent.length - 1]; // get last element to be focused inside modal document.addEventListener('keydown', function(e) { let isTabPressed = e.key === 'Tab' || e.keyCode === 9; if (!isTabPressed) { return; } if (e.shiftKey) { // if shift key pressed for shift + tab combination if (document.activeElement === firstFocusableElement) { lastFocusableElement.focus(); // add focus for the last focusable element e.preventDefault(); } } else { // if tab key is pressed if (document.activeElement === lastFocusableElement) { // if focused has reached to last focusable element then focus first focusable element after pressing tab firstFocusableElement.focus(); // add focus for the first focusable element e.preventDefault(); } } }); firstFocusableElement.focus();</script> <script> // Subscription Form EN function handleFormSubmit(ele) { var submitButton = ele.querySelector('input[type=submit]'); var spinner = document.createElement('span'); spinner.setAttribute('class', 'loader'); submitButton.setAttribute('disabled', true); submitButton.style.cursor = 'wait'; submitButton.parentNode.appendChild(spinner); return true; } function resetSubmitButton(e) { var submitButtons = e.target.form.getElementsByClassName('submit-button'); for (var i = 0; i < submitButtons.length; i++) { submitButtons[i].disabled = false; } } function addChangeHandler(elements) { for (var i = 0; i < elements.length; i++) { elements[i].addEventListener('change', resetSubmitButton); } } var form = document.getElementById('form2555'); addChangeHandler(form.getElementsByTagName('input')); addChangeHandler(form.getElementsByTagName('select')); addChangeHandler(form.getElementsByTagName('textarea')); var nodes = document.querySelectorAll('#form2555 input[data-subscription]'); if (nodes) { for (var i = 0, len = nodes.length; i < len; i++) { var status = nodes[i].dataset ? nodes[i].dataset.subscription : nodes[i].getAttribute('data-subscription'); if (status === 'true') { nodes[i].checked = true; } } }; var nodes = document.querySelectorAll('#form2555 select[data-value]'); if (nodes) { for (var i = 0; i < nodes.length; i++) { var node = nodes[i]; var selectedValue = node.dataset ? node.dataset.value : node.getAttribute('data-value'); if (selectedValue) { for (var j = 0; j < node.options.length; j++) { if (node.options[j].value === selectedValue) { node.options[j].selected = 'selected'; break; } } } } } this.getParentElement = function (list) { return list[list.length - 1].parentElement }; var dom0 = document.querySelector('#form2555 #fe25702'); var fe25702 = new LiveValidation(dom0, { validMessage: "", onValid: function () { $('#firstname-alert').html('p.required').empty(); $('input[name="firstname"]').css('border', '1px solid #757575'); }, onInvalid: function () { var alert = '<p class="required" id="error_firstname"style="font-size:13px; font-weight:700;color:#990000;margin-top:4px;"><span role="img" aria-label="incorrect"><i class="fa fa-exclamation-triangle" style="font-size:13px; vertical-align: 1px;padding-right: 5px;"></i></span>Please enter your valid First Name.</p>' if ($('input[type="text"][name="firstname"]').change(function () { $(this).val().length === 0 })) { $('#firstname-alert').html(alert); $('input[name="firstname"]').css('border', '2px solid #333333'); $('input[name="firstname"]').attr('aria-invalid', 'true'); } }, onlyOnBlur: false, wait: 300, isPhoneField: false }); fe25702.add(Validate.Custom, { against: function (value) { return !value.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i); }, failureMessage: "Value must not contain any URL's" }); fe25702.add(Validate.Custom, { against: function (value) { return !value.match(/(<([^>]+)>)/ig); }, failureMessage: "Value must not contain any HTML" }); fe25702.add(Validate.Length, { tooShortMessage: "Invalid length for field value", tooLongMessage: "Invalid length for field value", minimum: 0, maximum: 35 }); fe25702.add(Validate.Presence, { failureMessage: "This field is required" }); var dom1 = document.querySelector('#form2555 #fe25703'); var fe25703 = new LiveValidation(dom1, { validMessage: "", onValid: function () { $('#lastname-alert').html('p.required').empty(); $('input[name="lastname"]').css('border', '1px solid #757575'); }, onInvalid: function () { var alert = '<p class="required" id="error_lastname"style="font-size:13px; font-weight:700;color:#990000;margin-top:4px;"><span role="img" aria-label="incorrect"><i class="fa fa-exclamation-triangle" style="font-size:13px; vertical-align: 1px;padding-right: 5px;"></i></span>Please enter your valid Last Name.</p>' if ($('input[type="text"][name="lastname"]').change(function () { $(this).val().length === 0 })) { $('#lastname-alert').html(alert); $('input[name="lastname"]').css('border', '2px solid #333333'); $('input[name="lastname"]').attr('aria-invalid', 'true'); } }, onlyOnBlur: false, wait: 300, isPhoneField: false }); fe25703.add(Validate.Custom, { against: function (value) { return !value.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i); }, failureMessage: "Value must not contain any URL's" }); fe25703.add(Validate.Custom, { against: function (value) { return !value.match(/(<([^>]+)>)/ig); }, failureMessage: "Value must not contain any HTML" }); fe25703.add(Validate.Length, { tooShortMessage: "Invalid length for field value", tooLongMessage: "Invalid length for field value", minimum: 0, maximum: 35 }); fe25703.add(Validate.Presence, { failureMessage: "This field is required" }); var dom2 = document.querySelector('#form2555 #fe25704'); var fe25704 = new LiveValidation(dom2, { validMessage: "", onValid: function () { $('#emailAddress-alert').html('p.required').empty(); $('input[name="emailAddress"]').css('border', '1px solid #757575'); }, onInvalid: function () { var alert = '<p class="required" id="error_emailAddress"style="font-size:13px; font-weight:700;color:#990000;margin-top:4px;"><span role="img" aria-label="incorrect"><i class="fa fa-exclamation-triangle" style="font-size:13px; vertical-align: 1px;padding-right: 5px;"></i></span>Please enter your valid email address.</p>' if ($('input[type="text"][name="emailAddress"]').change(function () { $(this).val().length === 0 })) { $('#emailAddress-alert').html(alert); $('input[name="emailAddress"]').css('border', '2px solid #333333'); $('input[name="emailAddress"]').attr('aria-invalid', 'true'); } }, onlyOnBlur: false, wait: 300, isPhoneField: false }); fe25704.add(Validate.Presence, { failureMessage: "This field is required" }); fe25704.add(Validate.Format, { pattern: /(^[A-Z0-9!#\$%&'\*\+\-\/=\?\^_`\{\|\}~][A-Z0-9!#\$%&'\*\+\-\/=\?\^_`\{\|\}~\.]{0,62}@(([A-Z0-9](?:[A-Z0-9\-]{0,61}[A-Z0-9])?)(\.[A-Z0-9](?:[A-Z0-9\-]{0,61}[A-Z0-9])?)+)$)/i, failureMessage: "A valid email address is required" }); fe25704.add(Validate.Format, { pattern: /\.\.|\.@/i, failureMessage: "A valid email address is required", negate: "true" }); var dom3 = document.querySelector('#form2555 #fe25705'); var fe25705 = new LiveValidation(dom3, { validMessage: "", onValid: function () { $('#country-alert').html('p.required').empty(); $('select[name="country"]').css('border', '1px solid #757575'); }, onInvalid: function () { var alert = '<p class="required" id="error_country"style="font-size:13px; font-weight:700;color:#990000;margin-top:4px;"><span role="img" aria-label="incorrect"><i class="fa fa-exclamation-triangle" style="font-size:13px; vertical-align: 1px;padding-right: 5px;"></i></span>Please select a country.</p>' if ($('select[type="text"][name="country"]').change(function () { $(this).val().length === 0 })) { $('#country-alert').html(alert); $('select[name="country"]').css('border', '2px solid #333333'); $('select[name="country"]').attr('aria-invalid', 'true'); } }, onlyOnBlur: false, wait: 300, isPhoneField: false }); fe25705.add(Validate.Presence, { failureMessage: "This field is required" }); var dom4 = document.querySelector('#form2555 #fe25706'); var fe25706 = new LiveValidation(dom4, { validMessage: "", onValid: function () { $('#preferedLanguage1-alert').html('p.required').empty(); $('select[name="preferedLanguage1"]').css('border', '1px solid #757575'); }, onInvalid: function () { var alert = '<p class="required" id="error_preferedLanguage1"style="font-size:13px; font-weight:700;color:#990000;margin-top:4px;"><span role="img" aria-label="incorrect"><i class="fa fa-exclamation-triangle" style="font-size:13px; vertical-align: 1px;padding-right: 5px;"></i></span>Please select a language.</p>' if ($('select[type="text"][name="preferedLanguage1"]').change(function () { $(this).val().length === 0 })) { $('#preferedLanguage1-alert').html(alert); $('select[name="preferedLanguage1"]').css('border', '2px solid #333333'); $('select[name="preferedLanguage1"]').attr('aria-invalid', 'true'); } }, onlyOnBlur: false, wait: 300, isPhoneField: false }); fe25706.add(Validate.Presence, { failureMessage: "This field is required" }); var dom5 = document.querySelector('#form2555 #fe25707'); var fe25707 = new LiveValidation(dom5, { validMessage: "", onValid: function () { $('#jobRole1-alert').html('p.required').empty(); $('select[name="jobRole1"]').css('border', '1px solid #757575'); }, onInvalid: function () { var alert = '<p class="required" id="error_fieldname"style="font-size:13px; font-weight:700;color:#990000;margin-top:4px;"><span role="img" aria-label="incorrect"><i class="fa fa-exclamation-triangle" style="font-size:13px; vertical-align: 1px;padding-right: 5px;"></i></span>Please select a job role.</p>' if ($('select[type="text"][name="jobRole1"]').change(function () { $(this).val().length === 0 })) { $('#jobRole1-alert').html(alert); $('select[name="jobRole1"]').css('border', '2px solid #333333'); $('select[name="jobRole1"]').attr('aria-invalid', 'true'); } }, onlyOnBlur: false, wait: 300, isPhoneField: false }); fe25707.add(Validate.Presence, { failureMessage: "This field is required" }); var dom6 = document.querySelector('#form2555 #fe25708'); var fe25708 = new LiveValidation(dom6, { validMessage: "", onValid: function () { $('#opt-in-alert').html('p.required').empty(); $('input[name="optIn1"]').css('border', '1px solid #757575'); }, onInvalid: function () { var alert = '<p class="required" id="error_agree"style="font-size:13px; font-weight:700;color:#990000;margin-top:4px;"><span role="img" aria-label="incorrect"><i class="fa fa-exclamation-triangle" style="font-size:13px; vertical-align: 1px;padding-right: 5px;"></i></span>Please agree to data processing disclaimer.</p>' if ($('input[type="text"][name="optIn1"]').change(function () { $(this).val().length === 0 })) { $('#opt-in-alert').html(alert); $('input[name="optIn1"]').css('border', '2px solid #333333'); $('input[name="optIn1"]').attr('aria-invalid', 'true'); } }, onlyOnBlur: false, wait: 300, isPhoneField: false }); fe25708.add(Validate.Custom, { against: function (value) { return !value.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i); }, failureMessage: "Value must not contain any URL's" }); fe25708.add(Validate.Custom, { against: function (value) { return !value.match(/(<([^>]+)>)/ig); }, failureMessage: "Value must not contain any HTML" }); fe25708.add(Validate.Acceptance, { failureMessage: "This field is required" }); </script> <script> document.onload = handleDocumentLoad("form2555", "1742027581"); function handleDocumentLoad(b, a) { window.getElqFormSubmissionToken(b, a); window.processLastFormField(); } function getElqFormSubmissionToken(g, c) { var e = new XMLHttpRequest(); var b = document.getElementById(g); if (b && b.elements.namedItem("elqFormSubmissionToken")) { var f = b.action; var a = window.getHostName(f); a = "https://" + a + "/e/formsubmittoken?elqSiteID=" + c; if (a) { e.onreadystatechange = function () { if (e.readyState === 4) { if (e.status === 200) { b.elements.namedItem("elqFormSubmissionToken").value = e.responseText; } else { b.elements.namedItem("elqFormSubmissionToken").value = ""; } } }; e.open("GET", a, true); e.send(); } else { b.elements.namedItem("elqFormSubmissionToken").value = ""; } } } function getHostName(b) { if (typeof window.URL === "function") { return new window.URL(b).hostname; } else { var a = b.match(/:\/\/(www[0-9]?\.)?(.[^\/:]+)/i); if ( a !== null && a.length > 2 && typeof a[2] === "string" && a[2].length > 0 ) { return a[2]; } else { return null; } } } function processLastFormField() { var form = document.getElementById("form2555"); var lastFormField = form.querySelector("#elq-FormLastRow"); lastFormField.style.display = "none"; } </script> <script> $('.dropdown-submenu .dropdown-menu').on('keydown', function(e) { const items = $(this).find('.dropdown-item').get(); let index = items.indexOf(event.target) if (e.which == 38) { index --; event.preventDefault() event.stopPropagation() } else if (e.which == 40) { index ++; event.preventDefault() event.stopPropagation() } if(index < 0 || index > (items.length - 1)) { return } items[index].focus() }); </script> </div> </div><!-- End_Module_866 --></div> <div class="clear"></div> </div> </div></div> </div> </div> <footer class="bs-footer" role="contentinfo"> <div class="container"> <div id="bt-footer"><div id="dnn_FooterZone"><div class="DnnModule DnnModule-DNN_HTML DnnModule-806"><a name="806"></a><div id="dnn_ctr806_ContentPane"><!-- Start_Module_806 --><div id="dnn_ctr806_ModuleContent" class="DNNModuleContent ModDNNHTMLC"> <div id="dnn_ctr806_HtmlModule_lblContent" class="Normal"> </div> </div><!-- End_Module_806 --></div> </div></div></div> <div class="footer-links"> <span id="Copyright"><span id="dnn_BindCOPYRIGHT_lblCopyright" class="Copyright">Copyright 漏 2025 Mouser Electronics, Inc.</span> </span> </div> </div> </footer> </div> <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> <input name="ScrollTop" type="hidden" id="ScrollTop" /> <input name="__dnnVariable" type="hidden" id="__dnnVariable" autocomplete="off" /> </form> <!--CDF(Javascript|/empowering-innovation/js/dnncore.js?cdv=358|DnnBodyProvider|100)--><!--CDF(Css|/empowering-innovation/Resources/Shared/stylesheets/dnndefault/7.0.0/default.css?cdv=358|DnnPageHeaderProvider|5)--><!--CDF(Css|/empowering-innovation/Portals/_default/ie.css?cdv=358|DnnPageHeaderProvider|8)--><!--CDF(Css|/empowering-innovation/Portals/_default/skins/empowering-innovation/skin.css?cdv=358|DnnPageHeaderProvider|15)--><!--CDF(Css|/empowering-innovation/Portals/_default/Containers/Gravity/container.css?cdv=358|DnnPageHeaderProvider|25)--><!--CDF(Css|/empowering-innovation/DesktopModules/HTML/module.css?cdv=358|DnnPageHeaderProvider|10)--><!--CDF(Css|/empowering-innovation/DesktopModules/HTML/module.css?cdv=358|DnnPageHeaderProvider|10)--><!--CDF(Css|/empowering-innovation/DesktopModules/HTML/module.css?cdv=358|DnnPageHeaderProvider|10)--><!--CDF(Css|/empowering-innovation/DesktopModules/HTML/module.css?cdv=358|DnnPageHeaderProvider|10)--><!--CDF(Css|/empowering-innovation/Portals/1/portal.css?cdv=358|DnnPageHeaderProvider|35)--><!--CDF(Javascript|/empowering-innovation/Portals/_default/skins/empowering-innovation/BindMENU/BindMENU.js?cdv=358|DnnBodyProvider|100)--><!--CDF(Javascript|/empowering-innovation/Resources/libraries/jQuery/03_05_01/jquery.js?cdv=358|DnnPageHeaderProvider|5)--><!--CDF(Javascript|/empowering-innovation/Resources/libraries/jQuery-Migrate/03_02_00/jquery-migrate.js?cdv=358|DnnPageHeaderProvider|6)--> <script type="text/javascript" src="/cns70o0g/Pfs/vC5/1lYpGpdKDf/iYYtNchJ2zXbGa/SFwXZkc/MzFRGBh/3WkAB"></script></body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10