Edit History

Danke JBW!

Hatte ich bereits probiert:

Steht in der custom.css

#fenster {
overflow: hidden;
display: none;
position: absolute;
top: 80px;
right: 20px;
font-size: 13px;
background-color: #F0F0F0;
width: 300px;
border: 1px solid black;
z-index: 100;
}
#fensterinnen {
margin: 0 auto;
width: 80%;
}

Steht in der custom.js

 $(document).ready(function() {  
   $("#zustand").click(function() {
     $("#fenster").fadeIn(250);
     });
   $("#fenster").click(function() {
     $("#fenster").fadeOut(250);
     });
 });

html in tiny

<div>
<p>Text Überschrift (<span id="zustand"><a href="#">klick hier</a></span>) / Text</p>
</div>

<div id="fenster">
<div id="fensterinnen">
<p id="qualitaetsgrade">Das ist Text</p>
<p>
<span class="erhaltungsgrade">Text eins:</span><br>
<span class="beschreibung">Text eins: Inhalt 1</span>
</p>
<p>
<span class="erhaltungsgrade">Text zwei:</span><br>
<span class="beschreibung">Text zwei: Inhalt 2</span>
</p>
<p>
<span class="erhaltungsgrade">Text drei:</span><br>
<span class="beschreibung">Text drei: Inhalt 3</span>
</p>
<span id="schliessen"><a href="#">Fenster schließen</a></span>
</div>
 <br>
</div>

Leider passiert nichts.

In der Browserconsole wird auch kein "event" angezeigt.

Es betrifft alle Artikeldetails - die Lösung mit der db geht deshalb als Option nicht.

Habe schon in google und natürlich auch schon im Forum gesucht, aber nicht konkretes gefunden. Vielleicht noch mehr Zeit zum recherchieren nehmen, mal sehen.

Danke JBW!

Hatte ich bereits probiert:

Steht in der custom.css

#fenster {
overflow: hidden;
display: none;
position: absolute;
top: 80px;
right: 20px;
font-size: 13px;
background-color: #F0F0F0;
width: 300px;
border: 1px solid black;
z-index: 100;
}
#fensterinnen {
margin: 0 auto;
width: 80%;
}

Steht in der custom.js

$(document).ready(function() {  
   $("#fenster").click(function() {
     $("#schliessen").fadeIn(250);
     });
   $("#schliessen").click(function() {
     $("#schliessen").fadeOut(250);
     });
 });

html in tiny

<div>
<p>Text Überschrift (<span id="zustand"><a href="#">klick hier</a></span>) / Text</p>
</div>

<div id="fenster">
<div id="fensterinnen">
<p id="qualitaetsgrade">Das ist Text</p>
<p>
<span class="erhaltungsgrade">Text eins:</span><br>
<span class="beschreibung">Text eins: Inhalt 1</span>
</p>
<p>
<span class="erhaltungsgrade">Text zwei:</span><br>
<span class="beschreibung">Text zwei: Inhalt 2</span>
</p>
<p>
<span class="erhaltungsgrade">Text drei:</span><br>
<span class="beschreibung">Text drei: Inhalt 3</span>
</p>
<span id="schliessen"><a href="#">Fenster schließen</a></span>
</div>
 <br>
</div>

Leider passiert nichts.

In der Browserconsole wird auch kein "event" angezeigt.

Es betrifft alle Artikeldetails - die Lösung mit der db geht deshalb als Option nicht.

Habe schon in google und natürlich auch schon im Forum gesucht, aber nicht konkretes gefunden. Vielleicht noch mehr Zeit zum recherchieren nehmen, mal sehen.