Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: zaznaczanie komórek tabeli
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
ruda zosia
Witam.
Dopiero zaczynam zabawę z JS.
Chciałbym się dowiedzieć czy istnieje możliwość zaznaczania komórek tabeli myszką? Np jak w excelu, jeżeli zaznaczymy już te komórki to po kliknięciu np prawym przyciskiem będziemy mogli je scalić i coś wpisać w nie.
Nie proszę o gotowy kod, tylko na co powinienem zwrócić uwagę, jakich funkcji użyć. Bardzo mile widziany byłby jakiś algorytm winksmiley.jpg
ruda zosia
dzięki, przejrzałem te linki i stwierdziłem, że są zbyt skomplikowane smile.gif

samo zaznaczanie już zrobiłem sam i teraz powoli bawię się dalej.

utknąłem na takim czymś... w ogóle nie wiem czy jest to możliwe
mam:

...
<td id="1.2" onClick="pokaz(this)"> </td>
...


i teraz czy mogę wyciągnąć jakoś tą nazwę id?
function pokaz(id)
{
document.write(id); // daje [object HTMLTableCellElement]

// a coś takiego daje null:
var obiekt=getElementById(id);
document.write(obiekt);
}

erix
  1. identyfikator nie może rozpoczynać się od liczby
  2. document.write może być wywołany tylko w momencie wczytywania, a nie wywołania funkcji. Poszukaj o innerHTML
ruda zosia
dzięki za cenne uwagi

ale w sumie nie odpowiedziałeś mi czy można jakoś dobrać się do nazwy tego identyfikatora smile.gif
erix
Można:
[JAVASCRIPT] pobierz, plaintext
  1. obj.id
[JAVASCRIPT] pobierz, plaintext

A najlepiej, to byłoby tu już skorzystać z jakiegoś frameworka JS.
ruda zosia
się rozpisałeś biggrin.gif

chodzi Ci o coś takiego?

Kod
function pokaz(id)
{
var obiekt=getElementById(id);
document.write(obiekt.id); // wyświetlania używam w celach testowych
}


ale takie coś mi nie działa
erix
Cytat
document.write może być wywołany tylko w momencie wczytywania, a nie wywołania funkcji. Poszukaj o innerHTML
ruda zosia
poczytałem o innerHTML i zrobiłem coś takiego:

w body:

<p id="znacznik"></p>

w JS:

function pokaz(id) // id dostajemy z innej funkcji
{
var obiekt=document.getElementById(id);

document.getElementById("znacznik").innerHTML="Kotek"; // dla sprawdzenia wyświetli się Kotek

document.getElementById("znacznik").innerHTML=obiekt.id; // nie działa
document.getElementById("znacznik").innerHTML=obiekt; // nie działa
document.getElementById("znacznik").innerHTML=id; // takie coś daje: [object HTMLTableCellElement]


}


no i dalej nie wiem jak wyświetlić nazwę identyfikatora HTML sadsmiley02.gif


EDIT:
jednak błąd leży gdzieś w przekazywaniu identyfikatora
po zrobieniu takiego czegoś:

function pokaz(zmienna) // id dostajemy z innej funkcji
{
var obiekt=document.getElementById("znacznik");

document.getElementById("znacznik").innerHTML=obiekt.id; // dostaniemy znacznik

}

więc wiem już o co chodzi smile.gif

dzięki wielkie!!



EDIT:
znalazłem ten błąd
wystarczyło zrobić coś takiego:

function pokaz(zmienna) // zmienna - to id z innej funkcji
{


document.getElementById("znacznik").innerHTML=zmienna.id; // dostaniemy wtedy nazwę identyfikatora

}


takie proste a tyle czasu mi to zajęło ;/

dzięki jeszcze raz tongue.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.