Taustavärin valinta diviin selectillä

muokattu sivu: http://koti.mbnet.fi/samppam/index2.html

Toimii sinänsä ihan ok, mutta nyt tarvis saada tuo toimiin niin, että ylemmästä selectistä vaihtuu ylemmän divin taustakuva ja alemmasta alemman. Nyt molemmista selecteistä vaihtuu taustakuva ylempään diviin.

Sam... kirjoitti:

muokattu sivu: http://koti.mbnet.fi/samppam/index2.html

Toimii sinänsä ihan ok, mutta nyt tarvis saada tuo toimiin niin, että ylemmästä selectistä vaihtuu ylemmän divin taustakuva ja alemmasta alemman. Nyt molemmista selecteistä vaihtuu taustakuva ylempään diviin.

Helpoin on lisätä

{select name="taustav_lootaan_02" onchange="this.selectedIndex>0?changebg2(this.value):null"]

Tämä javascript kohtaan
function changebg2(v){
var d = document.getElementById("laatikko_02");
d.style.backgroundImage='url(' v ')';
}

Toki ton pystyy tekemään paremmin, mut toi kelpaa jos vain kaksi lootaa jonka väri pitää vaihtaa.

jejej kirjoitti:

Helpoin on lisätä

{select name="taustav_lootaan_02" onchange="this.selectedIndex>0?changebg2(this.value):null"]

Tämä javascript kohtaan
function changebg2(v){
var d = document.getElementById("laatikko_02");
d.style.backgroundImage='url(' v ')';
}

Toki ton pystyy tekemään paremmin, mut toi kelpaa jos vain kaksi lootaa jonka väri pitää vaihtaa.

>> Toki ton pystyy tekemään paremmin, mut toi kelpaa jos vain kaksi lootaa jonka väri pitää vaihtaa.

Hyvin toimii tuokin minkä laitoit ja sillä pääsee asiassa eteenpäin. Kyllä lootia tulee enemmän. Mielessä oli jos tuon id-ohjauksen sais jotenkin tuon selectin ja divin välille ilman, että sitä pitäisi ohjata scriptistä (ymv.). Jos nyt vielä tulee jotain mieleen ihan hyvä, mutta suuri kiitos tähän astisista opastuksista.

Sasisko tuohon samaan funktioon jotenkin yhdistettyä useampia kohteita tyyliin:

function changebg1,..2,...3(v){
var d = document.getElementById("laatikko_01,laatikko_02,laatikko_03");
d.style.backgroundImage='url(' v ')';
}