Hi all,
Does anyone have some examples of a5w page code for alternating 2 div's say every 30 seconds using Javascript?
Thanks
Does anyone have some examples of a5w page code for alternating 2 div's say every 30 seconds using Javascript?
Thanks
Alpha Software Mobile Development Tools: Alpha Anywhere | Alpha TransForm |
<html> <head> <%a5 dim componentAlias as c componentAlias = "SALES_CALL_LOG2" Delete tmpl_SALES_CALL_LOG2 DIM tmpl_SALES_CALL_LOG2 as P tmpl_SALES_CALL_LOG2 = a5w_load_component("Sales_call_log2") tmpl_SALES_CALL_LOG2.override_settings = <<%override_settings% componentName = componentAlias _gridFilename = "Sales_call_log2" %override_settings% a5w_resolveVariablesInOverrideSettings(tmpl_SALES_CALL_LOG2,session,local_variables()) delete x_SALES_CALL_LOG2 dim x_SALES_CALL_LOG2 as p x_SALES_CALL_LOG2 = a5w_run_Component(tmpl_SALES_CALL_LOG2) if x_SALES_CALL_LOG2.RedirectURL <> "" then response.redirect(x_SALES_CALL_LOG2.redirectURL) end end if ?x_SALES_CALL_LOG2.Output.Head.JavaScript ?x_SALES_CALL_LOG2.Output.Head.CSS_Link dim componentAlias as c componentAlias = "MEETINGS_30_DAY" Delete tmpl_MEETINGS_30_DAY DIM tmpl_MEETINGS_30_DAY as P tmpl_MEETINGS_30_DAY = a5w_load_component("meetings_30_day") tmpl_MEETINGS_30_DAY.override_settings = <<%override_settings% componentName = componentAlias _gridFilename = "meetings_30_day" %override_settings% a5w_resolveVariablesInOverrideSettings(tmpl_MEETINGS_30_DAY,session,local_variables()) delete x_MEETINGS_30_DAY dim x_MEETINGS_30_DAY as p x_MEETINGS_30_DAY = a5w_run_Component(tmpl_MEETINGS_30_DAY) if x_MEETINGS_30_DAY.RedirectURL <> "" then response.redirect(x_MEETINGS_30_DAY.redirectURL) end end if ?x_MEETINGS_30_DAY.Output.Head.JavaScript ?x_MEETINGS_30_DAY.Output.Head.CSS_Link %> <link rel="stylesheet" type="text/css" href="file:///C:/a5v12/data/totals/Totals.WebProjects/totals.WebProject/css/cwc_seethru/style.css"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script> <script> i=0; setInterval(function(){ if(i%2 == 0) $('#div1').fadeOut('slow', function(){ $('#div2').fadeIn('slow') }) else $('#div2').fadeOut('slow', function(){ $('#div1').fadeIn('slow') }) i++; }, 20000) </script> </head> <%a5 ?x_SALES_CALL_LOG2.Output.Body.Body_Tag %> <body class="cwc_seethruPage"><!--Alpha Five Temporary Code End --> <p align=center><img style="HEIGHT: 100px" src="cwclogo_white_small.png" ></p> <div id="div1" align=center><%A5 ?x_SALES_CALL_LOG2.Output.Body.Grid_HTML %></div> <div id="div2" style="DISPLAY: none" align=center><%A5 ?x_MEETINGS_30_DAY.Output.Body.Grid_HTML %></div> </body> </html>
Comment