• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Jak pobrać id klikniętego elementu

VPS Starter Arubacloud
0 głosów
1,491 wizyt
pytanie zadane 29 listopada 2015 w JavaScript przez Karol Wiczling Początkujący (430 p.)

Napisałem prosty kod javascript który tworzy i wyświetla tabelke na stronie.

Chciałbym widzieć czy istnieje inny sposób na identyfikacje która komórka została kliknięta. Rozwiązałem to w taki sposób jak w kodzie poniżej czyli podczas generowania tabelki w javascript dodałem do każdej kompórki onclick w wywołaniem funkcji cell który przyjmuje za argument id danej komórki ale wydaje mi się to torchę łopatologiczne rozwiązanie.

Jeżeli wiecie jak można to zrobić lepiej to chętnie bym się dowiedział jak.

var foo = "halo";
var tabb = "";
var tab_cre = false;
var w = 5; //ilosc wierszyw tabeli
var h = 5; //ilosc kolumn w tabeli

//tworzy table o podanej wielkości i wkleja ją w html
function gizmo()
{ 
	document.getElementById("demo").innerHTML = foo;  
	for(i = 0; i < w; i++)
	{
		tabb += "<tr>";
		for(j = 0; j < h; j++)
		{
			// tworzy komórkę  o id=t i j   oraz daje onclik z danym id
			tabb += "<td id=\"t"+i+j+"\" onclick=\"cell("+i+""+j+")\"></td>";
		}
		tabb += "</tr>";
	}
	document.getElementById("tab").innerHTML = tabb;
	tabb = "";
	tab_cre = true;
}
//wyświetla id każdej komórki w niej samej
function sett()
{ 
	if(tab_cre)
	{
		for(i = 0; i < h; i++)
			for(j = 0; j < w; j++)
					document.getElementById("t"+i+j).innerHTML = "t"+i+j;
	}
	else{
		document.getElementById("demo").innerHTML = "nie ma czego ustawiac";  
	}
}
//wyswietla która komorka zostala kliknieta
function cell(id)
{
	document.getElementById("demo").innerHTML = "cell t"+id+" clicked";
}

1 odpowiedź

+1 głos
odpowiedź 29 listopada 2015 przez Comandeer Guru (605,680 p.)

Wystarczy przypiąć klik do całej tabelki i sprawdzać event.target.id

Podobne pytania

+1 głos
2 odpowiedzi 497 wizyt
0 głosów
2 odpowiedzi 238 wizyt
+1 głos
1 odpowiedź 146 wizyt

93,079 zapytań

142,043 odpowiedzi

321,452 komentarzy

62,424 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 2

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...