Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Funkcja pokazywania i ukrywania tekstu - problem z szablonem
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Kiubus
Witam!
Posiadam taką oto funkcję:
  1. <script type="text/javascript">
  2. function pokazAlboUkryj(co) {
  3. var obiekt = document.getElementById(co);
  4. if (obiekt.style.display == 'block') {
  5. obiekt.style.display = 'none';
  6. } else {
  7. obiekt.style.display = 'block';
  8. }
  9. }
  10. </script>

Odpowiada ona za pokazanie treści po kliknięciu (gdy jej nie widać) lub ukrycie treści (gdy ją widać) po kliknięciu.
Gdy klikam, to wyświetla się treść, ale layout strony nie przedłuża się w dół i to powoduje, że treść nakłada się na drugą.
Bardzo proszę o pomoc!
kamil4u
To problem CSS.

Pokaż damo( przykładową stronę ) to coś poradzimy smile.gif
tolomei
Witaj.

Moim zdaniem to coś takiego raczej:
  1. <script type="text/javascript">
  2. function pokazAlboUkryj(co) {
  3. var obiekt = document.getElementById(co);
  4. if (obiekt.style.display != 'none') {
  5. obiekt.style.display = 'none';
  6. } else {
  7. obiekt.style.display = '';
  8. }
  9. }
  10. </script>

Nie wszystkie elementy są elementami blokowymi, dlatego zerowanie atrybutu display jest najlepszym rozwiązaniem.

Pozdrawiam.
Kiubus
@tolomei
Po zmianie na kod, który podałeś w ogóle nie rozwija listy sad.gif

@kamil4u
Demo można zobaczyć na:
www.kubuss.pdg.pl/created_works.html
tolomei
Na moje oko - raczej działa - http://jsfiddle.net/JphpZ/
kamil4u
W kodzie masz div-a, który wygląda tak:
Kod
<div class="center" style="width: 546px; height: 306px">

A w nim masz te swoje - pokaż-ukryj.
Jeżeli div-ma na sztywno podaną wysokość to nie dziw się, że treść nachodzi na siebie. Rozwiązanie to po prostu nie ustawianie wysokości.
Kiubus
Wielkie dzięki Kamil!
Podziękowanie przyznane. Temat można zamknąć!
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.