GoldenLine
Zaloguj się
Marcin Szczepański

Marcin Szczepański Właściciel, Usługi
Informatyczne KOK@LO

Temat: mootools - kolorowanie tabeli - problem

Witam

Nie mogę ogarnąć skryptu do kolorowania tabeli.

Wszystko już działa poza efektem "zebry"

http://jsfiddle.net/YDLDm/103/

Czekam na pomoc ;)

Na jquery to nie problem: http://jsfiddle.net/YDLDm/82/Marcin Szczepański edytował(a) ten post dnia 04.04.13 o godzinie 14:01
Link do wypowiedziLink

konto usunięte

Temat: mootools - kolorowanie tabeli - problem

Efekt zebry w Twoi przykładzie uzyskujesz za pomocą pseudoklas CSS:



.zebra tr:nth-child(even)           {background-color:#ecf6fc;}

.zebra tr:nth-child(odd)           {background-color:white;}


A nie za pomocą mootools...

W samym mootools możesz to zrobić na podstawie przykładu:



window.addEvent('domready', function() {



var count = 0;



$$('table.pretty-table tr').each(function(el) {



el.addClass(count++ % 2 == 0 ? 'odd' : 'even');



});



});
Link do wypowiedziLink
Marcin Szczepański

Marcin Szczepański Właściciel, Usługi
Informatyczne KOK@LO

Temat: mootools - kolorowanie tabeli - problem

Pseudoklasy CSS oczywiście działają, ale po ich zastosowaniu nie działa podświetlanie wierszy i kolumn po najechaniu myszką.

Co do drugiego kodu to nie wiem czy go prawidłowo połączę z moim kodem - będę próbował.

W jQuery wszystko działa bez problemu, ale po połączeniu z joomlą wszystko się sypie.
Dlatego walczę z mootools - tam na razie działa podświetlanie wierszy i kolumn.

Jeżeli to nie problem to proszę o skrypt, który łączy ze sobą oba efekty: zebra + podświetlanie kolumn i wierszy po najechaniu myszką.
Link do wypowiedziLink

konto usunięte

Temat: mootools - kolorowanie tabeli - problem

http://jsfiddle.net/YDLDm/111/

Gotowe!
Link do wypowiedziLink
Marcin Szczepański

Marcin Szczepański Właściciel, Usługi
Informatyczne KOK@LO

Temat: mootools - kolorowanie tabeli - problem

No i sie udało ;)

http://jsfiddle.net/YDLDm/143/
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy





Wyślij zaproszenie do
Anuluj