Problem z działaniem funkcji w pętli [JS] Opcje

[Tasilvar]

Witam. W celu uproszczenia sobie kodu posłużyłem się pętelką for odwołując się wcześniej do powyższych tablic. Funkcją alert sprawdzałem jej poprawność po wyrzuceniu linijki z deklaracją funkcji i pętla działała poprawnie, jednak w moim zamierzeniu konieczna jest obecność tej funkcji.

oto fragment kodu:

[PHP] pobierz, plaintext 
 
var test_1 = document.getElementById('block_test');
 
// zmienne
 
var color_black = document.getElementById('black');
var color_white = document.getElementById('white');
var color_red = document.getElementById('red');
var color_blue = document.getElementById('blue');
var color_yellow = document.getElementById('yellow');
var color_green = document.getElementById('green');
 
 
// tablice
 
var color_tab = new Array("black","white","red","blue","yellow","green");
 
var colors_css = new Array("#000000","#fffffff","#c6010a","#3331d2","#fbcc04","#286843");
 
for(var i=0;i<=color_tab.length-1;i++) {
 
color_tab[i].onclick = color_tab[i];
 
function color_tab[i] () { // jeżeli to wywale pętla się wykona
 
test_1.style.background = colors_css[i];
 
alert("wykonane");
}// // jeżeli to wywale pętla się wykona
 
}
[PHP] pobierz, plaintext 

Pytanie z mojej strony, jaki błąd popelniłem przy twrzoeniu funkcji w pętli z wykorzystaniem indeksów tablicy?
Czekam na odp.

Ten post edytował Tasilvar 30.04.2011, 08:42:23

[nospor]

Funkcje nie mogą być tablicami.
Napisz może słownie co kombinujesz

[Tasilvar]

Generalnie to chciałem sobie uprościć kod, zamiast

[PHP] pobierz, plaintext 
// paleta kolorów
//
 
var test_1 = document.getElementById('block_test');
 
var color_black = document.getElementById('black');
var color_white = document.getElementById('white');
var color_red = document.getElementById('red');
var color_blue = document.getElementById('blue');
var color_yellow = document.getElementById('yellow');
var color_green = document.getElementById('green');
 
color_black.onclick = black;
color_white.onclick = white;
color_red.onclick = red;
color_blue.onclick = blue;
color_yellow.onclick = yellow;
color_green.onclick = green;
 
function black() {
test_1.style.background = "#000000" ;
}
function white() {
test_1.style.background = "#ffffff" ;
}
function red() {
test_1.style.background = "#c6010a" ;
}
function blue() {
test_1.style.background = "#3331d2" ;
}
function yellow() {
test_1.style.background = "#fbcc04" ;
}
function green() {
test_1.style.background = "#286843" ;
}
[PHP] pobierz, plaintext 

chciałem stworzyć petlę która by pobierała kolejne indeky z tablicy i przypisywała im kolory które byłyby w tablicy. Chciałem też aby pętla sama tworzyła zmienną pobierając tylko do nazwy na która składałaby się stała "color_" przyrostek wartości indeksu tablicy (jednak tu także brak efektu).

Ten post edytował Tasilvar 30.04.2011, 10:06:08

[nospor]

Przy dołączonym jQuery:
Zakładam że te black, green. to są divy

[HTML] pobierz, plaintext 
<div class="color" id="black" color="#000000"></div>
<div class="color" id="whie" color="#ffffff"></div>
[HTML] pobierz, plaintext 

Kod

jQuery('.color').click(function(){
jQuery('#block_test').css('background-color',jQuery(this).attr('color'));
});

I już. Pisane z palca więc mogą być drobne błędy

[Tasilvar]

zgadza się, a czy nie będe musiał powtarzać tego kodu przy każdy inny kolorze? btw. przy jQuery się jeszcze nie bawiłem.

Ten post edytował Tasilvar 30.04.2011, 10:14:05

[nospor]

No a czy ja tu jakiś kod powtórzyłem? Funkcja leci po klasie 'color'. Jedyne co musisz pamiętać by dla divów nadawać klasę 'color' oraz atrybut color. Reszta pójdzie automatycznie