PDA

View Full Version : Show/hide layer from dynamic link


tux
03-09-2007, 03:46 PM
Hi all,

I have been given the task of upgrading our camera club website. This is my first attempt at dynamic websites, I'm not doing bad for a newbee thanks to this forum. I have managed to populate a gallery page with a photographers thumbnails using an ID passed from the URL. What I'm stuck with is that I want to show the larger images on the same page by showing and hiding a layer contains the larger image, when the thumbnail is clicked. The thumbnails are populated on the page using a repeat region and recordset paging. I can show/hide layers using the behaviours but how can I do this dynamically showing the layer with the correct image each time. Hope this makes sense. Thanks for any help and ideas. Regards
Paul

davidj
03-09-2007, 03:59 PM
post ya code

the loop

lux
03-09-2007, 03:59 PM
Post your code and i'll write a solution with a explanation of how i achieved what you wanted.

davidj
03-09-2007, 04:04 PM
nice one lux

tux
03-09-2007, 05:50 PM
Thanks guys, but which code is it you need to see. The code on the two pages is too big to post. Here is some snippets from the gallery.asp page :


<%
Dim rs_photographerlist
Dim rs_photographerlist_numRows
Set rs_photographerlist = Server.CreateObject("ADODB.Recordset")
rs_photographerlist.ActiveConnection = MM_photolibraryadvanced_STRING
rs_photographerlist.Source = "SELECT firstname, lastname, photographerID FROM photographer"
rs_photographerlist.CursorType = 0
rs_photographerlist.CursorLocation = 2
rs_photographerlist.LockType = 1
rs_photographerlist.Open()
rs_photographerlist_numRows = 0
%>

<script language="javascript" type="text/javascript">

function submiter(){

id = document.getElementById('menu').value;

if(id != '0'){
document.location.href='gallery_detail.asp?photogr apherid='+id;
}

}
</script>

<form id="form1" name="form1" method="post" action="">
<div align="right">
<select name="menu" class="photographerlist" onchange="submiter()">
<option value="">choose a photographer</option>
<%
While (NOT rs_photographerlist.EOF)
%>
<option value="<%=(rs_photographerlist.Fields.Item("photographerID").Value)%>"><%=(rs_photographerlist.Fields.Item("firstname").Value)%>&nbsp;<%=(rs_photographerlist.Fields.Item("lastname").Value)%></option>
<%
rs_photographerlist.MoveNext()
Wend
If (rs_photographerlist.CursorType > 0) Then
rs_photographerlist.MoveFirst
Else
rs_photographerlist.Requery
End If
%>
</select>

</div>
</form>

I will post some snippets from the gallery_detail.asp page in a mo.

Regards

Paul

tux
03-09-2007, 06:00 PM
God the code in the detail page goes flying right over my head. Not sure what you need so some of it :


<%
Dim rs_photographerlist
Dim rs_photographerlist_numRows
Set rs_photographerlist = Server.CreateObject("ADODB.Recordset")
rs_photographerlist.ActiveConnection = MM_photolibraryadvanced_STRING
rs_photographerlist.Source = "SELECT firstname, lastname, photographerID FROM photographer"
rs_photographerlist.CursorType = 0
rs_photographerlist.CursorLocation = 2
rs_photographerlist.LockType = 1
rs_photographerlist.Open()
rs_photographerlist_numRows = 0
%>
<%
Dim rs_thumbnails__MMColParam
rs_thumbnails__MMColParam = "1"
If (Request.QueryString("photographerID") <> "") Then
rs_thumbnails__MMColParam = Request.QueryString("photographerID")
End If
%>
<%
Dim rs_thumbnails
Dim rs_thumbnails_numRows
Set rs_thumbnails = Server.CreateObject("ADODB.Recordset")
rs_thumbnails.ActiveConnection = MM_photolibraryadvanced_STRING
rs_thumbnails.Source = "SELECT * FROM images WHERE photographerID = " + Replace(rs_thumbnails__MMColParam, "'", "''") + ""
rs_thumbnails.CursorType = 0
rs_thumbnails.CursorLocation = 2
rs_thumbnails.LockType = 1
rs_thumbnails.Open()
rs_thumbnails_numRows = 0
%>
<%
Dim rs_mainimages__MMColParam
rs_mainimages__MMColParam = "1"
If (Request.QueryString("imageID") <> "") Then
rs_mainimages__MMColParam = Request.QueryString("imageID")
End If
%>
<%
Dim rs_mainimages
Dim rs_mainimages_numRows
Set rs_mainimages = Server.CreateObject("ADODB.Recordset")
rs_mainimages.ActiveConnection = MM_photolibraryadvanced_STRING
rs_mainimages.Source = "SELECT * FROM images WHERE imageID = " + Replace(rs_mainimages__MMColParam, "'", "''") + ""
rs_mainimages.CursorType = 0
rs_mainimages.CursorLocation = 2
rs_mainimages.LockType = 1
rs_mainimages.Open()
rs_mainimages_numRows = 0
%>
<%
Dim Repeat1__numRows
Dim Repeat1__index
Repeat1__numRows = 6
Repeat1__index = 0
rs_thumbnails_numRows = rs_thumbnails_numRows + Repeat1__numRows
%>
<%
' *** Recordset Stats, Move To Record, and Go To Record: declare stats variables
Dim rs_thumbnails_total
Dim rs_thumbnails_first
Dim rs_thumbnails_last
' set the record count
rs_thumbnails_total = rs_thumbnails.RecordCount
' set the number of rows displayed on this page
If (rs_thumbnails_numRows < 0) Then
rs_thumbnails_numRows = rs_thumbnails_total
Elseif (rs_thumbnails_numRows = 0) Then
rs_thumbnails_numRows = 1
End If
' set the first and last displayed record
rs_thumbnails_first = 1
rs_thumbnails_last = rs_thumbnails_first + rs_thumbnails_numRows - 1
' if we have the correct record count, check the other stats
If (rs_thumbnails_total <> -1) Then
If (rs_thumbnails_first > rs_thumbnails_total) Then
rs_thumbnails_first = rs_thumbnails_total
End If
If (rs_thumbnails_last > rs_thumbnails_total) Then
rs_thumbnails_last = rs_thumbnails_total
End If
If (rs_thumbnails_numRows > rs_thumbnails_total) Then
rs_thumbnails_numRows = rs_thumbnails_total
End If
End If
%>
<%
Dim MM_paramName
%>
<%
' *** Move To Record and Go To Record: declare variables
Dim MM_rs
Dim MM_rsCount
Dim MM_size
Dim MM_uniqueCol
Dim MM_offset
Dim MM_atTotal
Dim MM_paramIsDefined
Dim MM_param
Dim MM_index
Set MM_rs = rs_thumbnails
MM_rsCount = rs_thumbnails_total
MM_size = rs_thumbnails_numRows
MM_uniqueCol = ""
MM_paramName = ""
MM_offset = 0
MM_atTotal = false
MM_paramIsDefined = false
If (MM_paramName <> "") Then
MM_paramIsDefined = (Request.QueryString(MM_paramName) <> "")
End If
%>
<%
' *** Move To Record: handle 'index' or 'offset' parameter
if (Not MM_paramIsDefined And MM_rsCount <> 0) then
' use index parameter if defined, otherwise use offset parameter
MM_param = Request.QueryString("index")
If (MM_param = "") Then
MM_param = Request.QueryString("offset")
End If
If (MM_param <> "") Then
MM_offset = Int(MM_param)
End If
' if we have a record count, check if we are past the end of the recordset
If (MM_rsCount <> -1) Then
If (MM_offset >= MM_rsCount Or MM_offset = -1) Then ' past end or move last
If ((MM_rsCount Mod MM_size) > 0) Then ' last page not a full repeat region
MM_offset = MM_rsCount - (MM_rsCount Mod MM_size)
Else
MM_offset = MM_rsCount - MM_size
End If
End If
End If
' move the cursor to the selected record
MM_index = 0
While ((Not MM_rs.EOF) And (MM_index < MM_offset Or MM_offset = -1))
MM_rs.MoveNext
MM_index = MM_index + 1
Wend
If (MM_rs.EOF) Then
MM_offset = MM_index ' set MM_offset to the last possible record
End If
End If
%>
<%
' *** Move To Record: if we dont know the record count, check the display range
If (MM_rsCount = -1) Then
' walk to the end of the display range for this page
MM_index = MM_offset
While (Not MM_rs.EOF And (MM_size < 0 Or MM_index < MM_offset + MM_size))
MM_rs.MoveNext
MM_index = MM_index + 1
Wend
' if we walked off the end of the recordset, set MM_rsCount and MM_size
If (MM_rs.EOF) Then
MM_rsCount = MM_index
If (MM_size < 0 Or MM_size > MM_rsCount) Then
MM_size = MM_rsCount
End If
End If
' if we walked off the end, set the offset based on page size
If (MM_rs.EOF And Not MM_paramIsDefined) Then
If (MM_offset > MM_rsCount - MM_size Or MM_offset = -1) Then
If ((MM_rsCount Mod MM_size) > 0) Then
MM_offset = MM_rsCount - (MM_rsCount Mod MM_size)
Else
MM_offset = MM_rsCount - MM_size
End If
End If
End If
' reset the cursor to the beginning
If (MM_rs.CursorType > 0) Then
MM_rs.MoveFirst
Else
MM_rs.Requery
End If
' move the cursor to the selected record
MM_index = 0
While (Not MM_rs.EOF And MM_index < MM_offset)
MM_rs.MoveNext
MM_index = MM_index + 1
Wend
End If
%>
<%
' *** Move To Record: update recordset stats
' set the first and last displayed record
rs_thumbnails_first = MM_offset + 1
rs_thumbnails_last = MM_offset + MM_size
If (MM_rsCount <> -1) Then
If (rs_thumbnails_first > MM_rsCount) Then
rs_thumbnails_first = MM_rsCount
End If
If (rs_thumbnails_last > MM_rsCount) Then
rs_thumbnails_last = MM_rsCount
End If
End If
' set the boolean used by hide region to check if we are on the last record
MM_atTotal = (MM_rsCount <> -1 And MM_offset + MM_size >= MM_rsCount)
%>
<%
' *** Go To Record and Move To Record: create strings for maintaining URL and Form parameters
Dim MM_keepNone
Dim MM_keepURL
Dim MM_keepForm
Dim MM_keepBoth
Dim MM_removeList
Dim MM_item
Dim MM_nextItem
' create the list of parameters which should not be maintained
MM_removeList = "&index="
If (MM_paramName <> "") Then
MM_removeList = MM_removeList & "&" & MM_paramName & "="
End If
MM_keepURL=""
MM_keepForm=""
MM_keepBoth=""
MM_keepNone=""
' add the URL parameters to the MM_keepURL string
For Each MM_item In Request.QueryString
MM_nextItem = "&" & MM_item & "="
If (InStr(1,MM_removeList,MM_nextItem,1) = 0) Then
MM_keepURL = MM_keepURL & MM_nextItem & Server.URLencode(Request.QueryString(MM_item))
End If
Next
' add the Form variables to the MM_keepForm string
For Each MM_item In Request.Form
MM_nextItem = "&" & MM_item & "="
If (InStr(1,MM_removeList,MM_nextItem,1) = 0) Then
MM_keepForm = MM_keepForm & MM_nextItem & Server.URLencode(Request.Form(MM_item))
End If
Next
' create the Form + URL string and remove the intial '&' from each of the strings
MM_keepBoth = MM_keepURL & MM_keepForm
If (MM_keepBoth <> "") Then
MM_keepBoth = Right(MM_keepBoth, Len(MM_keepBoth) - 1)
End If
If (MM_keepURL <> "") Then
MM_keepURL = Right(MM_keepURL, Len(MM_keepURL) - 1)
End If
If (MM_keepForm <> "") Then
MM_keepForm = Right(MM_keepForm, Len(MM_keepForm) - 1)
End If
' a utility function used for adding additional parameters to these strings
Function MM_joinChar(firstItem)
If (firstItem <> "") Then
MM_joinChar = "&"
Else
MM_joinChar = ""
End If
End Function
%>
<%
' *** Move To Record: set the strings for the first, last, next, and previous links
Dim MM_keepMove
Dim MM_moveParam
Dim MM_moveFirst
Dim MM_moveLast
Dim MM_moveNext
Dim MM_movePrev
Dim MM_urlStr
Dim MM_paramList
Dim MM_paramIndex
Dim MM_nextParam
MM_keepMove = MM_keepBoth
MM_moveParam = "index"
' if the page has a repeated region, remove 'offset' from the maintained parameters
If (MM_size > 1) Then
MM_moveParam = "offset"
If (MM_keepMove <> "") Then
MM_paramList = Split(MM_keepMove, "&")
MM_keepMove = ""
For MM_paramIndex = 0 To UBound(MM_paramList)
MM_nextParam = Left(MM_paramList(MM_paramIndex), InStr(MM_paramList(MM_paramIndex),"=") - 1)
If (StrComp(MM_nextParam,MM_moveParam,1) <> 0) Then
MM_keepMove = MM_keepMove & "&" & MM_paramList(MM_paramIndex)
End If
Next
If (MM_keepMove <> "") Then
MM_keepMove = Right(MM_keepMove, Len(MM_keepMove) - 1)
End If
End If
End If
' set the strings for the move to links
If (MM_keepMove <> "") Then
MM_keepMove = Server.HTMLEncode(MM_keepMove) & "&"
End If
MM_urlStr = Request.ServerVariables("URL") & "?" & MM_keepMove & MM_moveParam & "="
MM_moveFirst = MM_urlStr & "0"
MM_moveLast = MM_urlStr & "-1"
MM_moveNext = MM_urlStr & CStr(MM_offset + MM_size)
If (MM_offset - MM_size < 0) Then
MM_movePrev = MM_urlStr & "0"
Else
MM_movePrev = MM_urlStr & CStr(MM_offset - MM_size)
End If
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">

function submiter(){

id = document.getElementById('menu').value;

if(id != '0'){
document.location.href='gallery_detail.asp?photogr apherid='+id;
}

}
</script>

Also.......

<%
While ((Repeat1__numRows <> 0) AND (NOT rs_thumbnails.EOF))
%>
<img src="<%=(rs_thumbnails.Fields.Item("thumb_url").Value)%>" alt="<%=(rs_thumbnails.Fields.Item("image_title").Value)%>" width="70" height="70" border="0">
<%
Repeat1__index=Repeat1__index+1
Repeat1__numRows=Repeat1__numRows-1
rs_thumbnails.MoveNext()
Wend
%>

Hope this is ok!!!

Regards, Paul

lux
03-10-2007, 10:20 AM
sorry mate, my skills end at php, not to good with asp