# ID categoria come classe del corpo

**URL:** https://meta.discourse.org/t/category-id-as-body-class/270693
**Category:** Development
**Created:** [5 Luglio 2023, 7:59pm UTC](https://meta.discourse.org/t/category-id-as-body-class/270693 "2023-07-05T19:59:43Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![gormus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gormus/32/428592_2.png) [@gormus](https://meta.discourse.org/u/gormus)
#### Post date: [5 Luglio 2023, 7:59pm UTC](https://meta.discourse.org/t/category-id-as-body-class/270693/1 "2023-07-05T19:59:43Z")

</div>

Il nome della categoria viene aggiunto all’elenco delle classi del corpo come in `category category-CATEGORY-NAME`.

Come potrei aggiungere l’ID della categoria come attributo data, in modo simile a come hanno i collegamenti delle categorie nella barra laterale; ad esempio `data-category-id=5`

Come potrei aggiungere un attributo data simile per il corpo della pagina di categoria in cui mi trovo?

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [5 Luglio 2023, 9:27pm UTC](https://meta.discourse.org/t/category-id-as-body-class/270693/2 "2023-07-05T21:27:09Z")

</div>

Ciao Osman 🙂

Questo dovrebbe funzionare:

```html
<script type="text/discourse-plugin" version="1.4.0">
    const container = Discourse. __container__ ;
    const controller = container.lookup('controller:navigation/category');
    
    api.onPageChange((url, title) => {
        let categoryId = controller.get("category.id");
        if(categoryId) {
            document.body.setAttribute('data-category-id', categoryId);
        }
        else {
            document.body.removeAttribute('data-category-id');
        }
    });
</script>

```

---

<div class="post-metadata">

### Author: ![gormus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gormus/32/428592_2.png) [@gormus](https://meta.discourse.org/u/gormus)
#### Post date: [5 Luglio 2023, 9:30pm UTC](https://meta.discourse.org/t/category-id-as-body-class/270693/3 "2023-07-05T21:30:50Z")

</div>

Grazie @Canapin, funziona perfettamente : )

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [4 Agosto 2023, 9:31pm UTC](https://meta.discourse.org/t/category-id-as-body-class/270693/4 "2023-08-04T21:31:38Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.