Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [js] chowanie divóv o określonej klasie.
kazag
post
Post #1





Grupa: Zarejestrowani
Postów: 180
Pomógł: 12
Dołączył: 30.04.2007

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


Mam problem, otóż mam taki kod, odpowiadający za pojawianie się i chowanie diva po kliknięciu odnośnika (przerobiony skrypt):
Kod
function toggleDivOL( elemID )
{
    var elem = document.getElementById( elemID );
    if( elem.style.display != 'block' )
    {
        elem.style.display = 'block';
    }
    else
    {
        elem.style.display = 'none';
        
    }
}

Kod w odnośniku:
Kod
<a href="javascript:toggleDivOL('news');" title="Kliknij, żeby rozwinąć newsa."></a>


Chciałbym jednak, aby najpierw funkcja ta zwinęła wszystkie dotychczas rozwinięte divy, posiadające określoną klasę, np. "klasa", a dopiero później rozwinęła diva, do którego odnosi się link.
Go to the top of the page
+Quote Post
ShadowD
post
Post #2





Grupa: Zarejestrowani
Postów: 1 333
Pomógł: 137
Dołączył: 25.03.2008
Skąd: jesteś??

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


Jak masz diva np:

  1. <div id='news'>
  2. treść
  3. </div>


to zamieniasz go na:

  1. <div id='news' style='display:none;'>
  2. treść
  3. </div>


Możesz jeszcze nadać zamiast id to jakąś klasę i wszystkim elementom dać na raz none - Koniec... (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
kazag
post
Post #3





Grupa: Zarejestrowani
Postów: 180
Pomógł: 12
Dołączył: 30.04.2007

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


Wiem, że muszę nadać wszystkim none, tylko nie wiem, jak to zapisać w js, żeby każdy element o klasie "klasa" dostał display:none, a nie jeden konkretny.
Go to the top of the page
+Quote Post
nospor
post
Post #4





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




uzyj jakiegos liba, np. jQuery. Wowczas kod jest banalny:
Kod
jQuery('.klasa').hide();
Go to the top of the page
+Quote Post
kazag
post
Post #5





Grupa: Zarejestrowani
Postów: 180
Pomógł: 12
Dołączył: 30.04.2007

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


Właśnie o taką odpowiedz mi chodziło, dziękuje (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Btw. Można mieszać kod JQuery ze zwykłym JS w jednej funkcji?
Go to the top of the page
+Quote Post
nospor
post
Post #6





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




mozna
Go to the top of the page
+Quote Post
decha-design
post
Post #7





Grupa: Zarejestrowani
Postów: 415
Pomógł: 46
Dołączył: 26.05.2007
Skąd: Sandomierz

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


można nawet mieszać z innymi bibliotekami ... np. z Prototype
Go to the top of the page
+Quote Post
kazag
post
Post #8





Grupa: Zarejestrowani
Postów: 180
Pomógł: 12
Dołączył: 30.04.2007

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


Dziękuje, temat do zamknięcia (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 18.09.2025 - 02:15