I am trying to autoexpand a sliding Pane(Search Pane) when the user comes to this page. It works fine in IE and Safari(Ipad users). They(Program Director) would like this functionality in Firefox. I am running the latest version of Firefox, but I am getting a Javascript error when I try to call this code:
"zone" is coming back undefined. Below is my partial HTML.
Environment:
Windows 7
Firefox 4.0.1
Latest Version of the Telerik AJAX Controls: 2011.1.413.40
ASP.NET 4.0
Visual Studio 2010
Thanks
Mark
function
OpenSearchPanel(searchZone,
searchPanelId)<BR>
{<BR>
try
<BR>
{<BR>
<BR>
var
zone =
$find(searchZone);<BR>
zone.expandPane(searchPanelId);<BR>
}<BR>
catch
(err)
<BR>
{<BR>
alert(
'Error opening Search Panel. '
+
err.Message);<BR>
return
;<BR>
}<BR> }
"zone" is coming back undefined. Below is my partial HTML.
<
telerik:RadPane
ID
=
"SearchPane"
runat
=
"server"
Height
=
"100%"
Width
=
"20px"
Style="position:
relative;"><
BR
>
<
telerik:RadSlidingZone
ID
=
"RadSlidingSearchZone"
runat
=
"server"
SlideDirection
=
"Left"
><
BR
>
<
telerik:RadSlidingPane
ID
=
"RadSlidingPane1"
EnableDock
=
"false"
runat
=
"server"
Width
=
"240px"
Title
=
"Search"
Scrolling
=
"Y"
><
BR
>
<!--SEARCH
PANEL--><
BR
>
<
telerik:RadPanelBar
ID
=
"radSearchPanel"
runat
=
"server"
><
BR
>
<
Items
><
BR
>
<
telerik:RadPanelItem
runat
=
"server"
Expanded
=
"true"
Width
=
"240px"
><
BR
>
<
ContentTemplate
><
BR
>
<
table
class
=
"searchForm"
width
=
"215px"
border
=
"0"
><
BR
>
<
tr
><
BR
>
<
td
class
=
"searchSectionLabel"
><
BR
>
Name<
BR
>
</
td
><
BR
>
</
tr
><
BR
>
<
tr
><
BR
>
<
td
>
<
BR
>
<
asp:TextBox
ID
=
"txtTalentSearch"
CssClass
=
"textFields"
runat
=
"server"
TabIndex
=
"0"
<BR>
Width="200px"></
asp:TextBox
><
BR
>
</
td
><
BR
>
</
tr
><
BR
>
<
tr
><
BR
>
<
td
class
=
"searchSectionLabel"
><
BR
>
Agent<
BR
>
</
td
><
BR
>
</
tr
><
BR
>
<
tr
><
BR
>
<
td
><
BR
>
<
telerik:RadComboBox
ID
=
"cboAgentSearch"
runat
=
"server"
EmptyMessage="Type to
Search..."<BR>
EnableAutomaticLoadOnDemand="true" EnableVirtualScrolling="true"
ItemsPerRequest="100"<
BR
>
MarkFirstMatch="True" Skin="WebBlue"
Width="205px"><
BR
>
<
WebServiceSettings
Method
=
"GetAgents"
Path
=
"Talent.aspx"
/><
BR
>
</
telerik:RadComboBox
><
BR
>
</
td
><
BR
>
</
tr
><
BR
>
<
tr
><
BR
>
<
td
class
=
"searchSectionLabel"
><
BR
>
Agency<
BR
>
</
td
><
BR
>
</
tr
><
BR
>
<
tr
><
BR
>
<
td
><
BR
>
<
telerik:RadComboBox
ID
=
"cboAgencySearch"
runat
=
"server"
EmptyMessage="Type
to
Search..."<BR>
EnableVirtualScrolling="true" ItemsPerRequest="100"
EnableAutomaticLoadOnDemand="true"<
BR
>
MarkFirstMatch="True" Skin="WebBlue"
Width="205px"><
BR
>
<
WebServiceSettings
Method
=
"GetAgencies"
Path
=
"Talent.aspx"
/><
BR
>
</
telerik:RadComboBox
><
BR
>
</
td
><
BR
>
</
tr
><
BR
>
<
tr
><
BR
>
<
td
class
=
"searchSectionLabel"
><
BR
>
Credit<
BR
>
</
td
><
BR
>
</
tr
><
BR
>
<
tr
><
BR
>
<
td
><
BR
>
<
telerik:RadComboBox
ID
=
"cboCreditSearch"
runat
=
"server"
EmptyMessage="Type
to
Search..."<BR>
EnableVirtualScrolling="true" ItemsPerRequest="100"
EnableAutomaticLoadOnDemand="true"<
BR
>
MarkFirstMatch="True" Skin="WebBlue" Width="205px"
<
BR
>
><
BR
>
<
WebServiceSettings
Method
=
"GetCredits"
Path
=
"Talent.aspx"
/><
BR
>
</
telerik:RadComboBox
><
BR
>
</
td
><
BR
>
</
tr
><
BR
>
<
tr
><
BR
>
<
td
align
=
"left"
valign
=
"top"
class
=
"searchSectionLabel"
><
BR
>
Genre<
BR
>
<
BR
>
<
asp:Image
ID
=
"imgGenreSearch"
runat
=
"server"
ImageUrl
=
"~/Images/Search.gif"
Visible
=
"false"
/><
BR
>
</
td
><
BR
>
</
tr
><
BR
>
<
tr
><
BR
>
<
td
><
BR
>
<
asp:ListBox
ID
=
"lstGenreSearch"
CssClass
=
"textFields"
SelectionMode
=
"Multiple"
runat
=
"server"
<BR>
Width="205px"
OnSelectedIndexChanged="SearchListBox_SelectedIndexChanged"<
BR
>
AutoPostBack="true"></
asp:ListBox
><
BR
>
</
td
><
BR
>
</
tr
><
BR
>
<
tr
><
BR
>
<
td
align
=
"left"
valign
=
"top"
class
=
"searchSectionLabel"
><
BR
>
Strength<
BR
>
<
BR
>
<
asp:Image
ID
=
"imgStrengthSearch"
runat
=
"server"
ImageUrl
=
"~/Images/Search.gif"
Visible
=
"false"
/><
BR
>
</
td
><
BR
>
</
tr
><
BR
>
<
tr
><
BR
>
<
td
><
BR
>
<
asp:ListBox
ID
=
"lstStrengthSearch"
CssClass
=
"textFields"
SelectionMode
=
"Multiple"
<BR>
runat="server" Width="205px"
OnSelectedIndexChanged="SearchListBox_SelectedIndexChanged"<
BR
>
AutoPostBack="true"></
asp:ListBox
><
BR
>
</
td
><
BR
>
</
tr
><
BR
>
<
tr
><
BR
>
<
td
align
=
"left"
valign
=
"top"
class
=
"searchSectionLabel"
><
BR
>
Specialty<
BR
>
<
BR
>
<
asp:Image
ID
=
"imgSpecialtySearch"
runat
=
"server"
ImageUrl
=
"~/Images/Search.gif"
Visible
=
"false"
/><
BR
>
</
td
><
BR
>
</
tr
><
BR
>
<
tr
><
BR
>
<
td
><
BR
>
<
asp:ListBox
ID
=
"lstSpecialtySearch"
SelectionMode
=
"Multiple"
Width
=
"205px"
Height
=
"100px"
<BR>
runat="server"
OnSelectedIndexChanged="SearchListBox_SelectedIndexChanged"<
BR
>
AutoPostBack="true"><
BR
>
</
asp:ListBox
><
BR
>
</
td
><
BR
>
</
tr
><
BR
>
<
tr
><
BR
>
<
td
class
=
"searchSectionLabel"
><
BR
>
<
asp:CheckBox
ID
=
"chkTarget"
runat
=
"server"
CssClass
=
"textFields"
Text
=
"Target"
/><
BR
>
</
td
><
BR
>
</
tr
><
BR
>
<
tr
><
BR
>
<
td
class
=
"searchSectionLabel"
><
BR
>
Note<
BR
>
<
BR
>
<
asp:Image
ID
=
"imgNoteSearch"
runat
=
"server"
ImageUrl
=
"~/Images/Search.gif"
Visible
=
"false"
/><
BR
>
</
td
><
BR
>
</
tr
><
BR
>
<
tr
><
BR
>
<
td
><
BR
>
<
asp:ListBox
ID
=
"lstNoteSearch"
runat
=
"server"
SelectionMode
=
"Multiple"
Width
=
"205px"
OnSelectedIndexChanged
=
"SearchListBox_SelectedIndexChanged"
<BR>
AutoPostBack="true"><
BR
>
<
BR
>
</
asp:ListBox
><
BR
>
</
td
><
BR
>
</
tr
><
BR
>
<
tr
><
BR
>
<
td
class
=
"searchSectionLabel"
><
BR
>
<
asp:CheckBox
ID
=
"ckAvailableOnlySearch"
runat
=
"server"
Text
=
"Available Only"
/><
BR
>
</
td
><
BR
>
</
tr
><
BR
>
<
tr
><
BR
>
<
td
class
=
"searchSectionLabel"
><
BR
>
<
asp:CheckBox
ID
=
"ckIncludeInactiveSearch"
runat
=
"server"
Text="Include
Inactive"
/><
BR
>
</
td
><
BR
>
</
tr
><
BR
>
<
tr
><
BR
>
<
td
align
=
"right"
class
=
"searchSectionLabel"
><
BR
>
<
telerik:RadButton
ID
=
"btnSearch"
OnClick
=
"btnSearch_Click"
runat
=
"server"
Text
=
"Search"
<BR>
Skin="WebBlue"><
BR
>
</
telerik:RadButton
><
BR
>
<
telerik:RadButton
ID
=
"btnReset"
OnClick
=
"btnReset_Click"
runat
=
"server"
Text
=
"Reset"
<BR>
Skin="WebBlue"><
BR
>
</
telerik:RadButton
><
BR
>
</
td
><
BR
>
</
tr
><
BR
>
</
table
><
BR
>
</
ContentTemplate
><
BR
>
</
telerik:RadPanelItem
><
BR
>
</
Items
><
BR
>
</
telerik:RadPanelBar
><
BR
>
</
telerik:RadSlidingPane
><
BR
>
</
telerik:RadSlidingZone
><
BR
>
</
telerik:RadPane
><
BR
><
BR
>
Environment:
Windows 7
Firefox 4.0.1
Latest Version of the Telerik AJAX Controls: 2011.1.413.40
ASP.NET 4.0
Visual Studio 2010
Thanks
Mark