[HTML][JavaScript]select i akcja na input Opcje

[robos85]

Mam taki kod JS:

[HTML] pobierz, plaintext 
window.onload=Load;
 
function Load(){
	document.forms['compose_form'].reciever.enabled=true;
}
function check_reciever(){
	var form_compose=document.getElementById('friends_list');
	var selIndex=form_compose.selectedIndex;
	if form_compose.options[selIndex].value!=0{
		document.forms['compose_form'].reciever.disabled=true;
	}
	else{
		document.forms['compose_form'].reciever.enabled=true;
	}
}
[HTML] pobierz, plaintext 

i form :

[HTML] pobierz, plaintext 
<form action="/inbox" method="post" name="compose_form">
			<div style="width:565px;">
				<div style="float:left;width:52px;min-width:52px;text-align:left;padding-top:5px;">
					Do:
				</div>
				<div style="float:left;width:300px;">
					<input type="text" name="reciever" style="width:295px;" />
				</div>
				<div style="float:left;text-align:right;width:213px;">
					<select style="width:180px;" id="friends_list" onchange="check_reciever()">
						<option value="0">----------</option>
						<option value="1">11111111</option>
						<option value="2">22222222</option>
						<option value="3">33333333</option>
					</select>
				</div>
			</div>
			<div style="width:565px;clear:both;padding-top:10px;">
				<div style="float:left;width:52px;text-align:left;padding-top:5px;">Temat:</div>
				<div style="float:left;width:513px;"><input type="text" name="reciever" style="width:513px;" /></div>				
			</div>
			<div style="width:565px;clear:both;padding-top:10px;">
				<div style="float:left;width:52px;text-align:left;">
					Treść:
				</div>
				<div style="float:left;width:513px;">
					<textarea style="width:513px;height:200px;"></textarea>
				</div>				
			</div>
			<div style="width:565px;clear:both;padding-top:10px;text-align:right;">
				<button style="width:96px;height:24px;border:none;background:url(../images/send_button.png) no-repeat;"></button>
			</div>
		</form>
[HTML] pobierz, plaintext 

I gdy wybieram jakąś opcję z selecta, pole input nie przyjmuje atrybutu "disabled".
Co skopałem?

[UNK]

Kod

document.forms['compose_form'].reciever.enabled=true;

nie powinno być

Kod

document.forms['compose_form'].reciever.disabled=false;

?


EDIT @DOWN:

Kod

var form_compose=document.getElementById('friends_list');
var selIndex=form_compose.selectedIndex;

Czapla, raczej nie, aczkolwiek to tu może siedzieć błąd, ponieważ selIndex nie dostaje wartości pomimo, że form_compose.selectedIndex jest dobrze pobierane.
robos85 coś jest nie tak w tych 2 liniach

Ten post edytował UNK 17.09.2008, 10:36:44

[robos85]

nie, chodzi mi głównie o to, że nie działa nic nawet po zmianie

[Czapla]

a nie powinno być

[HTML] pobierz, plaintext 
var selIndex=compose_form.selectedIndex;
[HTML] pobierz, plaintext 

?

[robos85]

a nie powinno być

[HTML] pobierz, plaintext 
var selIndex=compose_form.selectedIndex;
[HTML] pobierz, plaintext 

?

form_compose to zmienna zadeklarowana linijkę wyżej:/

Ten post edytował robos85 17.09.2008, 10:34:26

[nevt]

nie ma osobno właściwości enabled i disabled - jest tylko disabled

[robos85]

Kod

window.onload=Loadform;

function Loadform(){
document.forms['compose_form'].reciever.disabled=true;
}
function check_reciever(){
var form_compose=document.getElementById('friends_list');
var selIndex=form_compose.selectedIndex;
if form_compose.options[selIndex].value!=0{
document.forms['compose_form'].reciever.disabled=true;
}
else{
document.forms['compose_form'].reciever.disabled=false;
}
}

Zadeklarowałem na początku dla pola reciever żeby było od razu disabled, lecz nawet to nie działa:/

[UNK]

Napisałem wyżej w moim poście, ale chyba już nikt tego nie zauważy
var selIndex=form_compose.selectedIndex;
selIndex nie dostaje wartości jest undefined przez co reszta skryptu się nie wykonuje.
Po małej zamianie i wstawieniu tego bezpośrednio do ifa
form_compose.options[form_compose.selectedIndex].value!=0
wywala: 'form_compose.options is undefined'
Coś nie tak jest z tymi kilkoma liniami

[drPayton]

@nevt napisał dość wyraźnie, ale powtórzę:

[HTML] pobierz, plaintext 
<input type="text" id="bleh">
 
<script type="text/javascript">
	document.getElementById('bleh').disabled = "disabled";
</script>
[HTML] pobierz, plaintext 

Widzisz różnicę?

[robos85]

@nevt napisał dość wyraźnie, ale powtórzę:

[HTML] pobierz, plaintext 
<input type="text" id="bleh">
 
<script type="text/javascript">
	document.getElementById('bleh').disabled = "disabled";
</script>
[HTML] pobierz, plaintext 

Widzisz różnicę?

tak dlatego pozmieniałem na disabled=true lub disabled=false

Ten post edytował robos85 17.09.2008, 10:50:05

[drPayton]

[HTML] pobierz, plaintext 
function check_reciever(){
	var form_compose=document.getElementById('friends_list');
	var selIndex=form_compose.selectedIndex;
	if (selIndex != 0) {
		document.forms['compose_form']['reciever'][0].disabled="disabled";
	} else {
		document.forms['compose_form']['reciever'][0].disabled="";
	}
}
[HTML] pobierz, plaintext 

Bo masz dwa pola o nazwie 'receiver'...

[robos85]

EDIT:

zmianiam cały js kod na:

Kod

window.onload=Loadformcompose;

function Loadformcompose(){
    document.forms['compose_form'].reciever.disabled=true;
}

i to nie działa, ale jak dam:

Kod

window.onload=Loadformcompose;

function Loadformcompose(){
    var f_reciever=document.getElementById('reciever');
    f_reciever.disabled=true;
}

to działa.

Dlaczego jak odwołuję się do pól formularza poprzez name to nie działa, a jak getElementById robię to działa?:/

[drPayton]

Wyżej w moim poście masz odpowiedź

[robos85]

Śmiga

Tylko czemu nie mogę się odnościć poprze .reciever a muszę poprzez ['reciever']

Ten post edytował robos85 17.09.2008, 11:11:39

[drPayton]

Jeśli masz tylko jedno pole o nazwie 'receiver' to możesz (...).receiver.(...), jeśli więcej, to już jest tablica i tylko tak jak napisałem

[Shili]

Jednak moim zdaniem lepiej jest skorzystać z setAttribute i removeAttribute zamiast disabled="". To tak na marginesie.

[drPayton]

@Shili: Uzasadnij proszę. Z chęcią dowiem się czegoś nowego (nie, tu nie ma złośliwości, poważnie pytam

@down: Aaaa, myślałem, że to co naskrobałem nie działa w jakiś przypadkach No, niewątpliwie lepiej wygląda Twoje podejście

Ten post edytował drPayton 17.09.2008, 11:47:28

[Shili]

Bardziej eleganckie. I profesjonalne. Skoro atrybut nie jest potrzebny nie ma sensu zostawiać pustej wartości, skoro bez żadnego problemu można ten atrybut usunąć, a później go przywrócić w razie potrzeby. W kodzie nie zostają żadne śmieci.
Oczywiście - ustawianie atrybutu jako pusty nie jest niepoprawnością ze względu na strukturę dokumentu.

W tym momencie funkcja check_reciever() wyglądałaby jakoś tak:

Kod

function check_reciever(){
    var form_compose=document.getElementById('friends_list');
    var selIndex=form_compose.selectedIndex;
    if (selIndex != 0) {
        document.forms['compose_form']['reciever'][0].setAttribute('disabled', 'disabled');
    } else {
        document.forms['compose_form']['reciever'][0].removeAttribute('disabled');
    }
}

Ten post edytował Shili 17.09.2008, 11:42:06