Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> JS: jak wybrać paragraf bez id będący za jakimś innym elementem
nowy_pehapowiec
post
Post #1





Grupa: Zarejestrowani
Postów: 220
Pomógł: 0
Dołączył: 24.08.2009

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


Mam nagłówek z odnośnikiem "pokaż/ukryj" za nagłówkiem jest element div, który ma się pokazywać albo ukrywać na kliknięcie.
I teraz jest pytanie jak mając id odnośnika wskazać div?

kod jest taki:
<h4>tytul<a id="aa" onclick="show( 'aa' );" > more </a></h4>
<div style="display: none;">

Jak mając id="aa" dobrać się do elementu div?
Go to the top of the page
+Quote Post
skowron-line
post
Post #2





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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


http://v3.thewatchmakerproject.com/journal...previoussibling z tym że nie czy przypadkiem jak klikniesz na link to nextSibling nie wskaże na h4 ( tzn napewno wskaże ) więc polecam wywołanie funkcji przenieść na h4.
Go to the top of the page
+Quote Post
zegarek84
post
Post #3





Grupa: Zarejestrowani
Postów: 1 332
Pomógł: 294
Dołączył: 12.10.2008
Skąd: Olkusz

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


dla tej strony masz przykłąd - wklej w pasku adresu i kliknij enter - ps. javascript ma być razem - zawsze tu rozdziela:
[JAVASCRIPT] pobierz, plaintext
  1. java script:var znacznik=document.getElementById('pp-entry-gender-img-43887').parentNode, el=znacznik;
  2. while(el=el.nextSibling){if(el.nodeName=='DIV')break;}; alert(el.innerHTML);void(0)
[JAVASCRIPT] pobierz, plaintext


to jest dla analogicznego kodu źródła z tej strony jaki znalazłem:
  1. <div class='popupmenu-item'>
  2.  
  3. <img src='style_images/upgrade_ip/folder_profile_portal/gender_mystery.png' id='pp-entry-gender-img-43887' alt='' border='0' />
  4. <a href="Zobacz_profil_m43887.html">Zobacz profil</a>
  5. </div>
  6.  
  7.  
  8. <div class='popupmenu-item'>
  9.  
  10. <img src='style_images/upgrade_ip/folder_profile_portal/friend_add_small.png' alt='' border='0' /> <a href="#" onclick='friends_pop("&amp;do=add&amp;member_id=43887&amp;md5check=8fc9f67a15b8500432ad3fad142c5643"); return false'>Dodaj jako znajomego</a>
  11.  
  12. </div>
Go to the top of the page
+Quote Post
nowy_pehapowiec
post
Post #4





Grupa: Zarejestrowani
Postów: 220
Pomógł: 0
Dołączył: 24.08.2009

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


skowron-line dzięki za linka - czytma, ale jeszcze nie pokumałem co i jak.

zegarek84 nic z tego co napisałeś nie skumałem (IMG:style_emoticons/default/sad.gif)

Generalnie to chodzi mi to, żeby uniknąć podawania identyfikatorów. Dlatego mi zależy na sięgnięciu do tego diva, któy jest za linkiem. Może jakoś trzeba przebudować strukturę html, żeby było łatwiej, jakieś tipsy/tricki? A i fajnie by było pobierać id klikniętego odnośnika, bez podawania go w wywołaniu funkcji? Da się tak?

pozdro
Go to the top of the page
+Quote Post
zegarek84
post
Post #5





Grupa: Zarejestrowani
Postów: 1 332
Pomógł: 294
Dołączył: 12.10.2008
Skąd: Olkusz

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


masz tam rozwiązanie tylko zmień na swoje id i teraz:
[JAVASCRIPT] pobierz, plaintext
  1. var link=document.getElementById('aa'), el=link.parentNode;
  2. while(el=el.nextSibling){if(el.nodeName=='DIV')break;};
  3. // el jest teraz uchwytem Twojego diva - masz w nim tego div'a
  4. // teraz przypisz styl odpowiedni mu - np. dispaly none lub visibility hiden
  5. // jest jeszcze metoda nextElementSibling gdzie można pominąć białe znaki i wtedy było by bez while...
[JAVASCRIPT] pobierz, plaintext
Go to the top of the page
+Quote Post
skowron-line
post
Post #6





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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


Nie chcę Cie tu do niczego namawiać no ale może warto iść z duchem czasu i zastosować jakąś bibliotekę do JS.
http://www.consideropen.com/blog/2008/09/3...y-17-accordion/
jest coś takiego co ty byś chciał osiągnąć. Łatwo, szybko i przyjemnie.
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: 23.09.2025 - 04:33