WebSite X5Help Center

 
Sebastian S.
Sebastian S.
User

Rozwijana treść na stronie  pl

Auteur : Sebastian S.
Visité 945, Followers 1, Partagé 0  

Witam,
czy jest opcja wykonania w treści strony rozwijanego tekstu.
Chodzi mi aby np. po kliknięciu na nazwe (belkę) z danym działem rozwinęła się w trści lista np.z numerami telefonów, adresem etc..

Posté le
4 RéPONSES - 2 UTILE
Bogdan P.
Bogdan P.
User

Jest taka możliwość za pomocą obiektu "kod html".

Lire plus
Posté le de Bogdan P.
Sebastian S.
Sebastian S.
User
Auteur

Czyli ingerencja "z ręki" w kod html. To praktycznie wszystko się tak da - chocdziło mi czy jest taka opcja w WebSite x5 13 Prof. bez potrzeby ingerencji w kod.

Lire plus
Posté le de Sebastian S.
Bogdan P.
Bogdan P.
User

Nie ingerencja w kod html strony, tylko wstawienie "obiektu html" który jest w programie i tam umieszczenie kodu.

KOD HTML:

<button class="accordion">Adresy i numery telefonów</button><div class="panel">
<p><b>Adres .........</b></p>
<br/>
<div id="ok"><p><b>telefon</b></p>
  </div>
</div>

KOD Java script:

<script>var acc = document.getElementsByClassName("accordion");var i;
for (i = 0; i < acc.length; i++) {    acc[i].onclick = function(){        this.classList.toggle("active");        this.nextElementSibling.classList.toggle("show");  }}</script>

KOD CSS:

button.accordion {    background-color: #e0e0e0;    color: #000;
   
    font-size:large;
   
    font-weight:bold;
   
    cursor: pointer;    padding: 5px;
    width: 100%;
    text-align: center;
   
   border-left: 6px double #003970;
   border-top: 1px solid #003970;
   border-right: 6px double #003970;
   border-bottom: 1px solid #003970;    outline: none;    transition: 1.0s;}
button.accordion.active, button.accordion:hover {    background-color: #8696cc;}

Powyższe kodu do skopiowania w wklejenia do "obiektu html"

Lire plus
Posté le de Bogdan P.
Sebastian S.
Sebastian S.
User
Auteur

Nie do końca o to mi chodziło.
Zależy mi aby była belka z danymi (tekst) i po kliknięciu na nią rozwijała się dodatkowa ramka (tuż za belką) przesuwając zawartość, która jest poniżej automatycznie w dół.
Wiem, że konkurencyjne programy mają to rozwiązane w prosty sposób (podobnie jak rozwijane menu) a w WebSite nie mogę się tego doszukać.

S.

Lire plus
Posté le de Sebastian S.