Forum PHP.pl > [jquery] a jak dodac style='' do linku

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [jquery] a jak dodac style='' do linku

Forum PHP.pl > Forum > Po stronie przeglądarki

AndyPSV

9.03.2011, 23:11:04

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 
<!DOCTYPE html>
<html>
<head>
  <style>
  p { color:red; margin:5px; cursor:pointer; }
  p.hilite { background:yellow; }
  </style>
  <script src="http://code.jquery.com/jquery-1.5.js"></script>
</head>
<body>
  <p id='franchise'>First Paragraph</p>
 
  <p id='x2'>Second Paragraph</p>
  <p>Yet one more Paragraph</p>
 
 
	<script type="text/javascript">
	$(document).ready(function() {
		$("#franchise").click(function() {
		      $("#franchise").removeClass("cccc");
		      $("#x2").hide();
	    });
 
	)};
	</script>
</body>
</html>
[HTML] pobierz, plaintext

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

AndyPSV

9.03.2011, 23:36:16

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

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

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

style='color:#000'

?

JoShiMa

9.03.2011, 23:46:40

A może:

[PHP] pobierz, plaintext 
$(this).removeClass("cccc");
$(this).addClass('c000');
[PHP] pobierz, plaintext

AndyPSV

9.03.2011, 23:48:41

to samo, nie dziala - trzeba dopisac style='color:#000' w linku; jak to zrobic?

JoShiMa

9.03.2011, 23:50:14

przez funkcje attr()

AndyPSV

9.03.2011, 23:52:53

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

[HTML] pobierz, plaintext 
<script type="text/javascript">
	$(document).ready(function() {
		$("#franchise").click(function() {
		      $(this).removeClass("cccc").addClass('c000').attr("style","color:#000");
		      $("#business").addClass('cccc');
		      $("#franchise_").hide();
	    });
 
		$("#business").click(function() {
		      $(this).removeClass("cccc").addClass('c000');
		      $("#franchise").addClass('cccc');
		      $("#franchise_").hide();
	    });
	});
	</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?

Bags_Bunny

10.03.2011, 02:21:20

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ć?

AndyPSV

10.03.2011, 06:48:01

to samo; coz - bedzie trzeba robic podmiane

<a id='business' class='pointer'>Business</a>  <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

foxbond

10.03.2011, 08:01:21

spróbuj może z toggleClass('cccc c000')

krowal

10.03.2011, 09:29:25

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 ?

Bags_Bunny

11.03.2011, 03:19:20

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.

AndyPSV

11.03.2011, 04:27:57

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

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.