ON Semiconductor Germany GmbH

Zamdorfer Str. 10081677 MünchenDeutschland

+49 89 93 08 08 0
+49 89 93 08 08 80
info@onsemi.com
https://www.onsemi.com/

Produkte und Leistungen als Unternehmenstyp:

Halbleiterhersteller

<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>

Distributoren

Unternehmensbeschreibung

ON Semiconductor war ursprünglich als Semiconductor Components Group (SCG) Teil des Geschäftsbereichs Semiconductor Product Sectors (SPS) von Motorola. Im Jahr 1999 übernahm die Texas Pacific Group diesen Bereich und führte ihn fortan als eigenständiges Unternehmen unter dem Namen ON Semiconductor.

Stellenanzeige(n)

Keine Vakanzen offen

← Zurück