Multi funkcja bez deklaracji w zdarzeniu Opcje

[Rewil]

Mam układ taki w htmlu:

[HTML] pobierz, plaintext 
<div class="box_naglowek" id="box1" name="box_naglowek">
<div class="box_naglowek" id="box2" name="box_naglowek">
<div class="box_naglowek" id="box3" name="box_naglowek">
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
window.onload = function() {
	document.getElementsByName("box_naglowek").ondblclick = function (){
		alert("bry");
	};
}
[HTML] pobierz, plaintext 

Jak uzyskać że po dwukrotnym kliknieciu w konkretny box, wyświetli mi się jego konkretne id?

Ten post edytował Rewil 26.01.2011, 20:00:33

[kamil4u]

getElementsByName zwraca tablicę elementów. Zrób pętlę po elementach i dopiero wtedy przypisz zdarzenie(już konkretnym elementom).

[Rewil]

[HTML] pobierz, plaintext 
window.onload = function() {
	for(var i=0;i < document.getElementsByName("box_naglowek").length;i++) {
		document.getElementsByName("box_naglowek").item(i).ondblclick = function (){
			alert("test boxa o id: "+i);
		};
	}
[HTML] pobierz, plaintext 

Rozwiązanie problemu.


Następny:

[HTML] pobierz, plaintext 
		<div class="box_zaw" id="box54">
			<div class="box_naglowek" name="box_naglowek">
			</div>
		</div>
[HTML] pobierz, plaintext 

Jak wyczytać id wcześniejszego diva, w którym się znajduje? Czy będzie konieczne przepisanie tego id?

Ten post edytował Rewil 26.01.2011, 23:17:15

[kamil4u]

Rozwiązanie problemu.

Trochę jest niepoprawne, bo za każdym razem pobierasz wszystkie elementy i za każdym razem spr. ich długość. Umieść te dane w odpowiednich zmiennych lokalnych

Kod

Następny

Poprzez drzewo DOM, a dokładniej: parentNode ( http://kurs.browsehappy.pl/JavaScript/DOM ) i później już tylko ".id", czyli

Kod

alert( el.parentNode.id )

, gdzie pod zmienną el, trzymasz <div class="box_naglowek" name="box_naglowek">

[Rewil]

Rozumiem już operacje na DOM'ie w JS'ie, ale mówisz że źle z tymi zmiennymi.

Z tego co zakładam tworzy kod po kolei(gdyby pętli nie było):

[HTML] pobierz, plaintext 
window.onload = function() {
	var doc = document.getElementsByName("box_naglowek");
		 doc.item(0).ondblclick = function (){
			alert("test boxa o id: "+doc.item(0).parentNode.id);
		};
		 doc.item(1).ondblclick = function (){
			alert("test boxa o id: "+doc.item(1).parentNode.id);
		};
		 doc.item(2).ondblclick = function (){
			alert("test boxa o id: "+doc.item(2).parentNode.id);
		};
}
[HTML] pobierz, plaintext 

Ale po kliknięciu w nagłowek, pojawia się "2" o z tego faktu nie bardzo rozumiem.
Dzięki kamil4u, że mi pomagasz

[kamil4u]

Znaczy teraz ja nie bardzo rozumie, dlatego napisze swój kod

[JAVASCRIPT] pobierz, plaintext 
window.onload = function() {
 var i,els,len; //els -> elementy;len ->długość tablicy
 els = document.getElementsByName("box_naglowek");
 len = els.length;
 for(i=0; i < len; i++){
  document.getElementsByName("box_naglowek").item(i).ondblclick = function (){
   alert("test boxa o id: "+i);
  };
}
 
//lub trochę inny sposób, ale taki taki bardziej użyteczny
 
window.onload = function() {
 var i,els,el; //els -> elementy; el ->konkretny element
 els = document.getElementsByName("box_naglowek");
 for(i=0; el = els[i]; i++){
  el.ondblclick = function (){
   alert("test boxa o id: "+i);
  };
}
[JAVASCRIPT] pobierz, plaintext 

I teraz uwaga, żebyś stosował tablica[i], a nie tablica.item(i) ,nie jest to błąd, ale większość programistów używa sposobu z nawiasami [ i ], to raz, a poza tym jest on krótszy i często czytelniejszy.

A o co chodzi z tym:

Ale po kliknięciu w nagłowek, pojawia się "2" o z tego faktu nie bardzo rozumiem.

To ja nie rozumiem. Coś "źle" się wyświetla? Jak tak to podaj kod HTML(trochę bardziej obszerny) i kod JS i napisz co chcesz z niego uzyskać, wtedy sam będę mógł się pobawić i poszukać błędu

[Rewil]

http://rewil.pctk.pl/sys/

Powiem ci że dokładnie otrzymaliśmy taki sam wynik i tobie id, i mi wyświetla to samo dla każdej ramki. Więc znowu tak ze mną źle nie jest

[kamil4u]

Nadal nie rozumiem co piszesz... - dałeś link, ale bez żadnego opisu... Skąd mam wiedzieć, o który fragment chodzi? Nie będę analizował całego Twojego kodu.

Powiem ci że dokładnie otrzymaliśmy taki sam wynik

Z tym, że ten mój sposób(jeśli chodzi o pętlę for) jest lepszy, gdyż wykonuje dużo mniej operacji...

Ale przypomniało mi się, gdzie zrobiłem błąd... przyznam trochę głupi...

[JAVASCRIPT] pobierz, plaintext 
window.onload = function() {
 var i,els,len; //els -> elementy;len ->długość tablicy
 els = document.getElementsByName("box_naglowek");
 len = els.length;
 for(i=0; i < len; i++){
  document.getElementsByName("box_naglowek").item(i).ondblclick = function (i){
   return function(){
    alert("test boxa o id: "+i);
   };
  }(i);
}
[JAVASCRIPT] pobierz, plaintext 

[Rewil]

Tak to o to chodziło, próbowałem coś w tym stylu ale jeszcze tego nie ogarnąłem, dzięki przynajmniej się dużo nauczyłem