Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jQuery] wyświetlanie divów
zonkerman
post
Post #1





Grupa: Zarejestrowani
Postów: 25
Pomógł: 0
Dołączył: 3.07.2010

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

Witam

Mam takie coś:
[HTML] pobierz, plaintext 
  1. <li id="wiz">
  2. <div id="glowne">Tutaj główne opcje</div>
  3. <div id="wiecej">Tutaj dodatkowe info</div>
  4. <div id="opcje"><a id="pokazwiecej" href="#">Więcej</a></div>
  5. </li>
[HTML] pobierz, plaintext


I tutaj mam fragment jQuery:
Kod
$("ol#wizytowka div#wiecej").hide();

$("a#pokazwiecej").click(function(){
        $(this).prev("div#wiecej").slideToggle(500)
        return false;
           });


I nie działa mi to. Czego oczekuję:
Na początku po wczytaniu wszystkie divy#wiecej są niewidoczne (to działa). Teraz chcę, aby po kliknięciu na więcej chcę aby div#wiecej pokazywał się lub chował, ale do poszczególnego <li>. I nie wiem jak to zrobić (IMG:style_emoticons/default/sad.gif)

Ten post edytował zonkerman 19.07.2010, 17:03:50
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
#luq
post
Post #2





Grupa: Zarejestrowani
Postów: 589
Pomógł: 91
Dołączył: 22.05.2008
Skąd: Gliwice

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

Nie rozumiem dlaczego nie słuchasz ludzi którzy starają Ci pomóc. Musisz mieć unikalne id, taka jest idea całego atrybutu id, bo jeśli by tak nie było to czym by się różniło od atrybutu class? Zresztą atrybut id jako pole z bazy to jest marny pomysł.

Ja bym nie krył za pomocą JS`a bo jeśli nie zostanie wczytane całe drzewko DOM to ten tekst będzie widoczny co sprawi przy wolniejszych łączach efekt takiego niefajnego mrugnięcia/zniknięcia...

Nie używaj taga <a/> jeśli nie jest to link. To kłóci się z tym co ma reprezentować ten znacznik.

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3.   <head>
  4.     <title>Disable</title>
  5.     <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  6. 	<script type="text/javascript" src="./js/jquery.js"></script>
  7.  
  8. 	<script type="text/javascript">
  9. 		$(document).ready(function(){
  10. 			$( '#wizyt li div.opcje' ).click(function(){
  11. 				$(this).prev().toggle();
  12. 			});
  13. 		});
  14. 	</script>
  15.  
  16. 	<style type="text/css">
  17. 		#wizyt li div.wiecej { display: none; }
  18. 		#wizyt li div.opcje { cursor: pointer; }
  19. 	</style>
  20.  
  21.   </head>
  22. <body>
  23.  
  24. 	<ol id="wizyt">
  25. 		<li>
  26. 			<div class="glowne">Tutaj główne dane pobrane z bazy</div>
  27. 			<div class="wiecej">Tutaj dodatkowe dane pobrane z bazy</div>
  28. 			<div class="opcje">Więcej</div>
  29. 		</li>
  30. 		<li>
  31. 			<div class="glowne">Tutaj główne dane pobrane z bazy</div>
  32. 			<div class="wiecej">Tutaj dodatkowe dane pobrane z bazy</div>
  33. 			<div class="opcje">Więcej</div>
  34. 		</li>
  35. 	</ol>
  36.  
  37. </body>
  38. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- zonkerman   [jQuery] wyświetlanie divów   19.07.2010, 17:03:07
- - kreciko   Musisz wiedzieć, że na stronie nie może być kilku ...   19.07.2010, 18:48:00
- - zonkerman   Czemu nie może być? Wtedy tylko rozdzielasz wpisuj...   19.07.2010, 20:25:07
- - kreciko   Tu masz dlaczego: http://www.w3.org/TR/xhtml1/#h-4...   19.07.2010, 20:58:39
- - zonkerman   Akurat u mnie nie ma kliku id. Chyba, że chodzi Ci...   19.07.2010, 22:02:20
- - kreciko   Piszesz to w php, czy w html? Mógłbyś podać kontek...   20.07.2010, 07:41:56
- - zonkerman   W php. Tutaj jest fragment kodu (pętla w php): [H...   20.07.2010, 09:42:18
- - kreciko   Ja bym sobie to zprametryzował ten kod html. Jak...   20.07.2010, 10:12:06
- - zonkerman   Akurat tego nie chcę parametryzować To ma być sta...   20.07.2010, 13:24:33
- - kreciko   Sprawdziłbym jeszcze konsole błędów. Albo zrobiłby...   20.07.2010, 13:35:26
- - zonkerman   Jeśli mam: [HTML] pobierz, plaintext <li id=...   20.07.2010, 15:59:30
- - #luq   Nie rozumiem dlaczego nie słuchasz ludzi którzy st...   20.07.2010, 16:56:40
- - zonkerman   Dzięki To działa. Musze tylko przerobić parę rzec...   20.07.2010, 17:58:54

« Następny starszy · XML, AJAX · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 10.10.2025 - 10:55
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn