Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [php][jQuery]Problem z rozwijaniem tekstu.
samud
post 24.10.2014, 15:44:24
Post #1





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 21.10.2014

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


Mam kłopot z ukrywaniem tekstu w WP
Znacznik "more" działa tylko we wpisach ale nie na stronach. Znalazłem info że można to zrobić przy pomocy jQuery - znalazłem odpowiednie shortcode, dodałem do "function.php" ale niestety coś działa nie tak.
Tekst co prawda został ukryty po
Kod
cudazi_expander position='middle'
ale jak klikam w "więcej" to rozsuwa się pusta przestrzeń - nie widać tekstu.
Wie ktoś może o co chodzi?

Pozdrawiam.

Zastosowałem instrukcje z tego tematu na forum wp.
http://pl.forums.wordpress.org/topic/rozwi...jax-poszukiwane i tak jak wsponinałem, rozwija się ale tekstu nie widać.

Czy naprawdę z prawie 40 osób jakie przeczytały ten temat nie ma żadnej która mogłaby mi pomóc? Od 4 dni czekam na potwierdzenie rejestracji na forum Wordpressa - bez skutku! Rejestrowałem się 5 razy pod różnymi nickami i adresami e-mail i zero maila z potwierdzeniem. Pytam po różnych forach, na GoldenLine itp i zero odzewu sad.gif a jutro muszę zakończyć temat...
Czy naprawdę nie ma wyjaśnienia tego: http://przeklad.info/teksty/92-2/ questionmark.gif? (na tej stronie ćwiczę ukrywanie)

.

.

Ten post edytował samud 22.10.2014, 14:17:01
Go to the top of the page
+Quote Post
pitu
post 24.10.2014, 15:50:19
Post #2





Grupa: Zarejestrowani
Postów: 476
Pomógł: 96
Dołączył: 10.04.2008
Skąd: Koszalin

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


Tekst się nie pojawia, ponieważ na start div posiada klasę hidden, która ma display: none i visibility: hidden. Po kliknięciu rozwiń dodajesz do elementu display: block zamiast usuwać/dodawać klasę hidden.


--------------------
HTML/CSS/JS: jsfiddle
SQL: sqlfiddle
Go to the top of the page
+Quote Post
samud
post 25.10.2014, 16:40:45
Post #3





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 21.10.2014

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


Cytat(pitu @ 24.10.2014, 16:50:19 ) *
Tekst się nie pojawia, ponieważ na start div posiada klasę hidden, która ma display: none i visibility: hidden. Po kliknięciu rozwiń dodajesz do elementu display: block zamiast usuwać/dodawać klasę hidden.


Czyli co/i gdzie mam zmienić i jak to ma wyglądać. Mój php to nie przedszkole tylko żłobek smile.gif
  1. /********************************************************************************
    ******************************************************************/
  2.  
  3. /*
  4. [cudazi_expander position='beginning']
  5. Summary content here...
  6. [cudazi_expander position='middle']
  7. Full content here, initally hidden...
  8. [cudazi_expander position='end' more='Show More...' less='Show Less...']
  9. */
  10. function cudazi_expander_sc($atts) {
  11.  
  12. extract(shortcode_atts(array(
  13. 'position' => '',
  14. 'more' => __( 'Show More...', 'cudazi' ),
  15. 'less' => __( 'Show Less...', 'cudazi' )
  16. ), $atts));
  17.  
  18. if ( $position == 'beginning' ) {
  19. $output = "<div class='toggle-container'>";
  20. } else if ( $position == 'middle' ) {
  21. $output = "<div class='hidden toggle-fulltext'>";
  22. } else if ( $position == 'end' ) {
  23.  
  24. $output = "</div>"; // end hidden
  25. $output .= "<p><a class='toggle' href='#'>" . $more . "</a></p>";
  26. $output .= "</div>"; // end toggle container
  27. $output .= "<script type='text/javascript'> jQuery(function($){ $('a.toggle').toggle( function() { $(this).parents('.toggle-container').find('.toggle-fulltext').slideDown(); $(this).html('" . $less . "'); return false; }, function() { $(this).parents('.toggle-container').find('.toggle-fulltext').slideUp(); $(this).html('" . $more . "'); return false; }); }); </script>";
  28. }
  29. return $output;
  30. }
  31. add_shortcode('cudazi_expander', 'cudazi_expander_sc');
  32.  
  33. /********************************************************************************
    ******************************************************************/
  34. ?>


.
Go to the top of the page
+Quote Post
kalipek
post 25.10.2014, 18:40:37
Post #4





Grupa: Zarejestrowani
Postów: 43
Pomógł: 13
Dołączył: 3.02.2011

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


  1. $output = "<div class='hidden toggle-fulltext'>";


zamień na

  1. $output = "<div class='toggle-fulltext' style='display:none'>";


albo dodaj klasę, która ma tylko display:none
Go to the top of the page
+Quote Post
samud
post 25.10.2014, 19:28:27
Post #5





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 21.10.2014

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


Cytat(kalipek @ 25.10.2014, 19:40:37 ) *
  1. $output = "<div class='hidden toggle-fulltext'>";


zamień na

  1. $output = "<div class='toggle-fulltext' style='display:none'>";


albo dodaj klasę, która ma tylko display:none



Normalnie wróciłem z dalekiej podróży!!!!! Dzięki wielkie! Zajmuję się zupełnie czymś innym i takie rzeczy to dla mnie czarna magia. Jeszcze raz dzięki smile.gif
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 Wersja Lo-Fi Aktualny czas: 23.05.2024 - 07:57