Witam, uczę się od kilku dni posługiwać DOMem :)
topornie mi to idzie. Dlatego zwracam sie z prośbą o pomoc do was.
Znalazłem taki oto przykład na jednym z kursów - niestety nie działa on po drobnych przeróbkach tak jak bym chciał. Oto on:
[HTML]
<html> <head> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2"> <title>Przykład zdarzenia DOM</title> <style type="text/css"> #stat { background-color: #6666FF; border: 1px solid #000000; font-family: verdana; font-size: 10pt; color: #FFFFCC} #tabela { background-color: #FFFFCC; border: 1px solid #000000; font-family: verdana; font-size: 10pt} </style> <script type="text/javascript">// Funkcja zmieniająca zawartość komórki tabeli t2
function zmien() {
var td = document.getElementById("t");
td.innerHTML = "<input type="text" size="5">";
}
// Funkcja dodająca obserwatora zdarzeń dla tabeli t
function load() {
var el = document.getElementById("t");
el.addEventListener("dblclick", zmien, false);
}
Dzień | książek | czasopism |
2 listopada | liczba1 | liczba2 |
3 listopada | liczba1 | liczba2 |
23 listopada | liczba1 | liczba2 |
[/HTML]
Skrypt działa w ten sposób, ze kiedy klikniemy 2 razy myszką np. na kolumnę książki wiersz 2 listopada to komórka zamieni się nam w pole input text. Można wtedy coś w te pole wpisać. Ale jak np. zamiast dblclick wstawię zwykle click w function load() to nic nie da rady wpisac w okienko
- dlaczego nie da rady nic wpisać kiedy jest click a nie dblclick?
- dlaczego td zamienia sie w input tylko w 1 komórce? probowałem zrobić jakaś pętle ale mi nie wychodzilo
- co zrobić żeby kiedy już wpisze jakiś text w okienko i kliknę na jakaś inna komórkę to to co wcześniej wpisałem żeby się zamieniło (wiem ze tu potrzeba ajaxu ale nie wiem o c b)
z góry dziękuje
pozdrawiam
Daniel