Hi all I am testing the use of jquery to add a slider to my page. *With the hope of learning enough to be able to use the jquery dropable function eventually.
However when I run the page I do not get the expected results. (there's a surprise)
I am running apex 4.0.1, I believe I referenced the correct libraries etc..
But when I run the page I do not see the slider object - just a text box with $[object Object] - $[object Object] in it. It's probably a dumb mistake but I've looked at it for too long.
I have included the source code from my page.
Any assistance would be appreciated as always. ....Moe
<HEAD><TITLE>Page 1</TITLE><LINK href="/i/favicon.ico" type=image/x-icon rel=icon><LINK href="/i/favicon.ico" type=image/x-icon rel="shortcut icon"><LINK href="/i/css/apex_4_0.css" type=text/css rel=stylesheet><LINK href="/i/css/apex_ie_4_0.css" type=text/css rel=stylesheet><LINK href="/i/libraries/jquery-ui/1.8/themes/base/jquery-ui-1.8.custom.min.css" type=text/css rel=stylesheet>
<SCRIPT type=text/javascript>var apex_img_dir = "/i/", htmldb_Img_Dir = apex_img_dir;</SCRIPT>
<SCRIPT src="/i/libraries/jquery/1.4.2/jquery-1.4.2.min.js" type=text/javascript></SCRIPT>
<SCRIPT src="/i/javascript/apex_4_0.js" type=text/javascript></SCRIPT>
<SCRIPT src="/i/javascript/apex_legacy_4_0.js" type=text/javascript></SCRIPT>
<SCRIPT src="/i/javascript/apex_widget_4_0.js" type=text/javascript></SCRIPT>
<SCRIPT src="/i/javascript/apex_dynamic_actions_4_0.js" type=text/javascript></SCRIPT>
<SCRIPT src="/i/libraries/jquery-ui/1.8/ui/minified/jquery-ui-1.8.custom.min.js" type=text/javascript></SCRIPT>
<LINK href="/i/libraries/jquery-ui/1.8/themes/base/jquery.ui.slider.css" type=text/css rel=stylesheet>
<SCRIPT src="/i/libraries/jquery-ui/1.8/ui/minified/jquery.ui.slider.min.js" type=text/javascript></SCRIPT>
<META http-equiv=Content-Type content="text/html; charset=utf-8"><LINK href="/i/themes/theme_17/css/theme_4_0.css" type=text/css rel=stylesheet><LINK href="/i/themes/theme_17/css/theme_4_0_ie.css" type=text/css rel=stylesheet><LINK href="/i/themes/theme_17/css/theme_4_0_ie7.css" type=text/css rel=stylesheet></HEAD>
<BODY>
<FORM id=wwvFlowForm name=wwv_flow action=wwv_flow.accept method=post><INPUT id=pFlowId type=hidden value=136 name=p_flow_id><INPUT id=pFlowStepId type=hidden value=1 name=p_flow_step_id><INPUT id=pInstance type=hidden value=1787692007560652 name=p_instance><INPUT id=pPageSubmissionId type=hidden value=1402127843679050 name=p_page_submission_id><INPUT id=pRequest type=hidden name=p_request>
<SCRIPT type=text/javascript>
$(function() {
$("#price_range_slider").slider({
range: true,
min: 0,
max: 1000,
values: [0, 100],
slide: function(event, ui) {
$("#P1_PRICE_RANGE").val('$' + ui.values[0] + ' - $' + ui.values[1]);
}
});
$("#P1_PRICE_RANGE").val('$' + $("#price_range_slider").slider("values", 0) +
' - $' + $("#price_range_slider").slider("values", 1));
});
</SCRIPT>
<DIV id=header>
<DIV id=logo><a href="f?p=136:1:1787692007560652"></a></DIV>
<DIV id=navbar>
<DIV class=app-user>Welcome: GG5948</DIV>
<DIV class=navbar-entry><A class=navbar-link href="wwv_flow_custom_auth_std.logout?p_this_flow=136&p_next_flow_page_sess=136:1">Logout</A></DIV></DIV></DIV>
<DIV id=tabs>
<DIV class=frame>
<DIV class=bg>
<DIV class=tab-holder>
<DIV class=first-current>
<DIV>Page 1<A class=eLink title=Edit tabIndex=999 href="javascript:popupURL('f?p=4000:334:3496741138318172::::P334_ID,FB_FLOW_ID,FB_FLOW_PAGE_ID:1482529741208806,136,1');"><IMG class=eLink alt=Edit src="/i/e.gif"></A> </DIV></DIV></DIV></DIV></DIV></DIV>
<DIV id=topbar>
<DIV class=breadcrumb-region id=R1482802726208816>
<DIV id=breadcrumbs>
<UL class=breadcrumb-list>
<LI class=current>Page 1</LI></UL></DIV>
<DIV class=clear></DIV></DIV></DIV>
<DIV id=messages></DIV>
<DIV id=body>
<TABLE class=tbl-body cellSpacing=0 cellPadding=0 summary="" border=0>
<TBODY>
<TR>
<TD class=tbl-main width="100%">
<TABLE class=formlayout id=apex_layout_1483320015238135 summary="" border=0>
<TBODY>
<TR>
<TD noWrap align=right><LABEL tabIndex=999 for=P1_PRICE_RANGE><A class=optional-w-help tabIndex=999 href="javascript:popupFieldHelp('1483620493247664','1787692007560652')">Price Range</A></LABEL></TD>
<TD vAlign=center align=left><INPUT type=hidden value=1483620493247664 name=p_arg_names><INPUT id=P1_PRICE_RANGE maxLength=4000 size=30 value="$[object Object] - $[object Object]" name=p_t01>
<DIV id=”price_range_slider”></DIV><A class=eLink title=Edit tabIndex=999 href="javascript:popupURL('f?p=4000:371:3496741138318172::::P371_ID,FB_FLOW_ID,FB_FLOW_PAGE_ID:1483620493247664,136,1');"><IMG class=eLink alt=Edit src="/i/e.gif"></A></TD></TR></TBODY></TABLE></TD>
<TD class=tbl-sidebar></TD></TR></TBODY></TABLE></DIV>
<DIV id=footer>
<DIV class=content>
<DIV id=customize></DIV> </DIV></DIV><INPUT type=hidden name=p_md5_checksum></FORM>
<DIV id=htmldbDevToolbar>
<TABLE cellSpacing=0 cellPadding=0 align=center summary="" border=0>
<TBODY>
<TR>
<TD><A class=htmldbToolbar title="Application Express Home" href="f?p=4500:1000:3496741138318172">Home</A></TD>
<TD><A class=htmldbToolbar title="Application 136" href="f?p=4000:1:3496741138318172::NO:1,4150,RP:FB_FLOW_ID,FB_FLOW_PAGE_ID,F4000_P1_FLOW,F4000_P4150_GOTO_PAGE,F4000_P1_PAGE:136,1,136,1,1">Application 136</A></TD>
<TD><A class=htmldbToolbar title="Edit Page 1" href="f?p=4000:4150:3496741138318172::NO:1,4150:FB_FLOW_ID,FB_FLOW_PAGE_ID,F4000_P1_FLOW,F4000_P4150_GOTO_PAGE,F4000_P1_PAGE:136,1,136,1,1">Edit Page 1</A></TD>
<TD><A class=htmldbToolbar title=Create href="f?p=4000:336:3496741138318172::::FB_FLOW_ID,FB_FLOW_PAGE_ID,F4000_P1_FLOW,F4000_P4150_GOTO_PAGE,F4000_P1_PAGE:136,1,136,1,1">Create</A></TD>
<TD><A class=htmldbToolbar title=Session href="javascript:popupInfo()">Session</A></TD>
<TD><A class=htmldbToolbar title=Caching href="f?p=4000:14:3496741138318172::::FB_FLOW_ID,FB_FLOW_PAGE_ID,F4000_P1_FLOW,F4000_P4150_GOTO_PAGE,F4000_P1_PAGE:136,1,136,1,1">Caching</A></TD>
<TD><A class=htmldbToolbar title="View Debug" href="javascript:popupInfo2()">View Debug</A></TD>
<TD><A class=htmldbToolbar title=Debug href="f?p=136:1:1787692007560652::YES">Debug</A></TD>
<TD id=hideEdit style="DISPLAY: none"><A class=htmldbToolbar title="Hide Edit Links" href="javascript:quickLinks('HIDE');">Hide Edit Links</A></TD>
<TD id=showEdit><A class=htmldbToolbar title="Show Edit Links" href="javascript:quickLinks('SHOW');">Show Edit Links</A></TD></TR></TBODY></TABLE></DIV>
<SCRIPT type=text/javascript>
<!--
function popupInfo(){var w = open("f?p=4000:34:3496741138318172:PAGE:NO:34:F4000_P34_SESSION,F4000_P34_FLOW,F4000_P34_PAGE:1787692007560652,136,1","winLov","Scrollbars=1,resizable=1,width=700,height=450");if (w.opener == null){w.opener = self;}w.focus();}
function popupInfo2(){var w = open("f?p=4000:19:3496741138318172:::RIR,19:IR_APPLICATION_ID,IR_PAGE_ID:136,1","winLov","Scrollbars=1,resizable=1,width=700,height=450");if (w.opener == null){w.opener = self;}w.focus();}
apex.jQuery(document).ready(function(){
(function(){if(GetCookie('ORA_WWV_QUICK_EDIT') != null){if(GetCookie('ORA_WWV_QUICK_EDIT') == 'SHOW'){quickLinks('SHOW');}}})();
first_field('P1_PRICE_RANGE');
});
//-->
</SCRIPT>
</BODY>