National Technical Systems
- 24007 Ventura Blvd., #200
91302 Calabasas
- +1 800 270 2516
- sales@ntscorp.com
- https://www.ntscorp.com
Produkte und Leistungen als Unternehmenstyp:
- Testhaus
<style> /* Standardmäßig 3 Spalten */ .pro-leistungen-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; } /* Bei Bildschirmbreiten unter 500px, nur 2 Spalten */ @media (max-width: 500px) { .pro-leistungen-grid { grid-template-columns: 1fr 1fr; } } </style> <?php $post_id = get_the_ID(); $all_taxonomies = get_object_taxonomies(get_post_type($post_id)); // Entfernen Sie die Standard-Kategorien-Taxonomie aus der Liste if (($key = array_search('category', $all_taxonomies)) !== false) { unset($all_taxonomies[$key]); } // Durchlaufen Sie jede Taxonomie und zeigen Sie deren Begriffe an foreach ($all_taxonomies as $taxonomy) { $terms = get_the_terms($post_id, $taxonomy); if ($terms && !is_wp_error($terms)) { echo '<strong>' . get_taxonomy($taxonomy)->labels->singular_name . ':</strong><br>'; echo '<div class="pro-leistungen-grid">'; // Verwendung der CSS-Klasse foreach ($terms as $term) { echo '<div class="pro-leistungen-listitem">' . $term->name . '</div>'; } echo '</div>'; // Ende des Grids echo '<br>'; // Neue Zeile nach jedem Grid } } ?>
<style> .tabs { display: flex; flex-wrap: wrap; } .tab-button { padding: 10px 20px; cursor: pointer; background-color: #e0e0e0; border: 1px solid #ccc; margin-right: 5px; border-radius: 4px; } .tab-button.active { background-color: #03a9f4; color: white; } .tab-content { display: none; padding: 20px; border: 1px solid #ccc; margin-top: 10px; border-radius: 4px; } .tab-content.active { display: block; } .pro-leistungen-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; } @media (max-width: 500px) { .pro-leistungen-grid { grid-template-columns: 1fr 1fr; } } /* .pro-leistungen-listitem { padding: 10px; background-color: #f0f0f0; border: 1px solid #ccc; border-radius: 4px; }*/ </style> <div class="tabs"> <?php $post_id = get_the_ID(); $all_taxonomies = get_object_taxonomies(get_post_type($post_id)); // Entfernen Sie die Standard-Kategorien-Taxonomie aus der Liste if (($key = array_search('category', $all_taxonomies)) !== false) { unset($all_taxonomies[$key]); } $tab_index = 0; // Durchlaufen Sie jede Taxonomie und erstellen Sie Tabs und Inhalte foreach ($all_taxonomies as $taxonomy) { $terms = get_the_terms($post_id, $taxonomy); if ($terms && !is_wp_error($terms)) { echo '<div class="tab-button' . ($tab_index == 0 ? ' active' : '') . '" onclick="openTab(event, \'tab-' . $taxonomy . '\')">' . get_taxonomy($taxonomy)->labels->singular_name . '</div>'; $tab_index++; } } ?> </div> <?php $tab_index = 0; // Durchlaufen Sie jede Taxonomie und zeigen Sie deren Begriffe in den Tabs an foreach ($all_taxonomies as $taxonomy) { $terms = get_the_terms($post_id, $taxonomy); if ($terms && !is_wp_error($terms)) { echo '<div id="tab-' . $taxonomy . '" class="tab-content' . ($tab_index == 0 ? ' active' : '') . '">'; echo '<div class="pro-leistungen-grid">'; foreach ($terms as $term) { echo '<div class="pro-leistungen-listitem">' . $term->name . '</div>'; } echo '</div>'; echo '</div>'; $tab_index++; } } ?> <script> function openTab(event, tabId) { var i, tabcontent, tabbuttons; // Alle Tab-Inhalte ausblenden tabcontent = document.getElementsByClassName("tab-content"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; tabcontent[i].classList.remove("active"); } // Alle Tab-Buttons als inaktiv markieren tabbuttons = document.getElementsByClassName("tab-button"); for (i = 0; i < tabbuttons.length; i++) { tabbuttons[i].classList.remove("active"); } // Aktiven Tab-Inhalt und -Button anzeigen document.getElementById(tabId).style.display = "block"; document.getElementById(tabId).classList.add("active"); event.currentTarget.classList.add("active"); } // Standardmäßig den ersten Tab öffnen document.addEventListener('DOMContentLoaded', function () { document.getElementsByClassName('tab-button')[0].click(); }); </script>
Unternehmensbeschreibung
National Technical Systems – Engineering Solutions Provider
NTS provides a full range of integrated engineering services and technical solutions, product testing and design for compliance, regulatory standards compliance testing and evaluation, project management, technical resources, engineering solutions and managed services. NTS is globally accredited by leading regulatory agencies, providing cost-effective programs that help our clients meet their clients’ requirements. NTS has testing laboratories and engineering services offices located throughout North America, Europe and Asia, offering the most skilled technical services possible from the largest independent testing laboratory in the world.
Stellenanzeige(n)
Keine Vakanzen offen