ONCHANGE= only working in IE

[MadMax]

<P><FORM method="GET" action="/timesheet/enter_times.php" NAME="pp">
<label for="pay_period">Select the pay period to enter hours for:</label><br>
<SELECT id="pay_period" NAME="pay_period" ONCHANGE="document.pp.submit()">
	<OPTION VALUE="1368360000" >May 13, 2013 -> May 19, 2013</OPTION>
	<OPTION VALUE="1368964800" SELECTED>May 20, 2013 -> May 26, 2013</OPTION>
</SELECT>
</FORM>

^ some really old code that is still in use, I'm guessing it only works in IE because it just ignores whatever coding issue there is. Toggling the week in the OPTION is supposed to change (submit) the page.

[crocos]

This might help - not sure, haven't watched.
http://www.youtube.com/watch?v=7O9K_ULKOzU

Also the W3 reference page:
http://www.w3.org/TR/WCAG20-TECHS/SCR19

[crocos]

Hmm... this might be better - basically a question & response on how to submit a form on-change from a Select:
http://stackoverflow.com/questions/1...-a-form-to-php

In short, in the onChange call out to a Javascript function rather than trying to submit directly from the form.

[Farmer Joe]

<form method="GET" action="/timesheet/enter_times.php" name="pp" id="pp">
<label for="pay_period">Select the pay period to enter hours for:</label><br>
<select id="pay_period" name="pay_period" onchange="document.getElementById('pp').submit();">
	<option value="1368360000" >May 13, 2013 -> May 19, 2013</option>
	<option value="1368964800" selected="selected">May 20, 2013 -> May 26, 2013</option>
</select>
</form>

Note: Added id to form and used document.getElementById to get, then submit it.

[MadMax]

^ epic. With any luck I'll give it a go tomorrow

[crocos]

Bloody FarmerJoe coming in with elegant and relevant solutions.

You fucking guy! You kick my dog!

[Farmer Joe]

Originally Posted by crocos

Bloody FarmerJoe coming in with elegant and relevant solutions.

You fucking guy! You kick my dog!

haha

[EvilLumpy]

this.form.submit() should do the trick without needing to add any id's.

If you've got the willpower, jquery would fix it all for ya.

[crocos]

Originally Posted by EvilLumpy

this.form.submit() should do the trick without needing to add any id's.

If you've got the willpower, jquery would fix it all for ya.

You sure? "this" would refer to the Select, which does not have a form attribute.

[MadMax]

<FORM method="GET" action="/timesheet/enter_times.php" NAME="pp" id="pp">
    <label for="pay_period">Select the pay period to enter hours for:</label><br>
    <SELECT id="pay_period" NAME="pay_period" ONCHANGE="document.getElementById('pp').submit();">
        <OPTION VALUE="{$week1}" {if $pay_period==$week1}SELECTED{/if}>{$week1|date_format} -> {$week1_end|date_format}</OPTION>
        <OPTION VALUE="{$week2}" {if $pay_period==$week2}SELECTED{/if}>{$week2|date_format} -> {$week2_end|date_format}</OPTION>
    </SELECT>
</FORM>

is what I've changed it to (and have supplied code from the php rather than from the browser), however still the same result

[MadMax]

Originally Posted by EvilLumpy

this.form.submit() should do the trick without needing to add any id's.

Originally Posted by crocos

You sure? "this" would refer to the Select, which does not have a form attribute.

yeah, result is it stops working completely

[Farmer Joe]

Originally Posted by MadMax

<FORM method="GET" action="/timesheet/enter_times.php" NAME="pp" id="pp">
    <label for="pay_period">Select the pay period to enter hours for:</label><br>
    <SELECT id="pay_period" NAME="pay_period" ONCHANGE="document.getElementById('pp').submit();">
        <OPTION VALUE="{$week1}" {if $pay_period==$week1}SELECTED{/if}>{$week1|date_format} -> {$week1_end|date_format}</OPTION>
        <OPTION VALUE="{$week2}" {if $pay_period==$week2}SELECTED{/if}>{$week2|date_format} -> {$week2_end|date_format}</OPTION>
    </SELECT>
</FORM>

is what I've changed it to (and have supplied code from the php rather than from the browser), however still the same result

That doesn't look like any PHP code I've ever seen?

[MadMax]

PEAR + Smarty