Populate a popup from an array

bleutiger · August 12th, 2005, 11:49 AM

Hey all...

I am trying to use a combination of asp and javascript to create a photo album

My asp works great but I am having trouble with the Javascript..

here is the code...notice that I pass the info to a javascript array...cont below...

<%
Set FSO = Server.CreateObject("Scripting.FileSystemObject")
Set fldr = FSO.GetFolder( Server.MapPath("/folder") )

Dim names
ReDim names( fldr.Files.Count ) ' will be overkill

count = -1
For Each fl In fldr.Files
fname = fl.Name
' get the extension
ext = LCase( Mid( fname, 1 + InStrRev( fname, "." ) ) )
If ext = "jpg" OR ext = "jpeg" OR ext = "gif" Then
count = count + 1
names(count) = fname
%>
<A HREF="#" onClick="show(<%=count%>); return false;">
<IMG SRC="/folder/<%=fname%>" width=150>
</A>
... other html ...
<%
End If
Next

ReDim Preserve names(count) ' chop array to needed size
%>
<SCRIPT Language="JavaScript">
var imgNames = new Array('<%=Join(names,"','")%>');
</SCRIPT>

I can view source and know that the array is being populated...can post an example if necessary...

but how do I pass this info to the popup so that it can display the correct picture from the array in the popup and then add a "back" and "next" buttons to scroll up or down in the array and show the appropriate pictures accordingly

I'd pull my hair out but I don't have any...

joefawcett · August 13th, 2005, 04:31 AM

Your show function would look like this:

Code:

function show(ImageIndex)
{
  var sName = imgName[ImageIndex];
  var sHTML = "<html><body><img src=\" + sName + "\"></body></html>";
  var oWin = window.open("");
  var oDoc = oWin.document;
  oDoc.open();
  oDoc.write(sHTML);
  oDoc.close();
  oWin.focus();
}

For next and previous you will have to have code in the new window to link to the relevant image. It would be easier if your show function took the name of the image, instead of writing the count put the image source, and have a second parameter for whetehr a new window is needed or not. This way it can be re-used for both windows.

--

Joe (Microsoft MVP - XML)