Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript]Show/Hide w jQuery
Meferot
post 26.12.2010, 18:55:44
Post #1





Grupa: Zarejestrowani
Postów: 64
Pomógł: 0
Dołączył: 31.08.2009

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


Jak przerobić ten skrypt:
  1. $('#show').click(function() {
  2. $('#register').show('fast');
  3. return false;
  4. });
  5. $('#hide').click(function() {
  6. $('#register').hide('fast');
  7. return false;
  8. });
  9. </script>

Tak żeby mógł obsługiwać wiele elementów?
Go to the top of the page
+Quote Post
toaspzoo
post 26.12.2010, 18:58:51
Post #2





Grupa: Zarejestrowani
Postów: 778
Pomógł: 84
Dołączył: 29.07.2010
Skąd: Gliwice / Pławniowice Mistrz niezmordowanej klawiatury.

Ostrzeżenie: (20%)
X----


Kod

<script language="javascript">


var state = 'none';

function showhide(layer_ref) {

if (state == 'block') {
state = 'none';
}
else {
state = 'block';
}
if (document.all) { //IS IE 4 or 5 (or 6 beta)
eval( "document.all." + layer_ref + ".style.display = state");
}
if (document.layers) { //IS NETSCAPE 4 or below
document.layers[layer_ref].display = state;
}
if (document.getElementById &&!document.all) {
hza = document.getElementById(layer_ref);
hza.style.display = state;
}
}

</script>


Potem tworzysz divy np:
  1. <div id="cos" style="display: none">tresc</div>
  2.  
  3. a potem w odnosniu <a href="#" onClick="showhide('cos');">Otworz!</a>












Go to the top of the page
+Quote Post
lobopol
post 26.12.2010, 19:00:57
Post #3





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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


zamiast używać id używaj klas czyli
przykład:
http://andylangton.co.uk/articles/javascri...tiple-elements/


--------------------
Go to the top of the page
+Quote Post
Meferot
post 26.12.2010, 19:13:59
Post #4





Grupa: Zarejestrowani
Postów: 64
Pomógł: 0
Dołączył: 31.08.2009

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


Właśnie widziałem już ten skrypt jak wcześniej szukałem na google, ale niestety, nie ogarniam go =/
Go to the top of the page
+Quote Post
Pawel_W
post 26.12.2010, 19:16:39
Post #5





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

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


zamiast konstrukcji #show, która odwołuje się do elementu o id="show" daj .show, dzięki czemu uzyskasz odwołanie do class="show"

gwoli przypomnienia, na stronie wg standardów może być tylko 1 element o danym id smile.gif
Go to the top of the page
+Quote Post
Meferot
post 26.12.2010, 19:20:12
Post #6





Grupa: Zarejestrowani
Postów: 64
Pomógł: 0
Dołączył: 31.08.2009

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


No dobra ale ten #show pokazuje mi diva #register, a ja chce przy jednym skrypcie pracować z wieloma buttonami i divami.
Go to the top of the page
+Quote Post
lobopol
post 26.12.2010, 19:23:47
Post #7





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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


To napisz dokładnie co chcesz osiągnąć, ale dokładnie.


--------------------
Go to the top of the page
+Quote Post
Pawel_W
post 26.12.2010, 19:26:12
Post #8





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

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


to ustaw temu, co chcesz kliknąć atrybut rel="id" i potem przy kliknięciu pobierz go za pomocą attr('rel')

a potem domyśl się jak to zamienić z #register winksmiley.jpg
Go to the top of the page
+Quote Post
Meferot
post 26.12.2010, 19:27:39
Post #9





Grupa: Zarejestrowani
Postów: 64
Pomógł: 0
Dołączył: 31.08.2009

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


Przykładowo mam 2 buttony, pierwszy ma otwierać diva o id powiedzmy kot1, a drugi diva o id kot2, divy te nie maja ze sobą nic wspólnego.
Chciałbym żeby obsługiwał je tylko jeden skrypt, tylko nie wiem jak w jquery użyć zmiennych czy coś, jakaś funkcje utworzyć?
Go to the top of the page
+Quote Post
Pawel_W
post 26.12.2010, 19:31:52
Post #10





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

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


no przecież Ci napisałem najjaśniej niż mogłem, jeszcze minuta i nie wytrzymam, i dam gotowca... guitar.gif
Go to the top of the page
+Quote Post
Meferot
post 26.12.2010, 19:32:59
Post #11





Grupa: Zarejestrowani
Postów: 64
Pomógł: 0
Dołączył: 31.08.2009

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


Post był kierowany do lobopol'a winksmiley.jpg
Go to the top of the page
+Quote Post
lobopol
post 26.12.2010, 19:34:39
Post #12





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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


coś na zasadzie
Kod
$('.klikajec').click(function(){
  var id= $(this).attr('rel');
  $('#'+id).show('fast');
})

przyciski z klasą klikajec i w rel id elementu do pokazania


--------------------
Go to the top of the page
+Quote Post
Pawel_W
post 26.12.2010, 19:39:01
Post #13





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

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


Cytat(lobopol @ 26.12.2010, 19:34:39 ) *
coś na zasadzie
Kod
$('.klikajec').click(function(){
  var id= $(this).attr('rel');
  $('#'+id).show('fast');
})

przyciski z klasą klikajec i w rel id elementu do pokazania

Cytat
Jeśli dasz człowiekowi rybę, nakarmisz go na jeden dzień. Jeśli nauczysz go, jak łowić ryby, nakarmisz go na całe życie.
winksmiley.jpg

ale tak, o to chodziło
Go to the top of the page
+Quote Post
Meferot
post 26.12.2010, 19:39:27
Post #14





Grupa: Zarejestrowani
Postów: 64
Pomógł: 0
Dołączył: 31.08.2009

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


Dziękuje panowie winksmiley.jpg
Go to the top of the page
+Quote Post
lobopol
post 26.12.2010, 19:43:12
Post #15





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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


Cytat(Pawel_W @ 26.12.2010, 19:39:01 ) *
winksmiley.jpg

ale tak, o to chodziło

A dzisiaj taki mam nastrój do rozwiązywania problemów, wina świąt zapewne.


--------------------
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: 19.07.2025 - 13:07