Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Funkcja pokazywania i ukrywania tekstu - problem z szablonem
Kiubus
post
Post #1





Grupa: Zarejestrowani
Postów: 34
Pomógł: 0
Dołączył: 11.10.2010

Ostrzeżenie: (0%)
-----


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!
Go to the top of the page
+Quote Post
kamil4u
post
Post #2





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

Ostrzeżenie: (0%)
-----


To problem CSS.

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


--------------------
Go to the top of the page
+Quote Post
tolomei
post
Post #3





Grupa: Zarejestrowani
Postów: 450
Pomógł: 135
Dołączył: 18.11.2010
Skąd: Wschowa

Ostrzeżenie: (0%)
-----


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.


--------------------
“ Computers are good at following instructions, but not at reading your mind. ”
- Donald Knuth
Go to the top of the page
+Quote Post
Kiubus
post
Post #4





Grupa: Zarejestrowani
Postów: 34
Pomógł: 0
Dołączył: 11.10.2010

Ostrzeżenie: (0%)
-----


@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
Go to the top of the page
+Quote Post
tolomei
post
Post #5





Grupa: Zarejestrowani
Postów: 450
Pomógł: 135
Dołączył: 18.11.2010
Skąd: Wschowa

Ostrzeżenie: (0%)
-----


Na moje oko - raczej działa - http://jsfiddle.net/JphpZ/


--------------------
“ Computers are good at following instructions, but not at reading your mind. ”
- Donald Knuth
Go to the top of the page
+Quote Post
kamil4u
post
Post #6





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

Ostrzeżenie: (0%)
-----


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.


--------------------
Go to the top of the page
+Quote Post
Kiubus
post
Post #7





Grupa: Zarejestrowani
Postów: 34
Pomógł: 0
Dołączył: 11.10.2010

Ostrzeżenie: (0%)
-----


Wielkie dzięki Kamil!
Podziękowanie przyznane. Temat można zamknąć!
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 03:59