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.


--------------------
I'm so fast that last night I turned off the light switch in my hotel room and was in bed before the room was dark - Muhammad Ali.
Peg jeżeli chcesz uprawiać sex to dzieci muszą wyjść, a jeżeli chcesz żeby był dobry ty też musisz wyjść - Al Bundy.

QueryBuilder, Mootools.net, bbcradio1::MistaJam
http://www.phpbench.com/
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>


--------------------
Jeśli twoja ręka rusza do przodu powstrzymaj swój gniew; gdy wyprzedza cię twój gniew - wycofaj rękę.

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 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


--------------------
Jeśli twoja ręka rusza do przodu powstrzymaj swój gniew; gdy wyprzedza cię twój gniew - wycofaj rękę.

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.


--------------------
I'm so fast that last night I turned off the light switch in my hotel room and was in bed before the room was dark - Muhammad Ali.
Peg jeżeli chcesz uprawiać sex to dzieci muszą wyjść, a jeżeli chcesz żeby był dobry ty też musisz wyjść - Al Bundy.

QueryBuilder, Mootools.net, bbcradio1::MistaJam
http://www.phpbench.com/
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 Aktualny czas: 22.08.2025 - 06:48