Advertisement

05.14.2008 at 07:20PM PDT, ID: 23403812 | Points: 500
[x]
Attachment Details

Set CSS on labels via javascript.   ) expected

Ok, my entire f'ing page, as nasty as this may be:

 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CateringRequest.aspx.cs" MasterPageFile="~/MasterPages/Sub.master" Inherits="Web.CateringRequest" %>

<%@ Register Assembly="eWorld.UI, Version=2.0.6.2393, Culture=neutral, PublicKeyToken=24d65337282035f2"
    Namespace="eWorld.UI" TagPrefix="ew" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder_TopRight" runat="Server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder_MainBody" runat="Server">

<script type ="text/javascript" >
function NumberOfPeopleSelected(this)
{
    alert(this);
    if (this <= 10)
    {
        document.getElementById('lblNumberPeople1').className ='entree_matrix_activerow';
        document.getElementById('lblNumberEntrees1').className='entree_matrix_activerow';
    }
    else if (this >= 10 && this <= 30)
    {
        document.getElementById('lblNumberPeople2').className ='entree_matrix_activerow';
        document.getElementById('lblNumberEntrees2').className ='entree_matrix_activerow';
    }
    else if (this >= 30 && this <= 35)
    {
        document.getElementById('lblNumberPeople3').className ='entree_matrix_activerow';
        document.getElementById('lblNumberEntrees3').className ='entree_matrix_activerow';
    }
    else if (this >= 75)
    {
        document.getElementById('lblNumberPeople4').className = 'entree_matrix_activerow1';
        document.getElementById('lblNumberEntrees4').className ='entree_matrix_activerow';
    }
}

</script>


<tr>
    <td background="images/cent_back.gif">
        <table width="758" border="0" cellpadding="0" cellspacing="0">
            <tr class="screen">
                <td valign="top" align="center" background="images/cent_back.gif">
                    <table cellspacing="0" cellPadding="0" width="677" border="0">
                        <tr>
                            <td valign="top" align="center">
                                <br />
                                <table class="form_outer_table" cellspacing="0" cellPadding="0" width="650" align="center" border="0">
                                    <tr class="screen">
                                        <td class="contactform_header" align="center"><asp:Label ID="lblMainFormTitle" runat="server" /></td>
                                    </tr>
                                    <tr>
                                        <td align="left">
                                           <table cellspacing="0" cellpadding="0" border="0" class="table_sub">
                                            <tr>
                                                <td class="warning_bold_medium">
                                                    <asp:Label ID="lblNote" runat="server"/>&nbsp;<asp:Label ID="lblSubmissionTime" runat="server"/>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="2" align="left">
                                                    <asp:Label ID="lblNoteList" runat="server"/>
                                                </td>
                                            </tr>
                                           </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="contactform_subheader" align="center"><asp:Label ID="lblEventInformationTitle" runat="server" /></td>
                                    </tr>
                                    <tr>
                                        <td class="form_row_colname2" align="center" colSpan="3">
                                            <br />
                                            <table class="form_inner_table2" cellspacing="0" cellpadding="0" border="0">
                                                <tr><td><asp:Label ID="lblCateringItemsIncluded" runat=server /><br /></td></tr>
                                                <asp:Repeater ID="rptCateringItemIncluded" runat="server">
                                                    <ItemTemplate>
                                                         <tr>
                                                            <td align="left" class="alternatelist1">
                                                                <asp:Image ID="Image11" ImageUrl="images/arrow_right.gif" runat="server" />
                                                                <%# DataBinder.Eval(Container.DataItem,"CateringItemIncludedName")%><br />
                                                            </td>
                                                        </tr>
                                                    </ItemTemplate>
                                                    <AlternatingItemTemplate>
                                                         <tr>
                                                            <td align="left" class="alternatelist2">
                                                                <asp:Image ID="Image11" ImageUrl="images/arrow_right.gif" runat="server" />
                                                                <%# DataBinder.Eval(Container.DataItem,"CateringItemIncludedName")%><br />
                                                            </td>
                                                        </tr>
                                                    </AlternatingItemTemplate>
                                                </asp:Repeater>
                                            </table>
                                            <br />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="contactform_subheader" align="center"><asp:Label ID="lblPrimaryContactTitle" runat="server" /></td>
                                    </tr>
                                    <tr>
                                        <td class="form_row_colname2" align="left" colSpan="3">
                                            <br />
                                            <table cellspacing="0" cellpadding="0" border="0" class="table_container">
                                                <tr>
                                                    <td align="left" valign="top">
                                                        <table id="1" cellspacing="0" cellpadding="1" border="0">
                                                            <tr>
                                                                <td align="right" width="220px"><asp:Label CssClass="label_aspnet_control" ID="lblEventType" runat="server" /></td>
                                                                <td align="left"><asp:dropdownlist id="ddlEventType" runat="server" /></td>
                                                            </tr>
                                                            <tr>
                                                                <td align="right" width="220px"><asp:Label CssClass="label_aspnet_control" ID="lblCompanyName" runat="server" /></td>
                                                                <td align="left" colspan="4"><asp:TextBox ID="txtCompanyName" runat="server" /></td>
                                                            </tr>
                                                            <tr>
                                                                <td align="right" width="220px"><asp:Label CssClass="label_aspnet_control" ID="lblFirstName" runat="server" /></td>
                                                                <td align="left" colspan="4"><asp:TextBox ID="txtFirstName" runat="server" /></td>
                                                            </tr>
                                                            <tr>
                                                                <td align="right" width="220px"><asp:Label CssClass="label_aspnet_control" ID="lblLastName" runat="server" /></td>
                                                                <td align="left" colspan="4"><asp:TextBox ID="txtLastName" runat="server" /></td>
                                                            </tr>
                                                            <tr>
                                                                <td align="right" width="220px"><asp:Label CssClass="label_aspnet_control" ID="lblStreet" runat="server" /></td>
                                                                <td align="left" colspan="4"><asp:TextBox ID="txtStreet" runat="server" /></td>
                                                            </tr>
                                                            <tr>
                                                                <td align="right" width="220px"><asp:Label CssClass="label_aspnet_control" ID="lblCity" runat="server" /></td><td align="left"><asp:dropdownlist id="ddlCity" Width="200" runat="server" />, &nbsp;</td>
                                                                <td align="left"><asp:Label CssClass="label_aspnet_control" ID="lblState" runat="server" />&nbsp;</td>
                                                                <td align="left"><asp:Label CssClass="label_aspnet_control" ID="lblZip" runat="server" /></td><td align="left"><asp:TextBox ID="txtZip" runat="server" /></td>
                                                            </tr>
                                                            <tr>
                                                                <td align="right" width="220px"><asp:Label CssClass="label_aspnet_control" ID="lblPrimaryContactEmail" runat="server" /></td>
                                                                <td align="left"><asp:TextBox ID="txtPrimaryContactEmail" runat="server" /></td>                                                            
                                                            </tr>
                                                            <tr>
                                                                <td align="right" width="220px">
                                                                    <asp:Label CssClass="label_aspnet_control" ID="lblPrimaryContactPhone" runat="server" />    
                                                                </td>
                                                                <td align="left" valign="middle">
                                                                    <asp:TextBox ID="txtPrimaryPhone" runat="server" Width="180px" />
                                                                    <cc1:MaskedEditExtender ID="MaskedEditExtender2" runat="server"
                                                                        TargetControlID="txtPrimaryPhone"
                                                                        Mask="999-999-9999"
                                                                        MessageValidatorTip="true"
                                                                        OnFocusCssClass="MaskedEditFocus"
                                                                        OnInvalidCssClass="MaskedEditError"
                                                                        MaskType="Number"
                                                                        InputDirection="RightToLeft"
                                                                        AcceptNegative="Left"
                                                                        DisplayMoney="Left"
                                                                        ErrorTooltipEnabled="True" />
                                                                 </td>
                                                            </tr>
                                                            <tr>
                                                                  <td align="right">
                                                                    <cc1:MaskedEditValidator ID="MaskedEditValidator2" runat="server"
                                                                        ControlExtender="MaskedEditExtender2"
                                                                        ControlToValidate="txtPrimaryPhone"
                                                                        IsValidEmpty="False"
                                                                        EmptyValueMessage="Number is required"
                                                                        InvalidValueMessage="Number is invalid"
                                                                        Display="Dynamic"
                                                                        ValidationGroup="MKE" />
                                                                   </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="contactform_subheader" align="center"><asp:Label ID="lblEventDetails" runat="server" /></td>
                                    </tr>
                                    <tr>
                                        <td class="form_row_colname2" align="left" colspan="3">
                                            <br />
                                            <table cellspacing="0" cellpadding="0" border="0" class="table_container" width="100%">
                                                <tr>
                                                    <td align="left" valign="top" width="50%" style="border-right: 1px solid #000000;">
                                                        <table cellspacing="0" cellpadding="2" border="0" width="100%">
                                                         <!-- Note: tables added in some <td> tags to allow fields widths to be flexible in some cases below -->
                                                            <tr>
                                                                <td>
                                                                    <table cellspacing="0" cellpadding="0" border="0">
                                                                        <tr>
                                                                            <td align="right" width="150px">
                                                                                <asp:Label CssClass="label_aspnet_control" ID="lblEventDate" runat="server" />
                                                                            </td>
                                                                            <td align="left">
                                                                                    <asp:TextBox CssClass="label_aspnet_control" ID="DateTextBox" runat="server" autocomplete="off" />
                                                                                    <asp:Panel ID="Panel1" runat="server">
                                                                                        <asp:UpdatePanel runat="server" ID="up1">
                                                                                            <ContentTemplate>
                                                                                               <center>
                                                                                                    <asp:Calendar ID="Calendar1" runat="server" Width="160px" DayNameFormat="Shortest"
                                                                                                        BackColor="White" BorderColor="#999999" CellPadding="1" Font-Names="Verdana"
                                                                                                        Font-Size="8pt" ForeColor="Black" OnSelectionChanged="Calendar1_SelectionChanged">
                                                                                                            <SelectedDayStyle BackColor="#666666" Font-Bold="True" ForeColor="White" />
                                                                                                            <TodayDayStyle BackColor="#CCCCCC" ForeColor="Black" />
                                                                                                            <SelectorStyle BackColor="#CCCCCC" />
                                                                                                            <WeekendDayStyle BackColor="#FFFFCC" />
                                                                                                            <OtherMonthDayStyle ForeColor="#808080" />
                                                                                                            <NextPrevStyle VerticalAlign="Bottom" />
                                                                                                            <DayHeaderStyle BackColor="#CCCCCC" Font-Bold="True" Font-Size="7pt" />
                                                                                                            <TitleStyle BackColor="#999999" Font-Size="7pt" BorderColor="Black" Font-Bold="True" />
                                                                                                    </asp:Calendar>
                                                                                                </center>
                                                                                            </ContentTemplate>
                                                                                        </asp:UpdatePanel>
                                                                                    </asp:Panel>
                                                                                    <cc1:PopupControlExtender ID="PopupControlExtender1" runat="server"
                                                                                        TargetControlID="DateTextBox"
                                                                                        PopupControlID="Panel1"
                                                                                        Position="Bottom" />
                                                                            </td>                                                        
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <table cellspacing="0" cellpadding="0" border="0">
                                                                        <tr>
                                                                            <td align="right" colspan="2" width="150px" valign="middle">
                                                                                <asp:Label CssClass="label_aspnet_control" ID="lblEventTime" runat="server" />
                                                                            </td>
                                                                            <td align="left" valign="middle">
                                                                                <ew:TimePicker ID="ctEventTime" runat="server">
                                                                                </ew:TimePicker>
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <table cellspacing="0" cellpadding="0" border="0" width="100%">
                                                                        <tr>
                                                                            <td align="right" colspan="4"><asp:Label CssClass="label_aspnet_control" ID="lblDeliveryNote" runat="server" /></td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>                                                            
                                                            <tr>
                                                                <td>
                                                                    <table cellspacing="0" cellpadding="0" border="0">
                                                                        <tr>
                                                                            <td align="right" width="150px"><asp:Label CssClass="label_aspnet_control" ID="lblNumberOfPeople" runat="server" /></td>
                                                                            <td align="left"><asp:TextBox ID="txtNumberOfPeople" OnTextChanged="javascript:return NumberOfPeopleSelected(this);" runat="server" /></td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>                                                            
                                                        </table>
                                                    </td>
                                                    <td align="left" valign="top" width="50%">
                                                        <table cellspacing="0" cellpadding="2" border="0">
                                                         <!-- Note: tables added in some <td> tags to allow fields widths to be flexible in some cases below -->
                                                            <tr>
                                                                <td>
                                                                    <table cellspacing="0" cellpadding="0" border="0">
                                                                        <tr>
                                                                            <td align="right" width="120px"><asp:Label CssClass="label_aspnet_control" ID="lblTransportType" runat="server" /></td><td align="left"><asp:dropdownlist id="ddlTransportType" runat="server" /></td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                            <asp:Panel ID="pnlDelivery_Pickup_time" runat="server">
                                                            <tr>
                                                                <td>
                                                                    <table cellspacing="0" cellpadding="0" border="0">
                                                                        <tr>
                                                                            <td align="right" width="120px">
                                                                                <asp:Label CssClass="label_aspnet_control" ID="lblDeliveryPickUpTime" runat="server" />
                                                                            </td>
                                                                            <td>
                                                                                <ew:TimePicker ID="ctDeliveryPickupTime" runat="server">
                                                                                </ew:TimePicker>
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                            </asp:Panel>
                                                            <asp:Panel ID="pnlDeliveryAddress" runat="server">
                                                            <tr>
                                                                <td>
                                                                    <table cellspacing="0" cellpadding="0" border="0">
                                                                        <tr>
                                                                            <td align="right" width="120px"><asp:Label CssClass="label_aspnet_control" ID="lblDeliveryStreet" runat="server" /></td><td align="left" colspan="4"><asp:TextBox ID="txtDeliveryStreet" runat="server" /></td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <table cellspacing="0" cellpadding="0" border="0">
                                                                        <tr>
                                                                            <td align="right" width="120px"><asp:Label CssClass="label_aspnet_control" ID="lblDeliveryCity" runat="server" /></td>
                                                                            <td align="left"><asp:dropdownlist id="ddlDeliveryCity" runat="server" />,&nbsp;</td>
                                                                            <td align="right"><asp:Label CssClass="label_aspnet_control" ID="lblDeliveryState" runat="server" />&nbsp;</td>
                                                                            <td align="right"><asp:Label CssClass="label_aspnet_control" ID="lblDeliveryZip" runat="server" /></td><td align="left"><asp:TextBox ID="txtDeliveryZip" runat="server" /></td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                            </asp:Panel>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="contactform_subheader" align="center"><asp:Label CssClass="label_aspnet_control" ID="lblChooseEntrees" runat="server" /></td>
                                    </tr>
                                    <tr>
                                        <td class="form_row_colname2" align="left" colspan="3">
                                            <br />
                                            <table cellspacing="0" cellpadding="0" border="0" class="table_container" width="100%">
                                                <tr>
                                                    <td align="left" valign="top" width="50%" style="border-right: 1px solid #000000;">
                                                        <table cellspacing="0" cellpadding="0" border="0">
                                                         <!-- Note: tables added in some <td> tags to allow fields widths to be flexible in some cases below -->
                                                            <tr>
                                                                <td valign="top">
                                                                    <table cellspacing="0" cellpadding="2" border="0" width="100%">
                                                                        <tr>
                                                                            <td align="left" colspan="2"><asp:Label CssClass="label_aspnet_control" ID="lblNumberPeopleSelected" runat="server" /></td>                                                                        
                                                                        </tr>
                                                                        <tr><td height="2px">&nbsp</td></tr>
                                                                        <tr>
                                                                            <td align="left" colspan="2"><asp:Label CssClass="label_aspnet_control" ID="lblPeoplePerEntree" runat="server" /></td>                                                                        
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td valign="top">
                                                                    <table cellspacing="0" cellpadding="2" border="0">
                                                                        <tr><td height="2px">&nbsp</td></tr>
                                                                        <tr>
                                                                            <td align="left">
                                                                                <table class="form_inner_table2" cellspacing="0" cellpadding="0" border="0">
                                                                                    <tr>
                                                                                        <td class="legend_header_small" align="left"><asp:Label CssClass="label_aspnet_control" ID="lblNumberPeopleHeader" runat="server" /></td>
                                                                                        <td class="legend_header_small" align="left"><asp:Label ID="lblNumberEntreesHeader" runat="server" /></td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td class="legend_text"><div id="NumberPeople1"><asp:Label CssClass="lblNumberPeople1" ID="lblNumberPeople1" runat="server" /></div></td>
                                                                                        <td align="left" class="legend_text"><asp:Label CssClass="label_aspnet_control" ID="lblNumberEntrees1" runat="server" /></td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td class="legend_text"><asp:Label CssClass="label_aspnet_control" ID="lblNumberPeople2" runat="server" /></td>
                                                                                        <td align="left" class="legend_text"><asp:Label CssClass="label_aspnet_control" ID="lblNumberEntrees2" runat="server" /></td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td class="legend_text"><asp:Label CssClass="label_aspnet_control" ID="lblNumberPeople3" runat="server" /></td>
                                                                                        <td align="left" class="legend_text"><asp:Label CssClass="label_aspnet_control" ID="lblNumberEntrees3" runat="server" /></td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <td class="legend_text"><asp:Label CssClass="label_aspnet_control" ID="lblNumberPeople4" runat="server" /></td>
                                                                                        <td align="left" class="legend_text"><asp:Label CssClass="label_aspnet_control" ID="lblNumberEntrees4" runat="server" /></td>
                                                                                    </tr>                                                                                                                                                                        
                                                                                </table>
                                                                            </td>
                                                                        </tr>
                                                                        <tr><td height="2px">&nbsp</td></tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <table cellspacing="0" cellpadding="0" border="0">
                                                                        <tr>
                                                                            <td align="left" colspan="3">
                                                                                <asp:Label CssClass="label_aspnet_control" ID="lblSelectEntrees" runat="server" />
                                                                                nbsp;&nbsp;<asp:Image ID="imgArrowBigRight" ImageUrl="images/arrow_big_right.png" runat="server" />
                                                                            </td>                                                                        
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>                                                        
                                                        </table>
                                                    </td>
                                                   
                                                    <td align="left" width="50%" valign="top">
                                                        <table cellspacing="0" cellpadding="0" border="0">
                                                         <!-- Note: tables added in some <td> tags to allow fields widths to be flexible in some cases below -->
                                                            <tr>
                                                                <td>
                                                                    <table cellspacing="0" cellpadding="2" border="0">
                                                                        <tr>
                                                                            <td align="left"><asp:Label CssClass="label_aspnet_control" ID="lblEligibleEntrees" runat="server" /></td>                                                                        
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <table cellspacing="0" cellpadding="0" border="0">
                                                                        <tr>
                                                                            <td align="left">
                                                                                <table cellspacing="0" cellpadding="0" border="0">
                                                                                    <tr>
                                                                                        <td align="left">
                                                                                            <asp:CheckBoxList ID="cblistEntreeSelections" runat="server" />
                                                                                        </td>
          &