Here shows you ASP sample of dynamic web scroller created from database.

Part 1: Sample Instruction

To create a dynamic web scroller from database, you can input some condition clauses using either ASP, JSP, PHP, ASP.NET, ColdFusion or JavaScript language, that is, to input the Prefix or Suffix for a scroller item in the Condition Panel.

The illustration of the web scroller on the web server that supports ASP (Active Server Pages) will be like below:

The final result that you are seeing is just got from database.

Part 2: Steps

The following are the steps of this example:

(Before creating the web scroller, you should make a database "SothinkProdut.mdb" containing the information of the product categories and the specific products.)

1. Create a scroller included one item. Enter Global > General panel and set the item's image area width and height. You'd better maintain aspect ratio of the original image. For example, here we set the item's image area width as 60 and image area height as 119.
   
   
   
2. Enter Item panel, select "HTML" and input <%=sName%> in the context box. Input <%=sImage%> in image field. Then input <%=sLink%> in link field.
   
   
   
3. Enter Popup Tip Panel, select "HTML" and input <%=sDesc%> in the context box.
   
   
   
4. Enter Condition Panel and input the prefix and suffix for the item.
   
   
   
   Note: when you add the condition, you may get a warning message in Sothink JavaScript Web Scroller. That's because the condition code is server-side code which can not be processed by the browser directly. The warning will not show when you add the scroller to an ASP page that is supported by server. You can uncheck "Preview > Enable Auto-Refresh" to avoid seeing the warnings.
   
   Tips: To prevent this error popping up, you can add the JavaScript comment delimiters /* and */ to the Prefix as well as Suffix. In that way the preview ignores the extra code and the code works well on the server side processing.
   
   For example:
   Prefix:
   /*
   <%@ LANGUAGE=JScript %>
   <%
   var Dbq = Server.MapPath(".\\") + "\\SothinkProdut.mdb;";
   var Dsn = "driver={Microsoft Access Driver (*.mdb)};pwd=;Dbq=" + Dbq;
   var Dc = Server.CreateObject("ADODB.Connection");
   Dc.Open(Dsn);
   %>
   
   <%
   var list_content = Dc.Execute("SELECT * FROM product");
   while(!list_content.EOF)
   {
   var sName = list_content("product_name");
   var sDesc = list_content("product_summary")+"";
   sDesc=sDesc.replace(/\r\n/g,"\\r\\n");
   var sLink = list_content("link");
   var sImage=list_content("image_path");
   %>
   */
   
   Suffix:
   /*
   <%
   list_content.MoveNext();
   }
   Dc.Close();
   %>
   */
5. Publish the scroller as scrolldb.asp.
   
   
   
   

Part 3: Code Explanation