Tabela w HTML, a podświetlenie pojedynczych komórek + usunięcie podświetleń przez jQuery (ESC)

0

Witam,

Mam sobie kalendarz oparty na tabeli w HTML. Każda komórka z tabeli podświetla się na czerwono na najechaniu na nią. Jak chcesz dodać zadanie do kalendarza wybierasz dzień albo kilka dni i je zaznaczasz. Ostatnio uznałem, że warto by było dodać opcję usuwania tego zaznaczenia po naciśnięciu ESC w klawiaturze. Mój kod: http://codetidy.com/4701/
Dodatkowo ogólnie jest mam coś takiego, że żeby wybrać te dni muszę kliknąć pierwszy dzień .on() i ostatni .on(). W momencie kliknięcia drugiego dnia pojawia się formularz, ale jak jest zaznaczony tylko pierwszy dzień i np user się rozmyślił i chcę zaznaczyć od nowa to wciska esc i usuwa się zaznaczenie.

 

		$(document).on("click", ".day_null", function()
		{				
		
			//$(this).toggle().closest("td").addClass("pod");
			var zaznaczone = $(this);
			var d = zaznaczone.length;
						
			calendar.ilość_zaznaczen++;  

			if(calendar.ilość_zaznaczen == 1)
			{
				var html = $(this).html(); //pierwszy kliknięty
				
					$('table tbody .day_null').mouseenter(function()
					{
						

					});
				}
				
			
		});


 
$(document).keyup(function(e) {

  if (e.keyCode == 27) { 
//tutaj escapujemy, tylko nie wiem jak usunąć te zaznaczenie .on();
//zliczam ilość kliknięć do zmiennej 	calendar.ilość_zaznaczen++; i daje 	calendar.ilość_zaznaczen=null; ale to nic nie daje :( robi się 
//miszmasz

}   
});
0

Może jest po prostu opcja, która dezaktywuje/usuwa zaznaczenie .on(); ? :)

0

on to przypisanie zdarzenia, nie skutek zdarzenia.
do wyłączenia oczekiwania na click użyjesz off

a Twój kod jest tak pogmatwany (pamiętam go jeszcze z innych topików), że szkoda mi niestety czasu na rozpatrywanie Twojego problemu :(

0

Właśnie staram się ten kod co jakiś czas modyfikować, ulepszać, modyfikować :) dla samego siebie, dla nauki

1 użytkowników online, w tym zalogowanych: 0, gości: 1