webkit vs. opacity [Javascript, DOM]

[Don Ferignon]

Chcem na svojej stránke spraviť taký prechod medzi podstránkami (sú iba 3), že pri kliknutí na odkaz mi postupne zmizne jedna a postupne sa objaví druhá. V podstate to už mám - funguje to v opere a firefoxe. Problém mi ale robí Chrome (a zrejme bude aj Safari, keďže obe sú webkit). Nepozná CSS property menom opacity. Mohol by som teoreticky použiť -webkit-opacity, ale takýto zápis v javascripte (element.style.-webkit-opacity) je neplatný. Nevie niekto ako to správne zapísať ?

[faugusztin]

http://www.quirksmode.org/dom/changess.html

Cast Style declarations :

Kód: Vybrať všetko

rule.style.setProperty('color','#00cc00',null);

[Don Ferignon]

setProperty funguje pekne ale niečo ako getProperty som nenašiel (aj to k tomu potrebujem).

Práve si pozerám jQuery, s tým to nepôjde ľahšie ? Už teraz mám dosť nepekný kód...

[faugusztin]

Otazkou je, ze preco to riesis vobec priamo cez styly. Preco si nezadefinujes CSS class, a proste iba prvku prihodis/odoberies CSS class (element.className).

[Don Ferignon]

Takto môžem meniť priehľadnosť po malých krokoch a spraviť plynulejšiu animáciu. Keby som to robil tak, to by som musel vytvoriť toľko tried koľko chcem krokov animácie.

Máš skúsenosti s frameworkmi ? Toto vyzerá tak že by to aj splnilo účel a malo by to ísť pod všetkými browsermi.