{"id":3487,"date":"2026-03-18T07:31:12","date_gmt":"2026-03-18T07:31:12","guid":{"rendered":"https:\/\/saiweiglass.com\/?page_id=3487"},"modified":"2026-03-18T07:40:56","modified_gmt":"2026-03-18T07:40:56","slug":"automotive-touch-screen-technology-comparison","status":"publish","type":"page","link":"https:\/\/saiweiglass.com\/es\/industries\/automotive-display\/automotive-touch-screen-technology-comparison\/","title":{"rendered":"Comparaci\u00f3n de la tecnolog\u00eda de pantalla t\u00e1ctil automotriz"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-dc91f21\" data-block-id=\"dc91f21\"><style>.stk-dc91f21 {margin-bottom:22px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-dc91f21-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-9d0b167\" data-v=\"4\" data-block-id=\"9d0b167\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-9d0b167-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-9d0b167-inner-blocks\"><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-443bc53\" data-block-id=\"443bc53\"><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-content-align stk-443bc53-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-55d5099\" data-v=\"4\" data-block-id=\"55d5099\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-55d5099-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-55d5099-inner-blocks\"><div class=\"ct-breadcrumbs\" data-source=\"rankmath\" ><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-a226cd0\" data-block-id=\"a226cd0\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-a226cd0-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-61d042c\" data-v=\"4\" data-block-id=\"61d042c\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-61d042c-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-61d042c-inner-blocks\">\n<section id=\"bx-touch-compare-v1\">\n<style>\n\/* \u2500\u2500 \u6838\u5fc3\u5bb9\u5668\u4fee\u6539\uff1a\u5168\u5bbd\u80cc\u666f\uff0c\u5185\u90e8\u9650\u5bbd\u5c45\u4e2d \u2500\u2500 *\/\n#bx-touch-compare-v1 {\n  width: 100%;\n  background-color: #f8fafc; \/* \u65b0\u589e\u80cc\u666f\u8272 *\/\n  padding: 32px 20px 48px;\n  color: #1a1a1a;\n  line-height: 1.6;\n}\n\n#bx-touch-compare-v1 .bx-container {\n  width: 100%;\n  max-width: 1200px; \/* \u9650\u5236\u6700\u5927\u5bbd\u5ea6 *\/\n  margin: 0 auto;    \/* \u5c45\u4e2d\u663e\u793a *\/\n}\n\n#bx-touch-compare-v1 *,\n#bx-touch-compare-v1 *::before,\n#bx-touch-compare-v1 *::after {\n  box-sizing: border-box;\n}\n\n\/* \u2500\u2500 \u4ee5\u4e0b\u6837\u5f0f\u4fdd\u6301\u539f\u6837 \u2500\u2500 *\/\n#bx-touch-compare-v1 h2 {\n  font-size: 32px;\n  text-align: center;\n  font-weight: 700 !important;\n  line-height: 1.2 !important;\n  margin: 0 0 30px !important;\n  padding: 0 !important;\n  color: #304890;\n}\n\n#bx-touch-compare-v1 h3 {\n  font-weight: 700 !important;\n  line-height: 1.2 !important;\n  margin: 0 0 8px !important;\n  padding: 0 !important;\n  font-size: 1.25rem;\n  color: #1860A8;\n}\n\n#bx-touch-compare-v1 .bx-tool-intro {\n  color: #444;\n  max-width: 1060px;\n  margin: 0 auto;\n  margin-bottom: 28px;\n  text-align: center;\n}\n\n\/* \u2500\u2500 Priority Selection Panel \u2500\u2500 *\/\n#bx-touch-compare-v1 .bx-priority-panel {\n  background: #f5f7fb;\n  border: 1px solid #d4dae6;\n  border-radius: 10px;\n  padding: 28px 28px 24px;\n  margin: 0 0 32px;\n}\n\n#bx-touch-compare-v1 .bx-priority-panel h3 {\n  margin: 0 0 6px !important;\n}\n\n#bx-touch-compare-v1 .bx-priority-hint {\n  font-size: 0.88rem;\n  color: #787878;\n  margin: 0 0 18px;\n}\n\n#bx-touch-compare-v1 .bx-radio-group {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 12px;\n  margin: 0 0 6px;\n}\n\n#bx-touch-compare-v1 .bx-radio-option {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  border: 2px solid #d4dae6;\n  border-radius: 8px;\n  padding: 14px 16px;\n  cursor: pointer;\n  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;\n  background: #FFFFFF;\n  color: #000018;\n  user-select: none;\n}\n\n#bx-touch-compare-v1 .bx-radio-option:hover {\n  border-color: #304890;\n  box-shadow: 0 2px 8px rgba(48,72,144,0.10);\n}\n\n#bx-touch-compare-v1 .bx-radio-option.bx-active {\n  border-color: #304890;\n  background: #eef1f9;\n  box-shadow: 0 2px 10px rgba(48,72,144,0.13);\n}\n\n#bx-touch-compare-v1 .bx-radio-option input[type=\"radio\"] {\n  width: 18px;\n  height: 18px;\n  accent-color: #304890;\n  cursor: pointer;\n  flex-shrink: 0;\n  margin: 0;\n}\n\n#bx-touch-compare-v1 .bx-radio-label {\n  font-size: 0.95rem;\n  font-weight: 600;\n  color: #1a1a1a;\n  line-height: 1.3;\n}\n\n#bx-touch-compare-v1 .bx-radio-desc {\n  font-size: 0.78rem;\n  color: #787878;\n  margin: 2px 0 0;\n  line-height: 1.3;\n}\n\n\/* \u2500\u2500 Comparison Table \u2500\u2500 *\/\n#bx-touch-compare-v1 .bx-table-wrap {\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  border: 1px solid #d4dae6;\n  border-radius: 10px;\n  margin: 0 0 12px;\n}\n\n#bx-touch-compare-v1 table.bx-comp-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 0.94rem;\n  min-width: 640px;\n}\n\n#bx-touch-compare-v1 table.bx-comp-table thead th {\n  background: #304890;\n  color: #fff;\n  font-weight: 700;\n  text-align: center;\n  padding: 14px 16px;\n  border: none;\n  position: relative;\n  font-family: inherit;\n  cursor: pointer;\n  transition: background 0.2s;\n}\n\n#bx-touch-compare-v1 table.bx-comp-table thead th:first-child {\n  text-align: left;\n  border-radius: 9px 0 0 0;\n  cursor: default;\n}\n\n#bx-touch-compare-v1 table.bx-comp-table thead th:last-child {\n  border-radius: 0 9px 0 0;\n}\n\n#bx-touch-compare-v1 table.bx-comp-table thead th:not(:first-child):hover {\n  background: #1860A8;\n}\n\n#bx-touch-compare-v1 table.bx-comp-table thead th.bx-col-active {\n  background: #1860A8;\n}\n\n#bx-touch-compare-v1 table.bx-comp-table thead th .bx-badge-rec {\n  display: none;\n  background: #FFD700;\n  color: #304890;\n  font-size: 0.66rem;\n  font-weight: 700;\n  padding: 2px 8px;\n  border-radius: 10px;\n  margin-left: 6px;\n  vertical-align: middle;\n  letter-spacing: 0.03em;\n  text-transform: uppercase;\n}\n\n#bx-touch-compare-v1 table.bx-comp-table thead th.bx-recommended .bx-badge-rec {\n  display: inline-block;\n}\n\n#bx-touch-compare-v1 table.bx-comp-table thead th .bx-tech-sub {\n  display: block;\n  font-size: 0.72rem;\n  font-weight: 400;\n  opacity: 0.85;\n  margin-top: 2px;\n}\n\n#bx-touch-compare-v1 table.bx-comp-table tbody td {\n  padding: 12px 16px;\n  border-bottom: 1px solid #e8ecf2;\n  text-align: center;\n  vertical-align: middle;\n  color: #1a1a1a;\n  transition: background 0.15s;\n}\n\n#bx-touch-compare-v1 table.bx-comp-table tbody td:first-child {\n  text-align: left;\n  font-weight: 600;\n  color: #304890;\n  background: #f5f7fb;\n  white-space: nowrap;\n}\n\n#bx-touch-compare-v1 table.bx-comp-table tbody tr:last-child td:first-child {\n  border-radius: 0 0 0 9px;\n}\n\n#bx-touch-compare-v1 table.bx-comp-table tbody tr:last-child td:last-child {\n  border-radius: 0 0 9px 0;\n}\n\n#bx-touch-compare-v1 table.bx-comp-table tbody tr:hover td {\n  background: #f0f3f8;\n}\n\n#bx-touch-compare-v1 table.bx-comp-table tbody tr:hover td:first-child {\n  background: #eaeff6;\n}\n\n#bx-touch-compare-v1 table.bx-comp-table tbody td.bx-num {\n  font-family: 'IBM Plex Mono', monospace;\n  font-size: 0.92rem;\n}\n\n\/* Column highlight on click *\/\n#bx-touch-compare-v1 table.bx-comp-table tbody td.bx-col-active {\n  background: #eef1f9;\n}\n\n#bx-touch-compare-v1 table.bx-comp-table tbody tr:hover td.bx-col-active {\n  background: #e4e9f4;\n}\n\n\/* Recommended column border *\/\n#bx-touch-compare-v1 table.bx-comp-table thead th.bx-recommended {\n  background: #1860A8;\n  box-shadow: inset 0 3px 0 #FFD700;\n}\n\n#bx-touch-compare-v1 table.bx-comp-table tbody td.bx-recommended {\n  border-left: 2px solid #1860A8;\n  border-right: 2px solid #1860A8;\n  background: #f0f5fc;\n}\n\n#bx-touch-compare-v1 table.bx-comp-table tbody tr:last-child td.bx-recommended {\n  border-bottom: 2px solid #1860A8;\n}\n\n#bx-touch-compare-v1 table.bx-comp-table tbody tr:hover td.bx-recommended {\n  background: #e6edf7;\n}\n\n\/* Star ratings *\/\n#bx-touch-compare-v1 .bx-stars {\n  font-size: 1rem;\n  letter-spacing: 1px;\n  white-space: nowrap;\n}\n\n#bx-touch-compare-v1 .bx-star-filled {\n  color: #D4A012;\n}\n\n#bx-touch-compare-v1 .bx-star-empty {\n  color: #d4dae6;\n}\n\n\/* Cost indicator *\/\n#bx-touch-compare-v1 .bx-cost {\n  font-family: 'IBM Plex Mono', monospace;\n  font-weight: 600;\n  font-size: 0.92rem;\n  color: #1a1a1a;\n}\n\n\/* Best-for tag *\/\n#bx-touch-compare-v1 .bx-best-tag {\n  display: inline-block;\n  font-size: 0.82rem;\n  font-weight: 600;\n  padding: 3px 10px;\n  border-radius: 4px;\n  background: #f0f3f8;\n  color: #304890;\n  line-height: 1.4;\n  white-space: nowrap;\n}\n\n\/* \u2500\u2500 Legend \u2500\u2500 *\/\n#bx-touch-compare-v1 .bx-legend {\n  font-size: 0.82rem;\n  color: #787878;\n  margin: 0 0 32px;\n  padding: 0 4px;\n}\n\n#bx-touch-compare-v1 .bx-legend span {\n  margin-right: 18px;\n}\n\n\/* \u2500\u2500 CTA \u2500\u2500 *\/\n#bx-touch-compare-v1 .bx-cta-bar {\n  text-align: center;\n  padding: 32px 20px;\n  background: linear-gradient(135deg, #304890 0%, #1860A8 100%);\n  border-radius: 10px;\n  margin: 0;\n}\n\n#bx-touch-compare-v1 .bx-cta-bar p {\n  color: rgba(255,255,255,0.9);\n  font-size: 1.05rem;\n  margin: 0 0 16px;\n}\n\n#bx-touch-compare-v1 .bx-cta-bar p strong {\n  color: #fff;\n}\n\n#bx-touch-compare-v1 .bx-cta-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: 50px;\n  padding: 0 36px;\n  font-size: 1.05rem;\n  font-weight: 700;\n  font-family: inherit;\n  color: #304890;\n  background: #fff;\n  border-radius: 6px;\n  text-decoration: none;\n  transition: background 0.2s, transform 0.1s;\n}\n\n#bx-touch-compare-v1 .bx-cta-link:hover {\n  background: #f0f3f8;\n  transform: translateY(-1px);\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 860px) {\n  #bx-touch-compare-v1 {\n    padding: 24px 14px 36px;\n  }\n\n  #bx-touch-compare-v1 .bx-radio-group {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  #bx-touch-compare-v1 .bx-priority-panel {\n    padding: 20px 16px 18px;\n  }\n\n  #bx-touch-compare-v1 table.bx-comp-table {\n    font-size: 0.85rem;\n  }\n\n  #bx-touch-compare-v1 table.bx-comp-table thead th,\n  #bx-touch-compare-v1 table.bx-comp-table tbody td {\n    padding: 10px 10px;\n  }\n\n  #bx-touch-compare-v1 .bx-cta-bar {\n    padding: 24px 16px;\n  }\n}\n\n@media (max-width: 540px) {\n  #bx-touch-compare-v1 .bx-radio-group {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* Select element styles (WordPress isolation) *\/\n#bx-touch-compare-v1 select {\n  height: 44px !important;\n  appearance: none !important;\n}\n\n#bx-touch-compare-v1 select option {\n  color: #000018 !important;\n  background: #FFFFFF !important;\n}\n\n#bx-touch-compare-v1 option {\n  color: #000018;\n  background: #FFFFFF;\n}\n\n#bx-touch-compare-v1 .bx-radio-option {\n  color: #000018;\n  background: #FFFFFF;\n}\n<\/style>\n\n<div class=\"bx-container\">\n  <h2>Automotive Touch Screen Technology Comparison<\/h2>\n  <p class=\"bx-tool-intro\">Compare four major touch sensing technologies used in automotive display glass. Click any column header to highlight it, then select your design priority below to see which technology best fits your application.<\/p>\n\n  <div class=\"bx-priority-panel\">\n    <h3>Select Your Design Priority<\/h3>\n    <p class=\"bx-priority-hint\">Choose the factor most important to your automotive display project. The table will highlight the best-matching technology.<\/p>\n\n    <div class=\"bx-radio-group\" id=\"bxPriorityGroup\">\n      <label class=\"bx-radio-option\" data-priority=\"durability\">\n        <input type=\"radio\" name=\"bxPriority\" value=\"durability\">\n        <div>\n          <div class=\"bx-radio-label\">Durability<\/div>\n          <div class=\"bx-radio-desc\">Maximum scratch &amp; impact resistance<\/div>\n        <\/div>\n      <\/label>\n      <label class=\"bx-radio-option\" data-priority=\"cost\">\n        <input type=\"radio\" name=\"bxPriority\" value=\"cost\">\n        <div>\n          <div class=\"bx-radio-label\">Cost<\/div>\n          <div class=\"bx-radio-desc\">Lowest per-unit BOM cost<\/div>\n        <\/div>\n      <\/label>\n      <label class=\"bx-radio-option\" data-priority=\"curved\">\n        <input type=\"radio\" name=\"bxPriority\" value=\"curved\">\n        <div>\n          <div class=\"bx-radio-label\">Curved Design<\/div>\n          <div class=\"bx-radio-desc\">Best fit for 2.5D \/ 3D curved panels<\/div>\n        <\/div>\n      <\/label>\n      <label class=\"bx-radio-option\" data-priority=\"multitouch\">\n        <input type=\"radio\" name=\"bxPriority\" value=\"multitouch\">\n        <div>\n          <div class=\"bx-radio-label\">Multi-Touch<\/div>\n          <div class=\"bx-radio-desc\">Gesture control &amp; 10-point input<\/div>\n        <\/div>\n      <\/label>\n    <\/div>\n  <\/div>\n\n  <div class=\"bx-table-wrap\">\n    <table class=\"bx-comp-table\" id=\"bxCompTable\" role=\"table\">\n      <thead>\n        <tr>\n          <th>Parameter<\/th>\n          <th data-col=\"0\" id=\"bxTh0\">PCAP G+G<span class=\"bx-tech-sub\">Glass + Glass<\/span><span class=\"bx-badge-rec\">Recommended<\/span><\/th>\n          <th data-col=\"1\" id=\"bxTh1\">PCAP G+F<span class=\"bx-tech-sub\">Glass + Film<\/span><span class=\"bx-badge-rec\">Recommended<\/span><\/th>\n          <th data-col=\"2\" id=\"bxTh2\">PCAP P+G<span class=\"bx-tech-sub\">Plastic + Glass<\/span><span class=\"bx-badge-rec\">Recommended<\/span><\/th>\n          <th data-col=\"3\" id=\"bxTh3\">Resistive<span class=\"bx-tech-sub\">4-Wire<\/span><span class=\"bx-badge-rec\">Recommended<\/span><\/th>\n        <\/tr>\n      <\/thead>\n      <tbody id=\"bxTableBody\"><\/tbody>\n    <\/table>\n  <\/div>\n\n  <div class=\"bx-legend\">\n    <span>Click a column header to highlight that technology.<\/span>\n    <span>Select a priority above to see the recommended pick.<\/span>\n  <\/div>\n\n  <div class=\"bx-cta-bar\">\n    <p><strong>Need help choosing the right touch panel stack-up?<\/strong><br>Our engineers can recommend the ideal sensor + cover glass combination for your dashboard, center console, or HUD display.<\/p>\n    <a href=\"#ct-popup-787\" class=\"bx-cta-link\">Get Touch Panel Specifications &rarr;<\/a>\n  <\/div>\n<\/div> <script>\n(function() {\n  var SCOPE = document.getElementById('bx-touch-compare-v1');\n  if (!SCOPE) return;\n\n  \/* \u2500\u2500 Technology Data \u2500\u2500 *\/\n  var TECHS = [\n    { id: 'gg',  name: 'PCAP G+G' },\n    { id: 'gf',  name: 'PCAP G+F' },\n    { id: 'pg',  name: 'PCAP P+G' },\n    { id: 'res', name: 'Resistive' }\n  ];\n\n  \/* Priority \u2192 winning tech index (0=G+G, 1=G+F, 2=P+G, 3=Resistive) *\/\n  var PRIORITY_WINNER = {\n    durability: 0,\n    cost: 3,\n    curved: 2,\n    multitouch: 0\n  };\n\n  \/* \u2500\u2500 Table Row Data \u2500\u2500 *\/\n  var ROWS = [\n    {\n      label: 'Multi-Touch',\n      values: ['Up to 10 points', 'Up to 10 points', 'Up to 10 points', 'Single-touch'],\n      numeric: false\n    },\n    {\n      label: 'Glove Operation',\n      values: ['With tuning', 'With tuning', 'With tuning', 'Yes (pressure)'],\n      numeric: false\n    },\n    {\n      label: 'Cover Glass Max',\n      values: ['10 mm', '6 mm', '8 mm', '2 mm'],\n      numeric: true\n    },\n    {\n      label: 'Durability',\n      type: 'stars',\n      values: [5, 3, 4, 2]\n    },\n    {\n      label: 'Optical Clarity',\n      type: 'stars',\n      values: [5, 4, 4, 3]\n    },\n    {\n      label: 'Cost',\n      type: 'cost',\n      values: ['$$$', '$$', '$$\\u2013$$$', '$']\n    },\n    {\n      label: 'Best For',\n      type: 'tag',\n      values: ['Premium dashboards', 'Cost-conscious', 'Curved displays', 'Legacy \/ budget']\n    },\n    {\n      label: 'Temp Range',\n      values: ['\\u221240 to 85\\u00B0C', '\\u221240 to 85\\u00B0C', '\\u221240 to 85\\u00B0C', '\\u221240 to 85\\u00B0C'],\n      numeric: true\n    }\n  ];\n\n  \/* \u2500\u2500 DOM refs \u2500\u2500 *\/\n  var tableBody = SCOPE.querySelector('#bxTableBody');\n  var headers = [\n    SCOPE.querySelector('#bxTh0'),\n    SCOPE.querySelector('#bxTh1'),\n    SCOPE.querySelector('#bxTh2'),\n    SCOPE.querySelector('#bxTh3')\n  ];\n  var priorityGroup = SCOPE.querySelector('#bxPriorityGroup');\n  var radioOptions = priorityGroup.querySelectorAll('.bx-radio-option');\n\n  \/* \u2500\u2500 State \u2500\u2500 *\/\n  var activeCol = -1;\n  var activePriority = null;\n\n  \/* \u2500\u2500 Render helpers \u2500\u2500 *\/\n  function renderStars(count) {\n    var html = '<span class=\"bx-stars\">';\n    for (var i = 0; i < 5; i++) {\n      if (i < count) {\n        html += '<span class=\"bx-star-filled\">\\u2605<\/span>';\n      } else {\n        html += '<span class=\"bx-star-empty\">\\u2606<\/span>';\n      }\n    }\n    html += '<\/span>';\n    return html;\n  }\n\n  function renderCost(val) {\n    return '<span class=\"bx-cost\">' + val + '<\/span>';\n  }\n\n  function renderTag(val) {\n    return '<span class=\"bx-best-tag\">' + val + '<\/span>';\n  }\n\n  \/* \u2500\u2500 Build table body \u2500\u2500 *\/\n  function buildTable() {\n    var recCol = (activePriority !== null) ? PRIORITY_WINNER[activePriority] : -1;\n    var html = '';\n\n    ROWS.forEach(function(row) {\n      html += '<tr>';\n      html += '<td>' + row.label + '<\/td>';\n\n      for (var c = 0; c < 4; c++) {\n        var cls = [];\n        if (row.numeric) cls.push('bx-num');\n        if (c === activeCol) cls.push('bx-col-active');\n        if (c === recCol) cls.push('bx-recommended');\n\n        var cellContent;\n        if (row.type === 'stars') {\n          cellContent = renderStars(row.values[c]);\n        } else if (row.type === 'cost') {\n          cellContent = renderCost(row.values[c]);\n        } else if (row.type === 'tag') {\n          cellContent = renderTag(row.values[c]);\n        } else {\n          cellContent = row.values[c];\n        }\n\n        html += '<td' + (cls.length ? ' class=\"' + cls.join(' ') + '\"' : '') + '>' + cellContent + '<\/td>';\n      }\n\n      html += '<\/tr>';\n    });\n\n    tableBody.innerHTML = html;\n  }\n\n  \/* \u2500\u2500 Update header states \u2500\u2500 *\/\n  function updateHeaders() {\n    var recCol = (activePriority !== null) ? PRIORITY_WINNER[activePriority] : -1;\n\n    headers.forEach(function(th, idx) {\n      th.classList.remove('bx-col-active', 'bx-recommended');\n      if (idx === activeCol) th.classList.add('bx-col-active');\n      if (idx === recCol) th.classList.add('bx-recommended');\n    });\n  }\n\n  \/* \u2500\u2500 Column click handler \u2500\u2500 *\/\n  headers.forEach(function(th, idx) {\n    th.addEventListener('click', function() {\n      if (activeCol === idx) {\n        activeCol = -1;\n      } else {\n        activeCol = idx;\n      }\n      updateHeaders();\n      buildTable();\n    });\n  });\n\n  \/* \u2500\u2500 Priority radio handler \u2500\u2500 *\/\n  radioOptions.forEach(function(opt) {\n    var radio = opt.querySelector('input[type=\"radio\"]');\n\n    radio.addEventListener('change', function() {\n      activePriority = this.value;\n\n      radioOptions.forEach(function(o) {\n        o.classList.remove('bx-active');\n      });\n      opt.classList.add('bx-active');\n\n      updateHeaders();\n      buildTable();\n    });\n  });\n\n  \/* \u2500\u2500 Initial render \u2500\u2500 *\/\n  buildTable();\n})();\n<\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Automotive Touch Screen Technology Comparison Compare four major touch sensing technologies used in automotive display glass. Click any column header to highlight it, then select your design priority below to see which technology best fits your application. Select Your Design Priority Choose the factor most important to your automotive display project. The table will highlight [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":3296,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-3487","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages\/3487","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/comments?post=3487"}],"version-history":[{"count":0,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages\/3487\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages\/3296"}],"wp:attachment":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/media?parent=3487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}