ugrás a tartalomhoz

Link színének megváltoztatása JS-ből

C_hris · 2006. Dec. 3. (V), 21.39
Sziasztok!

Hogyan lehetne, ha lehet egyáltalán javascriptből megváltoztatni pl. egy link színét úgy hogy csak az adott pseudo class-t érintse?
valami ilyesmi kellene, ez persze nem müködik: this.style:hover.color='red';
‹ Margin probléma IE7 alatt Ha az AJAX-al megívott file-ban hosszantartó ciklus fut, az hogyan reagál a meghívó ablak bezárására? ›
 ■
1

Masik CSS class?

Anonymous · 2006. Dec. 4. (H), 10.30
Mi lenne, ha egy masik classt rendelnel hozza? Sokkal jobb lenne, mert azt a stilust, AMIRE valtoztatja, CSS-bol tudod valtoztatni es nem kell folyton a JS-t izelgatni, ha szint akarsz valtoztatni.
2

Normális esetben jó lenne,

Anonymous · 2006. Dec. 4. (H), 12.44
de most itt bonyolultabb problémáról van szó, ugyanis egy realtime preview szerkesztőhöz kellene.
A neten sem találtam erre megoldást, úgy néz ki javascriptből lehetetlen.
3

nem lehetetlen

Poetro · 2006. Dec. 4. (H), 23.30
Ugye a hover is egy esemény. Erre rá lehet akaszkodni, es minden esetben módositani a style értéket.
Lásd: blur, focus
4

onmouseover/out?

Anonymous · 2006. Dec. 4. (H), 23.57
ugye az onmouseover és onmouseout eseményekre gondoltál? :]

gex
5

Azokra is

Poetro · 2006. Dec. 6. (Sze), 16.02
Persze, azokra is, de nem feltetlen csak egér van a világon. Persze érdemes még megnézni milyen események lehetnek hasznosak ezen esetben.
6

CSS

Anonymous · 2006. Dec. 6. (Sze), 16.50
A CSS-t tudod JSből realtime szerkeszteni, csak nem tudom, hogy kellett. De pl. a whatever:hover is ezt csinálja azt hiszem.
7

JavaScript + cssRuleZ

attlad · 2006. Dec. 6. (Sze), 17.04
Kis PoC kód, hátha tudod használni:

<style></style>

<script>
var uniqueIdNumber = 0;

function setHoverBg(object, color)
{
	var uniqueId = 's' + uniqueIdNumber++;
	object.id = uniqueId;
	document.styleSheets[0].insertRule('a#' + uniqueId + ':hover { background: ' + color + ' }', document.styleSheets[0].cssRules.length);
}
</script>

<a onclick="setHoverBg(this, '#F00');">piros</a>
<a onclick="setHoverBg(this, '#0F0');">zöld</a>
<a onclick="setHoverBg(this, '#00F');">kék</a>
Lekérdezés egyszerű id alapján a document.styleSheets[0].cssRules[i].selectorText-ben kell megkeresni, hasznos: DOM Inspector.

Fenti FF-on megy, IE-ben pl. insertRule helyett addRule van, stb. ehhez lásd Google.
8

Működik

C_hris · 2006. Dec. 6. (Sze), 18.50
Ez tényleg jó lesz.
Köszi!!