Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Kod javascript dla każdego elementu danej klasy
Sebastef
post 14.04.2011, 10:10:59
Post #1





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 13.11.2010

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


Witam,
Z JavaScript obcuje niestety rzadko. Gdy się dzisiaj obudziłem, wpadłem na szatański pomysł:
"Umieszczę na mojej stronie skrypcik, który będzie powodował, że po najechaniu kursorem na element zmieni się jego kolor tła. "
Skrypt napisałem w kilka minut. Umieszczam go sobie na stronie, umieszczam. Dochodzę do fragmentu w którym wyświetlam go poprzez echo w php i...
No właśnie. Java i php mają taki sam cudzysłów...
Postanowiłem więc wykorzystać klasę. I tu jest moje pytanie: jak mam zrobić, by każdy obiekt <x class="object"> miał następujący kod JavaScript? Ręczne wklejanie nie wchodzi w rachubę
  1. onMouseOver="this.style.backgroundColor='#99cc00';" onMouseOut="this.style.backgroundColor='#fbfbfb';" ;


Ten post edytował Sebastef 14.04.2011, 10:11:43
Go to the top of the page
+Quote Post
nospor
post 14.04.2011, 10:13:45
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




Cytat
Java i php mają taki sam cudzysłów...
podstawy...
echo "blabla \" blabla";


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
askone
post 14.04.2011, 10:18:04
Post #3





Grupa: Zarejestrowani
Postów: 654
Pomógł: 121
Dołączył: 27.10.2007
Skąd: Poznań, Łódź

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


Poczytaj o pseudo klasie :hover np tutaj


--------------------
Kliknij jeśli moja odpowiedź Ci pomogła.
askone.pl
Go to the top of the page
+Quote Post
mat-bi
post 14.04.2011, 10:28:45
Post #4





Grupa: Zarejestrowani
Postów: 690
Pomógł: 92
Dołączył: 6.02.2011

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


Cytat
Java i php


Kurde, JAVASCRIPT, NIE JAVA!

a co do drugiego

[JAVASCRIPT] pobierz, plaintext
  1. $(".object").mouseover(function()
  2. {
  3. $(this).css('background-color','#99cc00');
  4. });
  5.  
  6. $(".object").mouseout(function()
  7. {
  8. $(this).css('background-color','#fbfbfb');
  9. });
[JAVASCRIPT] pobierz, plaintext


Potrzebny tylko jQuery
Go to the top of the page
+Quote Post
askone
post 14.04.2011, 10:33:44
Post #5





Grupa: Zarejestrowani
Postów: 654
Pomógł: 121
Dołączył: 27.10.2007
Skąd: Poznań, Łódź

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


Cytat(mat-bi @ 14.04.2011, 10:28:45 ) *
Kurde, JAVASCRIPT, NIE JAVA!

a co do drugiego

[JAVASCRIPT] pobierz, plaintext
  1. $(".object").mouseover(function()
  2. {
  3. $(this).css('background-color','#99cc00');
  4. });
  5.  
  6. $(".object").mouseout(function()
  7. {
  8. $(this).css('background-color','#fbfbfb');
  9. });
[JAVASCRIPT] pobierz, plaintext


Potrzebny tylko jQuery


Nie widzę potrzeby by do zmiany jednej właściwości css korzystać z jquery. Jest to o tyle nieuzasadnione, iż zamierzony efekt można osiągnąć bezpośrednio w css...


--------------------
Kliknij jeśli moja odpowiedź Ci pomogła.
askone.pl
Go to the top of the page
+Quote Post
mat-bi
post 14.04.2011, 10:35:03
Post #6





Grupa: Zarejestrowani
Postów: 690
Pomógł: 92
Dołączył: 6.02.2011

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


To prawda, można zrezygnować z jQuery, ale skoro chciał w JS, to ma.
Go to the top of the page
+Quote Post
Sebastef
post 14.04.2011, 11:50:21
Post #7





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 13.11.2010

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


Myk polega na tym, że w mojej komendzie echo wykorzystuje cudzysłów "" i ''.
Co do css- nie wiedziałem, że można to zrobić w czystym CSS. Dlatego szukałem w JavaScript.
Dzięki za pomoc. Temat można zamknąć.
Go to the top of the page
+Quote Post
nospor
post 14.04.2011, 12:11:48
Post #8





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




Cytat
Myk polega na tym, że w mojej komendzie echo wykorzystuje cudzysłów "" i ''.
I... ?
Zapoznaj się proszę z podstawami obsługi stringów to nie będziesz latał po forum z takimi pierdułami
http://pl2.php.net/manual/pl/language.types.string.php


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

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 Wersja Lo-Fi Aktualny czas: 13.07.2025 - 21:14