Hi
I have an apex application on oraclecorp.com.
I have created tabbed region using jQuery, which has different region, on each region i had a button "next" which would navigate to next region.
It was working fine till the latest upgrade, now the button is broken doesn't do the expected action.
Can any one help me on this, what i am missing out here.
Code for the button :
<p><input type="button" onclick="myFunction(this)" onmouseover="over(this);" onmouseout="out(this);" align="right" id="showTab1" value="Next Step" style="position:absolute;bottom:10px;right:10px;">
Javascript in HTML Header :
<script type="text/javascript">
function poptastic(url)
{
newwindow=window.open(url,'name','height=750,width=750');
if (window.focus) {newwindow.focus()}
}
</script>
</script>
<script type="text/javascript">
function over(button) {
button.style.color = "#E92525";
}
function out(button) {
button.style.color = "#000000";
}
function myFunction(button){
alert('hi');
$('#tabs_start_reg').tabs('select', '#3');
$("html, body").animate({ scrollTop: 0 }, "fast");
}
</script>
<script type="text/javascript">
//<![CDATA[
$(function(){
//function to move to next tab
$('#showTab1').click(function() {
alert('hi 2');
$('#tabs_start_reg').tabs('select', '#2');
$("html, body").animate({ scrollTop: 0 }, "fast");//to scroll to the top of next page
});
$('#showTab2').click(function() {
alert('hi 3');
$('#tabs_start_reg').tabs('select', '#3');
$("html, body").animate({ scrollTop: 0 }, "fast");
});
$('#showTab3').click(function() {
alert('hi 4');
$('#tabs_start_reg').tabs('select', '#4');
$("html, body").animate({ scrollTop: 0 }, "fast");
});
});
//]]>
</script>
Javascript file url :
#JQUERYUI_DIRECTORY#ui/minified/jquery.ui.tabs.min.js