Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> getElementByClass
acztery
post
Post #1





Grupa: Zarejestrowani
Postów: 945
Pomógł: 7
Dołączył: 15.03.2005
Skąd: katowice

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

mam taki kłopot

mam np 10 div każdy z div ma class="test" i ja chce zrobic tak ze jak div wlasnie ma class="test" to coś sie tam dzieje. np pokaze obramowanie na tych div.

Ps niechce wywolywac nigdzie metody np test(this); ma byc jakos zautomatyzowane.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 4)
smialy
post
Post #2





Grupa: Zarejestrowani
Postów: 60
Pomógł: 4
Dołączył: 23.05.2007
Skąd: Łódź

Ostrzeżenie: (10%)
X----

Najprostrze chyba byłoby:
Kod
functions getElementByClass(tagName,className){
   var tags = document.getElementsByTagName(tagName);
   var finds = [];   for(var i = 0, len = tags.length;i < len;++i){
      if(tags[i].className.indexOf(className) != -1)
         finds.push(tags[i]);
   }
   return finds;
}


Nie znam innej możliwości. Można by potestować czy split() nie będzie szybsze - trzeba by poprubować.

Ten post edytował smialy 18.02.2008, 20:23:42


--------------------
openSuse, Eclipse i Aptana - daje rade
Go to the top of the page
+Quote Post
acztery
post
Post #3





Grupa: Zarejestrowani
Postów: 945
Pomógł: 7
Dołączył: 15.03.2005
Skąd: katowice

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

a jak to wykorzystać w przykładzie.
Go to the top of the page
+Quote Post
dr_bonzo
post
Post #4





Grupa: Przyjaciele php.pl
Postów: 5 724
Pomógł: 259
Dołączył: 13.04.2004
Skąd: N/A

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

acztery: uzyj biblioteki, np. http://docs.jquery.com/Selectors/class#class


--------------------
Nie lubię jednorożców.
Go to the top of the page
+Quote Post
acztery
post
Post #5





Grupa: Zarejestrowani
Postów: 945
Pomógł: 7
Dołączył: 15.03.2005
Skąd: katowice

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

to działa.

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  2.                     "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5.   <script src="http://code.jquery.com/jquery-latest.js"></script>
  6.  
  7.   <script>
  8.   $(document).ready(function(){
  9.     $(".myClass").css("border","3px solid red");
  10.   });
  11.   </script>
  12.   <style>
  13.   div,span {
  14.     width: 150px;
  15.     height: 60px;
  16.     float:left;
  17.     padding: 10px;
  18.     margin: 10px;
  19.     background-color: #EEEEEE;
  20.   }
  21.   </style>
  22. </head>
  23. <body>
  24.   <div class="myClass">OK</div>
  25.   <div class="d">NO OK</div>
  26.   <span class="myClass">OK</span>
  27. </body>
  28. </html>
[HTML] pobierz, plaintext


ale jak zrobic aby po najechaniu był border :/ probowałem z hover ale cos nie teges

juz działa tak ma byc

Kod
$(document).ready(function(){
    

    $(".myClass").mouseover(function(){
    $(this).css("border","1px solid #000000");

    
    }).mouseout(function(){
    $(this).css("border","1px solid #FFFFFF");

    });


  });


Ten post edytował acztery 18.02.2008, 23:10:10
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.08.2025 - 11:27
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn