Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [jquery] a jak dodac style='' do linku
AndyPSV
post 9.03.2011, 23:11:04
Post #1





Grupa: Zarejestrowani
Postów: 393
Pomógł: 5
Dołączył: 6.02.2003
Skąd: The.Luciferian.Doctrine.p
df

Ostrzeżenie: (30%)
XX---

1. nie usuwa klasy class='cccc' z <a id='franchise' class='cccc'>cos tam</a> i 2. nie chowa klasy <div id='franchise_'></div>

no czemu?
sprawdzalem, nie wystepuje w kodzie powtorzenie tych ID (#franchise, #franchise_)

troche zly przyklad, no ale na szybko wallem

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <style>
  5.   p { color:red; margin:5px; cursor:pointer; }
  6.   p.hilite { background:yellow; }
  7.   </style>
  8.   <script src="http://code.jquery.com/jquery-1.5.js"></script>
  9. </head>
  10. <body>
  11.   <p id='franchise'>First Paragraph</p>
  12.  
  13.   <p id='x2'>Second Paragraph</p>
  14.   <p>Yet one more Paragraph</p>
  15.  
  16.  
  17. 	<script type="text/javascript">
  18. 	$(document).ready(function() {
  19. 		$("#franchise").click(function() {
  20. 		      $("#franchise").removeClass("cccc");
  21. 		      $("#x2").hide();
  22. 	    });
  23.  
  24. 	)};
  25. 	</script>
  26. </body>
  27. </html>
[HTML] pobierz, plaintext



dobra; kuku na webhelp znalazl blad: powinno byc na koncu }); zamiast )}; <--- literowka, dzieki

Ten post edytował AndyPSV 9.03.2011, 23:27:30
Go to the top of the page
+Quote Post
AndyPSV
post 9.03.2011, 23:36:16
Post #2





Grupa: Zarejestrowani
Postów: 393
Pomógł: 5
Dołączył: 6.02.2003
Skąd: The.Luciferian.Doctrine.p
df

Ostrzeżenie: (30%)
XX--- 

[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. 	$(document).ready(function() {
  3. 		$("#franchise").click(function() {
  4. 		      $(this).removeClass("cccc").addClass('c000');
  5. 		      $("#franchise_").hide();
  6. 	    });
  7.  
  8. 	});
  9. 	</script>
[HTML] pobierz, plaintext


cos mi powyzszy kod nie chce dzialac (z dodawaniem klasy); wiec pytam jak dodac do:

[HTML] pobierz, plaintext 
  1. <a class='cccc' id='franchise'><% $_.Franchise %></a>
[HTML] pobierz, plaintext


style='color:#000'

?
Go to the top of the page
+Quote Post
JoShiMa
post 9.03.2011, 23:46:40
Post #3





Grupa: Zarejestrowani
Postów: 1 374
Pomógł: 149
Dołączył: 1.03.2006

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

A może:
[PHP] pobierz, plaintext 
  1. $(this).removeClass("cccc");
  2. $(this).addClass('c000');
[PHP] pobierz, plaintext


--------------------
Zajrzyj, poczytaj, naucz się
Go to the top of the page
+Quote Post
AndyPSV
post 9.03.2011, 23:48:41
Post #4





Grupa: Zarejestrowani
Postów: 393
Pomógł: 5
Dołączył: 6.02.2003
Skąd: The.Luciferian.Doctrine.p
df

Ostrzeżenie: (30%)
XX---

to samo, nie dziala - trzeba dopisac style='color:#000' w linku; jak to zrobic?
Go to the top of the page
+Quote Post
JoShiMa
post 9.03.2011, 23:50:14
Post #5





Grupa: Zarejestrowani
Postów: 1 374
Pomógł: 149
Dołączył: 1.03.2006

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

przez funkcje attr()

Ten post edytował JoShiMa 9.03.2011, 23:50:45


--------------------
Zajrzyj, poczytaj, naucz się
Go to the top of the page
+Quote Post
AndyPSV
post 9.03.2011, 23:52:53
Post #6





Grupa: Zarejestrowani
Postów: 393
Pomógł: 5
Dołączył: 6.02.2003
Skąd: The.Luciferian.Doctrine.p
df

Ostrzeżenie: (30%)
XX---

tez nie dziala, pomocy - ratunku; co robic?
(wszystko inne w kodzie dziala, procz zmieniania koloru w tym #id, linku)

[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. 	$(document).ready(function() {
  3. 		$("#franchise").click(function() {
  4. 		      $(this).removeClass("cccc").addClass('c000').attr("style","color:#000");
  5. 		      $("#business").addClass('cccc');
  6. 		      $("#franchise_").hide();
  7. 	    });
  8.  
  9. 		$("#business").click(function() {
  10. 		      $(this).removeClass("cccc").addClass('c000');
  11. 		      $("#franchise").addClass('cccc');
  12. 		      $("#franchise_").hide();
  13. 	    });
  14. 	});
  15. 	</script>
[HTML] pobierz, plaintext


wpadlem tylko na taki pomysl, zeby po prostu zamieniac <div>'y (schowac je); jednak nie da sie tego zrobic inaczej? [zeby juz nie kopiowac po 100 razy kodu?

Ten post edytował AndyPSV 10.03.2011, 00:18:04
Go to the top of the page
+Quote Post
Bags_Bunny
post 10.03.2011, 02:21:20
Post #7





Grupa: Zarejestrowani
Postów: 262
Pomógł: 39
Dołączył: 12.04.2004

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

Zamień attr("style","color:#000") na css("color","#000"). Choć to, co masz teraz też powinno działać na oko.
Może jest jakiś błąd ideowy? Co chcesz uzyskać?


--------------------
rm -rf /*
Go to the top of the page
+Quote Post
AndyPSV
post 10.03.2011, 06:48:01
Post #8





Grupa: Zarejestrowani
Postów: 393
Pomógł: 5
Dołączył: 6.02.2003
Skąd: The.Luciferian.Doctrine.p
df

Ostrzeżenie: (30%)
XX---

to samo; coz - bedzie trzeba robic podmiane

<a id='business' class='pointer'>Business</a>&nbsp;&nbsp;<a class='cccc pointer' id='franchise'>Franchise</a>

tak jak widac mam 2 rzeczy: 1dna jest (Business) na czarno, natomiast druga (Franchise) jest "przezroczysta", poprzez zastosowanie (tzn. ze niby w tle); to co chcialem by bylo robione, to zamienianie tej przezroczystosci po kliknieciu na np. franchise (ze Franchise robi sie "czarne", natomiast Business "przezroczyste"); taki bajer, jednak wazny

zrobie to w tzw. "hard" way, czyli ukrycie jednego, wyswietlenie na nowo drugiego

cos nie trybi
Go to the top of the page
+Quote Post
foxbond
post 10.03.2011, 08:01:21
Post #9





Grupa: Zarejestrowani
Postów: 162
Pomógł: 12
Dołączył: 20.12.2009
Skąd: Siedlce

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

spróbuj może z toggleClass('cccc c000')
Go to the top of the page
+Quote Post
krowal
post 10.03.2011, 09:29:25
Post #10





Grupa: Zarejestrowani
Postów: 561
Pomógł: 72
Dołączył: 15.11.2006

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

Kod powinien działać, na pewno zwaliłeś coś w innym miejscu.
1. może klasa tak naprawdę jest dodawana tylko nie wpływa na wygląd elementu ? (błąd z projektowaniem kodu CSS)
2. wywal to: $(document).ready(function(), cały kod wyjmij z tego bloku.
3. nie ładujesz czasem tego elementu #franchise ajaxem ? albo może tworzysz go dynamicznie w JS ? jeśli tak to -> http://api.jquery.com/live/
4. sprawdzałeś konsolę błędów ?

Ten post edytował krowal 10.03.2011, 09:31:12


--------------------
Nawet świnka może wejść na drzewo kiedy jest chwalona :)
Go to the top of the page
+Quote Post
Bags_Bunny
post 11.03.2011, 03:19:20
Post #11





Grupa: Zarejestrowani
Postów: 262
Pomógł: 39
Dołączył: 12.04.2004

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

Cytat(AndyPSV @ 10.03.2011, 05:48:01 ) *
zrobie to w tzw. "hard" way, czyli ukrycie jednego, wyswietlenie na nowo drugiego

To nie jest dobry pomysł. Rzuć może linkiem do strony.

Cytat(foxbond @ 10.03.2011, 07:01:21 ) *
spróbuj może z toggleClass('cccc c000')

Jest to opcja, ale skoro kilka innych, poprawnych nie zadziałało to problem leży raczej gdzieś indziej.

Cytat(krowal @ 10.03.2011, 08:29:25 ) *
2. wywal to: $(document).ready(function(), cały kod wyjmij z tego bloku.

To najpewniej przedstanie w ogóle działać, chyba że kod JS jest za kodem HTML linkow. Podobnież reszta się wykonuje, więc to też nie to.


--------------------
rm -rf /*
Go to the top of the page
+Quote Post
AndyPSV
post 11.03.2011, 04:27:57
Post #12





Grupa: Zarejestrowani
Postów: 393
Pomógł: 5
Dołączył: 6.02.2003
Skąd: The.Luciferian.Doctrine.p
df

Ostrzeżenie: (30%)
XX---

ogolnie kod dziala, ale nie chcial dzialac (tylko na wybranym jednym elemencie) na <h1> (ktore sa robione w technologii: "cufon"); jednak mimo to nie powinno to przeszkadzac (i to mnie wlasnie zastanawialo);

problem juz zostal w calosci rozwiazany, dziekuje
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · 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: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

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

RSS Wersja Lo-Fi Aktualny czas: 25.04.2024 - 06:51
Powered By IP.Board © 2024  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn