# Mit Button Formular einblenden - Javascript geht nicht?

**URL:** <https://forum.shopware.com/t/mit-button-formular-einblenden-javascript-geht-nicht/70765>\
**Category:** Programmierung\
**Created:** [9. November 2020 um 11:34 UTC](https://forum.shopware.com/t/mit-button-formular-einblenden-javascript-geht-nicht/70765 "2020-11-09T11:34:00Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![graumatic](https://avatars.discourse-cdn.com/v4/letter/g/dec6dc/32.png) [@graumatic](https://forum.shopware.com/u/graumatic)\
**Post date:** [9. November 2020 um 11:34 UTC](https://forum.shopware.com/t/mit-button-formular-einblenden-javascript-geht-nicht/70765/1 "2020-11-09T11:34:00Z")

</div>

Hallo liebes Forum,

ich würde gerne im Tab der Bewertungen das Formular erst mit einem Klick auf einen Button “Bewertung schreiben” einblenden.

Der Code sieht wie folgt aus und funktioniert auch ohne Probleme im Tryit Editor. Der Block wird mit dem Button jeweils ein oder ausgeblendent.

Komischerweise funktioniert dies jedoch nicht in der&nbsp;/frontend/detail/tabs/ **comment.tpl**

**Ergänzung: Mobile funktioniert es, am Desktop jedoch nicht.**

Wenn ich eine andere Aktion in der Funktion vom Button ausführe wird diese auch richtig umgesetzt (Seite neu laden oder E-Mail Programm öffnen)  
Die Funktion zum ein und ausblenden des divs jedoch nicht.

Hat jemand eine Idee woran es liegen könnte?

Vielen Dank!

```
	Schreibe eine Bewertung
	
	
	
	{* Publish product review *}
    {block name='frontend_detail_comment_post'}
        
            {include file="frontend/detail/comment/form.tpl"}
        
    {/block}
	
	
	
	

		
function schreiben() {
  var xbe = document.getElementById("bewertunganzeigen");
  if (xbe.style.display === "none") {
    xbe.style.display = "block";
  } else {
    xbe.style.display = "none";
  }
}

```

&nbsp;

---

<div class="post-metadata">

**Author:** ![brettvormkopp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/brettvormkopp/32/7788_2.png) [@brettvormkopp](https://forum.shopware.com/u/brettvormkopp)\
**Post date:** [9. November 2020 um 12:33 UTC](https://forum.shopware.com/t/mit-button-formular-einblenden-javascript-geht-nicht/70765/2 "2020-11-09T12:33:55Z")

</div>

Hi, also ich habe das etwas anders umgesetzt. Wenn offen, dann offen.

```
anzeigen

```

Kann es ggf sein, dass dein javascript ein literal fehlt?

---

<div class="post-metadata">

**Author:** ![graumatic](https://avatars.discourse-cdn.com/v4/letter/g/dec6dc/32.png) [@graumatic](https://forum.shopware.com/u/graumatic)\
**Post date:** [9. November 2020 um 13:00 UTC](https://forum.shopware.com/t/mit-button-formular-einblenden-javascript-geht-nicht/70765/3 "2020-11-09T13:00:54Z")

</div>

> [@brettvormkopp schrieb:](https://forum.shopware.com/profile/6611/brettvormkopp "brettvormkopp")
> 
> Hi, also ich habe das etwas anders umgesetzt. Wenn offen, dann offen.
> 
> anzeigen
> 
> Kann es ggf sein, dass dein javascript ein literal fehlt?

Hi, mit deinem Code funktioniert es bei mir auch aber leider auch nur mobile.&nbsp;

literal habe ich wie folgt im Code:

```
{literal}

		
function schreiben() {
  var xbe = document.getElementById("bewertunganzeigen");
  if (xbe.style.display === "none") {
    xbe.style.display = "block";
  } else {
    xbe.style.display = "none";
  }
}
	

{/literal}

```

&nbsp;

---

<div class="post-metadata">

**Author:** ![brettvormkopp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/brettvormkopp/32/7788_2.png) [@brettvormkopp](https://forum.shopware.com/u/brettvormkopp)\
**Post date:** [9. November 2020 um 13:09 UTC](https://forum.shopware.com/t/mit-button-formular-einblenden-javascript-geht-nicht/70765/4 "2020-11-09T13:09:03Z")

</div>

Kann ich nur raten. Ggf ist die Bewertung nicht aktiviert oder es lädt, aber keine Bewertung vorhanden? Muss man sich live ansehen.

---

<div class="post-metadata">

**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\
**Post date:** [9. November 2020 um 13:43 UTC](https://forum.shopware.com/t/mit-button-formular-einblenden-javascript-geht-nicht/70765/5 "2020-11-09T13:43:51Z")

</div>

Hm, ich weiß nicht so recht ob das mit dem einfachen ein- und ausblenden vom DIV „bewertunganzeigen“ schon ausreicht. Das eigentliche Formular steckt ja noch in einem Container der separat durch JS aktiviert wird. Selbst wenn das DIV „bewertunganzeigen“ aktiv ist, heißt das noch noch lange nicht, dass der Inhalt der Bewertung dies auch ist.

&nbsp;

---

<div class="post-metadata">

**Author:** ![graumatic](https://avatars.discourse-cdn.com/v4/letter/g/dec6dc/32.png) [@graumatic](https://forum.shopware.com/u/graumatic)\
**Post date:** [9. November 2020 um 14:00 UTC](https://forum.shopware.com/t/mit-button-formular-einblenden-javascript-geht-nicht/70765/6 "2020-11-09T14:00:43Z")

</div>

> [@R4M schrieb:](https://forum.shopware.com/profile/17170/R4M "R4M")
> 
> Hm, ich weiß nicht so recht ob das mit dem einfachen ein- und ausblenden vom DIV „bewertunganzeigen“ schon ausreicht. Das eigentliche Formular steckt ja noch in einem Container der separat durch JS aktiviert wird. Selbst wenn das DIV „bewertunganzeigen“ aktiv ist, heißt das noch noch lange nicht, dass der Inhalt der Bewertung dies auch ist.
> 
> &nbsp;

Hi, ich glaube du hast etwas falsches vor Augen.

Der Button zeigt nicht die Bewertungen selbst an sondern das Formular um eine zu schreiben.

Auf dem Desktop (Bild 1) passiert beim Klick auf dem Button nichts.

In der Mobil-Version (Bild 2 & 3) geht beim klicken des Buttens das Formular auf.

Mir ist leider rätzelhaft warum dies nur das der Mobile Version passiert.

Vielen&nbsp;Dank&nbsp;für eure Mühe!!

 ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/2/237973650a0460d72f128aa240b419cab649bcd7.png)

 ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/5/50e41f3a12f7d7e743a681ca3368e21950e74887.png) ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/5/586a7ac62069e1ef79ad5737abca6975d239072d.jpeg)

---

<div class="post-metadata">

**Author:** ![brettvormkopp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/brettvormkopp/32/7788_2.png) [@brettvormkopp](https://forum.shopware.com/u/brettvormkopp)\
**Post date:** [9. November 2020 um 14:01 UTC](https://forum.shopware.com/t/mit-button-formular-einblenden-javascript-geht-nicht/70765/7 "2020-11-09T14:01:30Z")

</div>

```
 #detail--product-reviews hat noch ein display: none, kann man ja rausnehmen. Ansonsten habe ich das in 3 shops am laufen. Müsste man sich live anschauen
```

---

<div class="post-metadata">

**Author:** ![graumatic](https://avatars.discourse-cdn.com/v4/letter/g/dec6dc/32.png) [@graumatic](https://forum.shopware.com/u/graumatic)\
**Post date:** [9. November 2020 um 14:10 UTC](https://forum.shopware.com/t/mit-button-formular-einblenden-javascript-geht-nicht/70765/8 "2020-11-09T14:10:11Z")

</div>

> [@brettvormkopp schrieb:](https://forum.shopware.com/profile/6611/brettvormkopp "brettvormkopp")
> 
> #detail–product-reviews hat noch ein display: none, kann man ja rausnehmen. Ansonsten habe ich das in 3 shops am laufen. Müsste man sich live anschauen

Falls du einmal schauen möchtest hier der Link zu einem Artikel mit Bewertungen:

[https://skaden.de/kategorie-1/7/bora](https://skaden.de/kategorie-1/7/bora)

&nbsp;

---

<div class="post-metadata">

**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\
**Post date:** [9. November 2020 um 14:56 UTC](https://forum.shopware.com/t/mit-button-formular-einblenden-javascript-geht-nicht/70765/9 "2020-11-09T14:56:25Z")

</div>

Das kann so nicht gehen, du das hast dein Script wahlos irgendwo eingebunden. Das muss aus diesem Tab raus. In der Mobilansicht wird das anders gesteuert, deswegen geht dort auch der Button. Aber bei Desktop hast du die TAB-Steuerung!!! Und ich vermute ganz stark, dass es daran liegt. Legt deine Function schreiben() an eine andere Stelle, die nicht verändert wird. Eigentlich gehört soetwas in eigene Theme.

---

<div class="post-metadata">

**Author:** ![graumatic](https://avatars.discourse-cdn.com/v4/letter/g/dec6dc/32.png) [@graumatic](https://forum.shopware.com/u/graumatic)\
**Post date:** [9. November 2020 um 17:06 UTC](https://forum.shopware.com/t/mit-button-formular-einblenden-javascript-geht-nicht/70765/10 "2020-11-09T17:06:25Z")

</div>

> [@R4M schrieb:](https://forum.shopware.com/profile/17170/R4M "R4M")
> 
> Das kann so nicht gehen, du das hast dein Script wahlos irgendwo eingebunden. Das muss aus diesem Tab raus. In der Mobilansicht wird das anders gesteuert, deswegen geht dort auch der Button. Aber bei Desktop hast du die TAB-Steuerung!!! Und ich vermute ganz stark, dass es daran liegt. Legt deine Function schreiben() an eine andere Stelle, die nicht verändert wird. Eigentlich gehört soetwas in eigene Theme.

Hi, vielen Dank für deine Mühe.

Ich habe das Script an diversen Stellen getestet die sich nicht verändern, Header, Footer, BuyBox. Bei allen funktioniert wieder nur die Mobile Version. Es liegt also auf jeden Fall an den Tabs.

Werde als Lösung einfach die Tabs rausschmeißen und die Bewertungen unter die Beschreibung setzen.

Besten Dank für eure Hilfe!

Gruß