Diskuse JPW: Změna stylu třídy / zrušení třídy

	Autor	Zpráva
	mattyZEM Profil	#1 · Zasláno: 26. 7. 2010, 20:26:14 Odpovědět Citovat Dobrý večer, mám dotaz ohledně změnění stylu třídy. Například po kliknutí na odkaz, nastavit všem objektům které mají třídu "test" vlastnost background na black. Nejlépe pokud by šlo třídu úplně zrušit, nebo přepsat, jelikož používám i :hover efekt. Vím jak upravit ID, ale to mi bohužel nepomůže. Předem děkuji za všechny rady a tipy.
	Nox Profil	#2 · Zasláno: 26. 7. 2010, 20:29:38 Odpovědět Citovat Věty moc nechápu, měnit definice tříd asi z JS přímo nejde, leda možná vložením style tagu, ale to nevim jestli by fungovalo Každopádně bys měl pracovat s třídama a ne přímo vlastnostma Po kliknutí na odkaz prostě přidej všem požadovaným objektům třídu, která zajistí požadovanou změnu vzhledu
	mattyZEM Profil	#3 · Zasláno: 26. 7. 2010, 20:31:55 · Upravil/a: mattyZEM Odpovědět Citovat Nox: „Po kliknutí na odkaz prostě přidej všem požadovaným objektům třídu, která zajistí požadovanou změnu vzhledu“ Ok, to je dobrý nápad. Ale jak přidat tu požadovanou třídu? :) Promiňte, ale v JS jsem laik. Základy (dost malou část) znám, ale co se týče tohoto jsem ztracen. Prostě potřebuji změnit / zrušit / přidat třídu k něčemu co má třídu test, popř. upravit styl třídy test + i upravit :hover styl třídy test. Napsal jsem to dost srozumitelně?
	panther Profil	#4 · Zasláno: 26. 7. 2010, 20:34:09 Odpovědět Citovat mattyZEM: vláken, kde jsou kódy s přidáním třídy je tu poslední dobou dost, tak hledej (className). „popř. upravit styl třídy test + i upravit :hover styl třídy test.“ normální i :hover stav zajistíš normálně pomocí CSS, kde bude ostylovaná ta nově přidaná třída. Současné zůstane beze změn.
	mattyZEM Profil	#5 · Zasláno: 26. 7. 2010, 20:57:18 · Upravil/a: mattyZEM Odpovědět Citovat panther: „tak hledej (className).“ Hledal jsem pod "změna třídy", nebo i "změna stylu třídy" ale bohužel jsem došel k závěru že jsem k žádnému nedošel :). Po více než 20ti minutovém hledání (ovšem, není to sice mnoho) jsem tedy dostal informace jen o tom, že je tady možná dost témat s `getElementsByClassName`, ale můj problém to nijak neřeší. Pan jahoda (bez urážky) mi tedy řekl v tomto tématu to, co jste mi řekli Vy. Tedy, pro pořádek. Našel jsem funkci `addClassName()`, načež mi ihned strejda google poradil toto. Je to to, co jste mysleli? Jelikož toto mi nijak nepomůže :( :-).
	panther Profil	#6 · Zasláno: 26. 7. 2010, 21:03:09 · Upravil/a: panther Odpovědět Citovat mattyZEM: https://developer.mozilla.org/En/DOM/element.className, sem vede odkaz z Jushe z místní diskuse. Když ti i Str4wberry psal className, asi je zřejmé (i dle velikosti písmen), že to je (resp. je tím míněno) něco jiného než addClassName nebo getElementsByClassName. EDIT: Hned první odkaz v googlu na výše zmíněný výraz vede na týž odkaz, co uvádím o pár řádek výše.
	mattyZEM Profil	#7 · Zasláno: 26. 7. 2010, 21:09:39 · Upravil/a: mattyZEM Odpovědět Citovat panther: „https://developer.mozilla.org/En/DOM/element.className“ A teď jsem z toho jelen. Takže musím mít například <p id="test1" class="test">Něco</p> <p id="test2" class="test">Něco</p> <p id="test3" class="test">Něco</p> <p id="test4" class="test">Něco</p> a pak var idcko=document.getElementById("test1"); if(idcko.className=="test") { idcko.className=""; }else { goNextElement(); } Je to tak, nebo jsem něco opět nepochopil?
	panther Profil	#8 · Zasláno: 26. 7. 2010, 21:15:19 Odpovědět Citovat mattyZEM: „Takže musím mít například“ snadno si můžeš zkusit, ale ano, takhle třídu odebereš. Přijdeš tím o styly této třídě přiřazené, raději bych přidával druhou třídu, jejíž styly by tu současnou mohly přebíjet.
	Velda Profil	#9 · Zasláno: 26. 7. 2010, 21:24:13 Odpovědět Citovat panther: raději bych přidával druhou třídu zase perlíš? :D Přijdeš tím o styly této třídě přiřazené to asi taky bude účelem :D
	panther Profil	#10 · Zasláno: 26. 7. 2010, 21:27:44 Odpovědět Citovat Velda: buď tak laskav a uklidni se, nikdo není na ty tvoje přitroublé reakce zvědavý. Napsal jsem, že to možné je. Sám jsi chytrej jak rádio, nemám se s tebou o čem bavit. Dál budu tvoje příspěvky ignorovat.
	Velda Profil	#11 · Zasláno: 26. 7. 2010, 21:33:41 Odpovědět Citovat panther: jasně, tagu jdou nastavit 2 třídy, aplikuje se sice jenom ta první, ale to už je přeci detail :D
	panther Profil	#12 · Zasláno: 26. 7. 2010, 21:37:04 · Upravil/a: panther Odpovědět Citovat Velda: „tagu jdou nastavit 2 třídy, aplikuje se sice jenom ta první“ ehm? A pak, kdo tu perlí, že? Měl bys začít u základů HTML&CSS a pak se ofrňovat na ostatní. Například HTML zdroj této stránky, ř. 47: <div class="postinfo right"><script type="text/javascript">getQuotation();</script></div> Vidím dvě třídy, obě se evidentně aplikují. Nešiř tu, prosím, bludy a informace si ověřuj, když je neznáš ve správném znění z paměti. Pokud jsi myslel CSS zápis (o kterém tu mimochodem řeč nebyla) se dvěma třídami, a sice: .trida1.trida2 {} tak ten funguje všude vyjma IE6, který stejně opomíjíš díky <video>, takže je to stejně jedno.
	Velda Profil	#13 · Zasláno: 26. 7. 2010, 21:55:32 Odpovědět Citovat panther: tak to se hluboce omlouvám, tohle sem nevěděl... ;P ale následná změna className by už nebyla tak primitivní :P vyjma IE6, který stejně opomíjíš díky <video> vskutku :P
	panther Profil	#14 · Zasláno: 26. 7. 2010, 21:57:44 Odpovědět Citovat Velda: „tak to se hluboce omlouvám, tohle sem nevěděl... ;P“ tak příště, až budeš něco psát a do někoho se navážet, piš jen ověřené a správné informace. Děkuji.
		Časová prodleva: 14 let

Vaše odpověď

Mohlo by se hodit