Rozwijana treść na stronie
Autor: Sebastian S.
Visitado 942,
Followers 1,
Compartido 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 en
Jest taka możliwość za pomocą obiektu "kod html".
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.
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"
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.