Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] elementTagName w wybranym Id
Volume
post
Post #1





Grupa: Zarejestrowani
Postów: 283
Pomógł: 11
Dołączył: 11.10.2004
Skąd: 3c

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


Próbuję zrobić w js takie coś żeby po kliknięciu na dany akapit <p> podświetlał się on na żółto a tekst znajdujący się w znaczniku span zmieniał kolor np. z zielonego na czerwony - i właśnie to nie wiem jak osiągnąć w JS mając dla każdego akapitu odpowiednie id (id="showX").
  1. <style type="text/css">
  2. p {
  3. color: green;
  4. }
  5. <script type="text/javascript">
  6. window.onload = showx;
  7. function showx()
  8. {
  9. var getIdAndTagName = document.getElementById('all').getElementsByTagName('p');
  10. var getIdAndTagNameAndOne = getIdAndTagName.length+1;
  11. for(var i=1;i<getIdAndTagNameAndOne;i++) {
  12. document.getElementById('show'+i).onclick=function(){
  13. for(var x=1;x<getIdAndTagNameAndOne;x++) {
  14. document.getElementById('show'+x).style.background='none';
  15. }
  16. this.style.background='yellow';
  17. };
  18. }
  19. }
  20. </head>
  21.  
  22.  
  23. <div id="all">
  24. <p id="show1">asdasd <span>c</span></p>
  25. <p id="show2">asdsad <span>c</span></p>
  26. <p id="show3">asdsad <span>c</span></p>
  27. <p id="show4">asdsad <span>c</span></p>
  28. <p id="show5">asdsad <span>c</span></p>
  29. </div>
  30.  
  31. </body>
  32. </html>


Ps. kod js moze być niezbyt udany ale prosze o wyrozumiałość bo rzadko coś piszę w js (jak jestem zmuszony)... ale jeśli ktoś miałby lepsze rozwiązania to proszę o rady.

Ten post edytował Volume 25.03.2010, 13:18:12
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 Aktualny czas: 19.08.2025 - 20:30