Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Ukrywanie/pokazywanie reszty linków, Dziala tylko z pierwszym linkiem na stronie
grOm
post 24.10.2009, 05:00:32
Post #1





Grupa: Zarejestrowani
Postów: 57
Pomógł: 4
Dołączył: 6.10.2005

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


Witam, znów niestety muszę się użerać z JS i jak zawsze mam problem

mam taki układ strony (skrocona wersja dla przejrzystosci):

  1. <div class="column">
  2. <ul class="linki">
  3. <div style="display:block">
  4. <li>
  5. <a href="#cos"><a href="#cos">cos</a>
  6. </li>
  7. </div>
  8. <div style="display:block">
  9. <li>
  10. <a href="#cos"><a href="#cos">cos</a>
  11. </li>
  12. </div>
  13. <div id="wiecej" style="display:hidden">
  14. <li>
  15. <a href="#cos"><a href="#cos">cos</a>
  16. </li>
  17. </div>
  18. <div id="wiecej" style="display:hidden">
  19. <li>
  20. <a href="#cos"><a href="#cos">cos</a>
  21. </li>
  22. </div>
  23. </ul>
  24. <a id="link_wiecej" class="wiecej" href="#">Więcej...</a>
  25. </div>


Skrypt pokazujący/chowający mam taki :

  1. window.onload = Laduj;
  2. function Pokaz()
  3. {
  4. var div = document.getElementById('wiecej');
  5. var odnosnik = document.getElementById('link_wiecej');
  6.  
  7. var view = div.style.display;
  8.  
  9. if (view == "block")
  10. {
  11. odnosnik.innerHTML = "Więcej...";
  12. div.style.display = "none";
  13. }
  14.  
  15. if (view == "none")
  16. {
  17. odnosnik.innerHTML = "Schowaj";
  18. div.style.display = "block";
  19. }
  20.  
  21. }
  22.  
  23. function Laduj()
  24. {
  25. var odnosnik = document.getElementById('link_wiecej');
  26. odnosnik.onclick = Pokaz;
  27. }


I nawet to działa ale tylko z pierwszą kolumną (<div class="column">) a takich kolumn mam okolo 15, nie wiem jak to zmodyfikowac zeby dzialalo dla kazdej kolumny to, domyslam sie ze trzeba div id=wiecej zmienic w kazdej kolumnie na id=wiecej1 id = wiecej2 itp i dla kazdego dodawac oddzielnie skrypt ? czy jest jakis lepszy pomysl ?

Dobra, za wczesnie zaczelem panikowac : D

jakby kogos to interesowalo :

dalem do kazdego linka <a id="link_wiecej<?=$this->column_id?>" class="wiecej" href="#" onclick="Pokaz(<?=$this->column_id?>)"><b>Więcej...</b></a>
oraz do kazdego ukrytego diva dodalem numerek <div id="wiecej'.$this->column_id.'" style="display:none">

i wtedy zmodyfikowalem początek skryptu i ogarneła mnie euforia :
  1. function Pokaz(id)
  2. {
  3. var div_id = 'wiecej'+id;
  4. var odnosnik_id = 'link_wiecej'+id;
  5. var div = document.getElementById(div_id);
  6. var odnosnik = document.getElementById(odnosnik_id);


Ten post edytował grOm 24.10.2009, 04:59:44


--------------------
Zend Certified Engineer
Go to the top of the page
+Quote Post

Posty w temacie


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: 18.07.2025 - 02:08