Shadowbox (lightbox) and spry

Question

Hi,
I have a question. I am trying to get spry working with the
new lightbox version: shadowbox but somehow it doesn't work. Here
is my example page maybe someone has a solution.
http://www.jt.nl/media/ew/jtbioscopen/mark/trailers/index.html

Answer 1

Sorry if im not getting the explanations in these post but i
am having real trouble here.
I have a div id="ssc" that is hidden on a page (it is going
to have a detail region from a spry data set named rsSS)
I use thickbox to show that div.
On the main page i have a spry table with each row will have
an edit buttion. This edit button will open the thickbox. and
seeing that the edit button already getting repeated in each row,
by clicking on the button it sets the detail region because it is
in the row that has the onclick event that has the code to set the
detail region.
This code for the button works on other pages i have when it
isnt located in a spry region.
<input type="button" name="button4" id="button4"
value=">"
alt="#TB_inline?height=550&amp;width=700&amp;inlineId=ssc"
title="Add Invoice" class="thickbox"/>
But as soon as you put it in the Spry:Region=" rsSS" that no
longer works. Nothing happens not even an error.
Can someone help me with the coding
Here is my coding that is important
Head-
<script type="text/javascript"
src="../../Scripts/jquery.js"></script>
<script type="text/javascript"
src="../../Scripts/thickbox.js"></script>
<link rel="stylesheet" href="../../css/thickbox.css"
type="text/css" media="screen" />
<script src="../../SpryAssets/xpath.js"
type="text/javascript"></script>
<script src="../../SpryAssets/SpryData.js"
type="text/javascript"></script>
var rsSS = new
Spry.Data.XMLDataSet("../../rstoxml/ssDetail.php?SubID=<?php
echo $row_rsSSphp['SubID']; ?>", "export/row",{useCache:false});
Body-
<div id="ssc" spry:region="ssCont rsSS">
<div spry:choose="choose">
<div spry:when="{ds_RowCount} == 0">
<table width="100%" cellpadding="2" cellspacing="0"
height="111" class="panelRating">
<tr>
<td height="69" align="center"
valign="middle"><strong>There are no
Contacts</strong></td>
</tr>
<tr>
<td height="40" align="center" valign="middle">
<input type="button" name="button3" id="button3"
value="Add Contact"
onclick="document.getElementById('apDiv1').style.display=(document.getElementById('apDiv1 ').style.display==
'block')?'none':'block';" /> </td>
</tr>
</table>
</div>
<div spry:when="{ds_RowCount} > 0">
<table width="100%" cellpadding="2" cellspacing="0"
class="paneltable">
<tr class="panelheaders">
<th width="4%" align="left"> </th>
<th width="20%" align="left"
spry:sort="SubCLName">Name</th>
<th width="15%" align="left">Phone</th>
<th width="9%" align="left">Ext:</th>
<th width="14%" align="left">Cell:</th>
<th width="19%" align="left">Email:</th>
<th width="19%" align="left"> </th>
</tr>
<tr spry:repeat="ssCont" spry:setrow="ssCont"
spry:odd="TBRowOdd" spry:even="TBRowEven" spry:hover="TBRowHover"
>
<td><input type="checkbox" name="DelC[]"
id="DelC[]" value="{ssContactID}" /></td>
<td align="left">{SubCLName}, {SubCFName}</td>
<td><div spry:choose="spry:choose">
<div spry:when="'{SubCPhone}' >
''">{SubCPhone}</div>
<div
spry:default="spry:default">{rsSS::SubPhone}</div>
</div></td>
<td>{SubCExt}</td>
<td>{SubCCell}</td>
<td>{SubCEmail}</td>
<td><input type="button" name="button4"
id="button4" value=">"
alt="#TB_inline?height=550&amp;width=700&amp;inlineId=apDiv2"
title="Add Invoice" class="thickbox"/>
<input type="button" name="Outlook" id="Outlook"
value="Outlook"
onclick="MM_openBrWindow('../../Scripts/vcardSSC.php?ssContactID={ssContactID}','','width =200,height=100')"
/>
<input name="EmailContact" type="button"
id="EmailContact"
onclick="MM_openBrWindow('mailto:{SubCEmail}','','')"
value="Email"/></td>
</tr>
<tr>
<td align="center" valign="middle"
colspan="7"><input type="submit" name="ssContactDel"
id="ssContactDel" value="Delete" />
<input type="button" name="button3" id="button3"
value="Add Contact"
onclick="document.getElementById('apDiv1').style.display=(document.getElementById('apDiv1 ').style.display==
'block')?'none':'block';" /></td>
</tr>
</table>
</div>
</div>
</div>