drzewo DOM relatywnie i przypisywanie zdarzenia wielu elementom Opcje

[onlyX]

Problem: Mam grupę linków umieszczonych w różnych blokach DIV, w tych samych blokach są inne linki, z których, po kliknięciu na te pierwsze, chcę wyciągnąć innerHTML, a następnie wstawić do pola TEXTAREA.

Jak na razie udało mi się zrobić tylko to ostatnie:

[HTML] pobierz, plaintext 
function userAnswer(){
	var tresc = document.getElementById('commbody');
	tresc.value += "\n wyciągnięty tekst: ";
}
[HTML] pobierz, plaintext 

Chcę uniknąć wpisywania onClick="" każdemu linkowi z osobna, ale nie wiem jak przydzielić je całej grupie elementów o takim samym parametrze w class lub name.

Nie wiem też jak odnieść się do elementu relatywnie w stosunku do tego, dla którego zaszło zdarzenie. Przykładowo dwa razy w górę a potem getElementById('link'). Kiedy używam this to wychodzi referencja do dokumentu a nie do elementu wywołującego zdarzenie.

Trochę to pogmatwałem, ale mam nadzieję, że rozumiecie o co mi chodzi.

Mniej więcej wyglądało by to tak:

[HTML] pobierz, plaintext 
function userAnswer(){
	nick = elKlikniety.rodzic.rodzic.getElementById('odp').innerHTML;
	var tresc = document.getElementById('commbody');
	tresc.value += "\n wyciągnięty tekst: ";
}
//tutaj przypisanie w.w. funkcji do elementów od takim samej clasie lub name
[HTML] pobierz, plaintext 

Proszę o jakieś wskazówki.

[woj_tas]

Chcę uniknąć wpisywania onClick="" każdemu linkowi z osobna, ale nie wiem jak przydzielić je całej grupie elementów o takim samym parametrze w class lub name.

nie dawno miałem podobny problem... link

[onlyX]

Tego szukałem.
A więc koncepcja rozwinęła się do takiego stadium:

[HTML] pobierz, plaintext 
function userAnswer(){
	var nick = ten_element.rodzic.rodzic.getElementById('nick').innerHTML; // <-- poprawić!!!
	var tresc = document.getElementById('commbody');
	tresc.value += "\n nick: ";
}
function setBehaviour(){
	var linki = document.getElementById('komentarze').getElementsByTagName('a');
	for(i=0; i < linki.length; i++){
		if (linki[i].className=='answer') linki[i].onclick = userAnswer;
	}
}
[HTML] pobierz, plaintext 

Teraz pozostało tylko odnaleźć w drzewie DOM drugi link i wyciągnąć z niego innerHTML. Może mi ktoś w tym pomóc, albo wskazać jakieś źródło informacji?

[gekon]

http://pornel.net/xhtml
http://developer.mozilla.org/pl/docs/DOM

[onlyX]

Czy ktoś mi wytłumaczy jak odwołać się w JS do elementu który wywołał zdarzenie, bo nie mogę tego znaleźć w żadnych materiałach?
Gdy używam this. to wyrzuca mi cały dokument.

[thornag]

To w JS jest dosc skomplikowane bo przy zdarzeniu this nigdy nie bedzie sie odnosilo do obiektu w ktorym definiujesz metode. Ja to robie tak

Kod

var ObjectStorage = new Object();

  TestObject = function() {

         var iObjectId = ObjectStorage.length;
         ObjectStorage[iObjectId] = this;

         this.TestVar = 'zawartosc testowa';

         document.getElementById('testDiv').onclick = function(e) { ObjectStorage[iObjectId].DoOnClick(e) }

  }

  TestObject.prototype = {

   DoOnClick : function(e) {
        if(document.all)e = event;
        var oTarget;
    if (e.target) {
        oTarget = e.target;    
    } else if (e.srcElement) {
        oTarget = e.srcElement;
    }
    if (oTarget.nodeType == 3) { //For Safari
        oTarget = oTarget.parentNode;
    }
    alert(oTarget.id);
    alert(oTarget.innerHTML);
         alert(this.TestVar);

    }
}

document.body.onload = function () { var oObject = new TestObject() }

[HTML] pobierz, plaintext 
<div id='testDiv'>aosbdasbd</div>
[HTML] pobierz, plaintext 

pisalem z palca wiec nie wiem czy syntaxow nie ma itp, ogolnie koncepcja taka jesli chodzi o to zryte referowanie przez JS