WebSite X5Help Center

 
Sebastian S.
Sebastian S.
User

Rozwijana treść na stronie  pl

Autor: Sebastian S.
Visitado 946, Seguidores 1, Compartilhado 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..

Publicado em
4 RESPOSTAS - 2 ÚTEIS
Bogdan P.
Bogdan P.
User

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

Ler mais
Publicado em de Bogdan P.
Sebastian S.
Sebastian S.
User
Autor

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.

Ler mais
Publicado em 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"

Ler mais
Publicado em de Bogdan P.
Sebastian S.
Sebastian S.
User
Autor

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.

Ler mais
Publicado em de Sebastian S.