[HTML][CSS]Podświetlenie Opcje

[ksaw]

Witam
Mam trywialny problem, z którym jakoś nie mogę sobię poradzić (IMG:style_emoticons/default/smile.gif)
Mam dwie tabelki oparte na divach. Jak zrobić aby po najechaniu kursorem na wiersz w pierwszej tabelce podświetlił się wiersz w drugiej tabeli (równocześnie)?

[everth]

Ech, w skrypcie jest błąd:

[JAVASCRIPT] pobierz, plaintext 
tabela1 = $('#tabela1 tr'); //definiuje wszystkie wiersze w pierwszej tabeli (masz to na divach - nie wiem co stosujesz zamiast 'tr')
tabela2 = $('#tabela2 tr'); //jak wyżej
 
tabela1.hover(
   function(){ 
      $(this).addClass('highlight'); //podswietla najechany element w tabeli 1
      tabela2.eq($(this).index()).addClass('highlight'); // podswietla odpowiadający element w drugiej tabeli
   },
   function(){ //usuwa podświetlenie
      $(this).removeClass('highlight');
      tabela2.eq($(this).index()).removeClass('highlight');
   }
);
 
// I na odwrót
 
tabela2.hover(
   function(){ //twoje wiersze w piersze
      $(this).addClass('highlight'); //podswietla najechany element w tabeli 1
      tabela1.eq($(this).index()).addClass('highlight'); // podswietla odpowiadający element w drugiej tabeli
   },
   function(){ //usuwa podświetlenie
      $(this).removeClass('highlight');
      tabela1.eq($(this).index()).removeClass('highlight');
   }
);
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował everth 3.08.2010, 17:41:14