We must edit the OnLoad event The form the Javascript option.
Insert the following code:
document.getElementById('id_tabs_0_1').style.pointerEvents= "none";
document.getElementById('id_tabs_0_2').style.pointerEvents= "none";
ONote: id_tabs_0_1 is referenced by "id_applicationname_0_1".
Also being obtained inspecionamento the wing portion.
We need to create a Javascript method:
We will create a JavaScript method called enable, with a parameter:
Click in the Javascript method and select the option marked with the arrow.
Follow the images to create the parameter:
Now use the code in the function created:
document.getElementById('id_tabs_0_'+x).style.pointerEvents= "visible";
Now need to create events ajax:
Creating the Events Ajax:
With the following code: ( always referencing the next tab to be available).
For the fist tab field:
if({login}!=null && {pswd} !=null )
{
$javascript_function = 'enable';
$javascript_parameters = array('1');
sc_ajax_javascript($javascript_function, $javascript_parameters);
}else
{
sc_ajax_message("Please complete all fields", "Attention", "modal=Y&left=100&right=100&width=200&height=100");
}
To the field on the second tab:
if({state}!=null && {address} !=null )
{
$javascript_function = 'enable';
$javascript_parameters = array('2');
sc_ajax_javascript($javascript_function, $javascript_parameters);
}else
{
sc_ajax_message("Please complete all fields", "Attention", "modal=Y&left=100&right=100&width=200&height=100");
}
Application running:
Ronyan Alves
Comments