Meerdere cellen achtergrond laten verander

Pagina: 1
Acties:

Acties:
  • 0 Henk 'm!

Verwijderd

Topicstarter
MaDiWoDoVr
08.00
09.00
10.00
11.00


Ik gebruik zo'n soort tabel om afspraken in te maken. De cel veranderd van achtergrond als je erover gaat met je muis, en met een onclick komt jou naam in die cel te staan.Dit werkt goed voor mensen die een afspraak van een uur hebben.
Maar als mensen een afspraak van 2 uur willen maken, wil ik graag dat de cel eronder ook veranderd van background.

Via javascript weet ik wel boven welke rij en cell de muis is, maar ik heb geen idee op welke manier ik de achtergrond kan veranderen van de cel eronder.
Iemand die mij in de goede richting kan sturen?

Acties:
  • 0 Henk 'm!

  • Melmer
  • Registratie: Juni 2002
  • Laatst online: 08-09 11:38
Het is goed op te lossen met jQuery. Hiermee kun je door middel van selectors (bijv. de cellen van de tabel) aanpassingen doen in je tabel. Voorbeeldje:

code:
1
2
3
$('td').click(function() {
  $(this).addClass('newClass');
});


Wat ook kan:

code:
1
2
3
$('td').click(function() {
  $(this).css("background-color", "#0FF");
});


Er is ook een selector die aan de hand van een index een cell kan selecteren:

code:
1
$("td:eq(2)").css("color", "red");


http://api.jquery.com/eq-selector/

[ Voor 19% gewijzigd door Melmer op 23-05-2010 11:28 ]