Solved

Creating a Javascript array from a VBScript Array

Posted on 2004-08-04
4
468 Views
Last Modified: 2012-05-05
Hi

In my ASP page I am reading some data (page abstract text) into an array, arrText as follows:

<%
Dim rsAllSections
set rsAllSections = Server.CreateObject("ADODB.Recordset")
strSQL = "select ssecID, ssubsecID, ssecSection, ssubsecSubSection, iitemID, iitemAbstract from tvAllSecSub order by ssecHomepageOrder, xorder"
rsAllSections.Open strSQL, cnnConn, 1, 4

'Load the SubSections and abstracts into an array we can use later in JavaScript
dim arrNameAbs
arrNameAbs = rsAllSections.GetRows(,0,array("ssubsecSubSection","iitemAbstract", "ssecID", "ssubsecID"))

Dim strText, arrText
Dim a
For a = LBound(arrNameAbs,2) to UBound(arrNameAbs,2)
strText = strText & "<h1 class='mainHeading'>" & arrNameAbs(0,a) & "</h1><span class='smalltext'>" & arrNameAbs(1,a) & " <a href='subsection.asp?SectionID=" & arrNameAbs(2,a) & "&SubsectionID=" & arrNameAbs(3,a) & "'>More&raquo;</a></span>^"
Next
strText = Replace(strText, chr(10), "")
strText = Replace(strText, chr(13), "")
arrText = split(strText, "^")
%>

I write out a link for each record inb teh recordset created above.  When these links are rolled over, they call a Javascript function to change an iLayer and display the appropriate text from teh array.  The links look like this:

" <a href='subsection.asp?SectionID=2&SubsectionID=3' onMouseover='changetext(content[0])' class='smalllink'> "

My Javascript looks like this:

//========================================
//========================================
var content=new Array()
content[0]="<%=arrText(0)%>"
content[1]="<%=arrText(1)%>"
content[2]="<%=arrText(2)%>"

function regenerate()
{
      window.location.reload()
}

function regenerate2()
{
      if (document.layers)
      {
            appear()
            setTimeout("window.onresize=regenerate",450)
      }
}

function changetext(whichcontent)
{

      if (document.all||document.getElementById)
      {
            cross_el=document.getElementById? document.getElementById("descriptions"):document.all.descriptions
            cross_el.innerHTML='<font face="Verdana"><small>'+whichcontent+'<font></small>'
      }
      else if (document.layers)
      {
            document.d1.document.d2.document.write('<font face="Verdana"><small>'+whichcontent+'</small></font>')
            document.d1.document.d2.document.close()
      }
}

function appear()
{
      document.d1.visibility='show'
}

window.onload=regenerate2
//========================================
//========================================

I currently have to manually write additional " content[0]="<%=arrText(0)%>" " lines into the page to make the functionality work for all the links that are written onto the page.  THis means that I can't remove content using an admin interface without manually editing the page in question.  The url of the page is http://www.sabretele.com if you want to see what I'm on about.

I want to change the Javascript so that the "content" array is dynamically created, depending on the amount of rows returned from the database.  To do this, I want to populate the Javascript array "content" from the vbScript array "arrText" - how canb I do this?
0
Comment
Question by:s9
  • 2
4 Comments
 
LVL 63

Accepted Solution

by:
Zvonko earned 250 total points
Comment Utility
Like this:


<script>
var content= [
<%  For a = 0 to UBound(arrText) %>
   "<%=arrText(a)%>" ,
<%  Next %>
   ""];
content.length--;
</script>

0
 

Expert Comment

by:PradeepYadhav
Comment Utility
Hi Buddy

    Hope this helps you.

<%@ Language=VBScript %>
<%
      dim strValue
      strValue="A,B,C,D"
      arrText=split(strValue,",")
      
    str=" var Content = new Array(); "
    for i=0 to ubound(arrText)
            str = str & " Content["& i &"] ='"& arrText(i) &"';"
    next
   
%>
<script>
      // Javascipt array
      <%=str%> // Now your dynamic array is ready on the client side
            
      for (i=0;i<=Content.length-1;i++)
      {
            alert (Content[i]);
      }

</script>
0
 
LVL 1

Author Comment

by:s9
Comment Utility
I'll try both of these ideas out this afternoon & get back to you.
0
 
LVL 1

Author Comment

by:s9
Comment Utility
Excellent answer by Zvonko - worked without any changes first time.  Thanks!


PradeepYadhav - your answer would have worked eventually I think, but needed some more work at my end & I don't have time to do it.  Sorry!
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Today I would like to talk about localizing (Internationalization) JavaScript applications. Introduction When creating an application that is going to be used by many people around the globe, it is important to remember that not everyone speak…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

771 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now