Spry Regions and Mouseover Effects

I want to use a mouseover effect on a spry master region
element that calls the spry details region data of the master
region element. Any tips or pointers?
I have tried searching the web for how to-s and even tried
the Adobe Spry sites and samples...did not locate any specifics on
how to change the click event of the master region element to a
mouseover event.
Any links, tips or detailed instructions is appreciated at
this point; have been searching about 4 hours now.
Thanks,
nitefisher

You can apply focus to form elements and anchors/links. In this case I am attempting to set the focus to the <a href> tag.. but only the first in the repeating region.
<HTML>
<BODY>
<a id="foo1" href="#"> This</a>
<a id="foo2" href="#"> That</a>
<script type="text/javascript">
// selects 'that'
document.getElementById("foo2").focus();
</script>
</BODY>
</HTML>

Similar Messages

Spry Regions and Selection of First Element

I've done a little work with spry regions and am currently struggling with how to interact with the generated content via Javascript.
Specifically (I'm not using a Spry DataGrid BTW) I'm trying to do something like document.getElementById("st").focus(); on the first anchor in the returned dataset. I haven't put the ID in yet because I'm not sure exactly what to use (maybe @id) but how to capture the first one for the reference in the final .focus() call.
Anybody done this before?

<div spry:region="dsCompanies" style="clear:both;">
<div spry:repeat="dsCompanies">
<div class="card" >
<p><b><a href="#" onclick="loadcompany('{@id}','contacts');searchpanel.displayPopupDialog(false);return false;">{name}</a></b>
<br>{rectype}
<br>{name}
<br>{support}
<br>{address1}
<br>{address2}
<br>{address3}
<br>{city}, {state} {zip}
</p>
</div>
</div> 
<p spry:state="loading"> Please Wait...</p>
</div> 

You can apply focus to form elements and anchors/links. In this case I am attempting to set the focus to the <a href> tag.. but only the first in the repeating region.
<HTML>
<BODY>
<a id="foo1" href="#"> This</a>
<a id="foo2" href="#"> That</a>
<script type="text/javascript">
// selects 'that'
document.getElementById("foo2").focus();
</script>
</BODY>
</HTML>

Problem with Spry:Repeat and Slide Effect on IE6

I run the website for my kids' hockey association and I'm not
a web programmer. I am trying to display events in a Spry region
using spry:repeat. The data is coming from a Google Calendar . I
display the event date and title on the main page. I have the
onclick set to call a javascript function that exposes the details
using the spry slide effect. It works ok except in IE6.
The following creates my dataset from a method call to a
Coldfusion component that returns the XML I need:
<script type="text/javascript">
var ds1 = new Spry.Data.XMLDataSet("
http://tornadoyouthhockey.org/Events.cfc?method=EventXML",
"events/event",{distinctOnLoad:false});
</script>
The following function slides open the detail:
<script type="text/javascript">
function startBlind(rid) {
var contentdiv = document.getElementById('panel'+ rid
+'Content');
var panel_height = contentdiv.clientHeight;
if (panel_height<100){
var bd = new Spry.Effect.Blind('panel'+ rid +'Content',
{duration: 800, to: '100px', toggle: true});
else {
var bd = new Spry.Effect.Blind('panel'+ rid +'Content',
{duration: 800, to: '0px', toggle: true});
bd.start();
</script>
Within the repeat I have:
<div class="EventPanelLabel"
onclick="startBlind({ds_RowID});">{startDate} —
{title}</div>
I think the XML looks OK but for some reason when the page
loads, IE6 returns:
Exception caught while loading
http://tornadoyouthhockey.org/Events.cfc?method=EventXML:
[object Error]
The page seems to work fine in Safari and Firefox on the Mac
and IE7 as well as Firefox on Windows. Just IE6 seems to be having
the problem. Could you please take a look at
http://tornadoyouthhockey.org
and provide any suggestions you may have?
Also, is there a way to hide the {startDate} - {title} I'm
seeing while the page loads?
Thanks,
Kevin

Kin:
Thanks for your reply. I made the changes you suggested but,
unfortunately, IE6 is still giving me the same error when the page
loads:
Exception caught while loading
http://tornadoyouthhockey.org/Events.cfc?method=EventXML:
[object Error]
Could this be part of the problem an need to be changed as
well? :
<div id="panel{ds_RowID}Content"
Any other ideas? The page is live if you'd care to look...
http://tornadoyouthhockey.org
Kevin

Animated gif does not work in spry region

Trying to display an animated gif while xml file is loading.
The gif displays while loading but does not animate in the spry region.
<div spry:region="dslistings">
<div id="loadXML" spry:state= "loading"><img src="loadinganimated.gif"/></div>
<div spry:state="ready" </div>
Thank you in advance for any help.
Jeff

I believe you are correct, I tried to place the same animated gif outside of the spry region
and it also did not animate until the xml (approximately 500 records) loaded and completed displaying.
Once the xml loaded, the gif outside of the spry region started to animate.
So how then could you display some sort of animated loading indication?
Thank you
jeff

How to show MouseOver effect on dropable region while dragging a MovieClip?

Hello friends,
I am creating Drag and drop flash application.
While dragging an instance of a movieclip I want also the dropable region to show effect like MouseOver case.
So that end user can confirm that they are dropping the item in right region.
Here the mouse is moved while it is kept clicked
Plz help me,
Thanks.
Venkat

Thanks for taking interest.
I did the first part of your reply already, but How to check if a MovieClip is being dragged?
Say, I have two MovieClips
TargetToDrop_mc
DropableRegion_mc
TargetToDrop_mc.addEventListener(MouseEvent.MOUSE_DOWN, gotMouseDown);
TargetToDrop_mc.addEventListener(MouseEvent.MOUSE_UP, gotMouseUp);
TargetToDrop_mc.addEventListener(MouseEvent.MOUSE_OVER, gotMouseOver);
TargetToDrop_mc.addEventListener(MouseEvent.MOUSE_OUT, gotMouseOut);
DropableRegion_mc.addEventListener(MouseEvent.MOUSE_DOWN, gotMouseDown);
DropableRegion_mc.addEventListener(MouseEvent.MOUSE_UP, gotMouseUp);
DropableRegion_mc.addEventListener(MouseEvent.MOUSE_OVER, gotMouseOver);
DropableRegion_mc.addEventListener(MouseEvent.MOUSE_OUT, gotMouseOut);
function gotMouseDown(EventReceived:MouseEvent):void {
    EventReceived.currentTarget.startDrag ();
function gotMouseUp(EventReceived:MouseEvent):void{
    EventReceived.currentTarget.stopDrag();
function gotMouseOver(EventReceived:MouseEvent):void{
    EventReceived.currentTarget.alpha=0.5;
function gotMouseOut(EventReceived:MouseEvent):void{
    EventReceived.currentTarget.alpha=0.7;
Now plze guide me on basis of above.
Thanks,
Venkat

Air and spry (adding observer and addEventListener to spry regions links to open for a new window)

I'm trying to add a region.addobserver and addEventListener to spry regions so the links; that come for a external feed, opens in a new(default browser) window when clicked. The on* events in regions do not work in AIR so, is there a way to do this?
I have read a lot of the documentation on spry regions, addObserver and the addEventlistener but the samples don't deal with anything about external xml feeds with links in a spry region for a AIR app.
The closiest i saw was the gallery http://labs.adobe.com/technologies/spry/articles/air/photo_gallery.html, but it doesn't deal with:
links,
in a external RSS feed,
in the spry region,
to a new default browser.
Has anybody tried this before? Can it be done?
Ex:
          <div spry:region="rssDataNews" class="SpryHiddenRegion">
          <div spry:state="loading" id="notification2">Loading feeds, please wait ...<img src="assets/spinner.gif"></div>
          <div spry:state="error">Failed to load data! Please try again later</div>
            <table width="100%" spry:state="ready">
              <tr spry:repeat="rssDataNews" class="{ds_EvenOddRow}" spry:select="mySelectClass">
                <td class="cellPad">
                <span style="font-weight:bold">{title}</span><br /><br />
                {description}<br />
                 <a href="{link}" target="_blank">[Read full article]</a><br /><br />
                </td>
              </tr>
            </table>
      <div>
The <a href > only opens the url in the native AIR window. I need it to open in a web browser.
Message was edited by: dee12345654321

About on* events
They do work, but not as attribute on your HTML elements, you will need to use eventlisteners to attach them on the relevant nodes.
How: http://labs.adobe.com/technologies/spry/samples/dom_utils/add_event_listener.html
About links
Currently in Adobe AIR, its not (easily) possible to open or execute other programs on the users PC. I have seen die hard hacker user Java to get around this limitation. But i suggest you check out the Adobe AIR forum to confirm that you cant open links in the users browser.
But, Adobe AIR is basically a browser

Split Spry.Data and Spry.Data.Region from SpryData.js?

I don't like Spry.Data.Region or anything like Spry.*.Region because it make hard to customize using javascript.
But Spry.Data with Observer / Notify feature is great one. In fact, using SpryData.js, I can write my own "render html object" easier.
SrpyData.js is big (127KB) even when compressed, it is still 65KB. That why, needed split Spry.Data and Spry.Data.Region from SpryData.js so who want to use Spry.Data only like me will get smaller trafic.
I've tried remove all Spry.Data.Region content in SpryData.js. Surprise, some in Spry.Data call to Spry.Data.Region >>> Design have problem.
Anyone can help splitting them?

Found this in the archives:
<div spry:if="{ds_RowCount} == 0" class="trigger" style="display:none"></div>
Basically a hack to point the tooltip to a hidden div so no errors are thrown.

EdAdding compression (and other effects) to regions only) want different ty

Hello Everyone,
I'm new to Logic and I'm trying to find out how to add compression to specific regions in a track. I recorded a live band and I recorded and I want different types of compression (and other effects like eq and even panning) for different parts of the song. For example. I have a guitar track that I recorded , I split the track up from one region into several regions corresponding to the sections of the song. Now I want to add different effects to these different regions. Can I do this in one track or do I need to split all these regions up into their own tracks. I can only see how to add effects at the track level. I can only edit certain things (like Normalization) in the sample editor.
Thanks in advance.
--Mike

Different ways of doing this:
*If you want to add effects for the different regions on the same track you will have to automize the compressor/Eq/panning settings
*You can setup different tracks with different Fx settings and move the regions to those new tracks - this way you don't have to automize the different parameters
*If you want to destructively edit the regions you can either do that in Soundtrack Pro (select the region and hit shift+w to open it in SP - add you fx in there - save the file and it will be updated in Logic)
or
*rerecord the regions with the fx through a Bus directly into Logic - route the region track to a Bus and select that Bus as an Input for a new Audio track
or
*bounce/reimport the region+fx

Usinh HTMLPanel, TabbedPanels and Spry Regions

Hello,
I'm using HTMLPanel Widget to load an HTML file that has a
TabbedPanels whose content holds spry regions. I am getting the
TabbedPanels but I don't get the spry regions being generated
within them. I have the markup first...and then the dataset
instance...
quote:
<div class="TabbedPanelsContent"
spry:region="dsMenuItems">
<table width="100%">
<tr>
<th nowrap="nowrap" bgcolor="#B8C8DC">Content ID
</th>
<th nowrap="nowrap" bgcolor="#B8C8DC">Content
Name</th>
<th nowrap="nowrap"
bgcolor="#B8C8DC">Section</th>
<th nowrap="nowrap" bgcolor="#B8C8DC">File Type
</th>
<th nowrap="nowrap"
bgcolor="#B8C8DC">Column</th>
<th nowrap="nowrap" bgcolor="#B8C8DC">Order</th>
<th nowrap="nowrap"
bgcolor="#B8C8DC">Actions</th>
</tr>
<tr spry:repeat="dsMenuItems" spry:test="'{column}' ==
'left'">
<td align="center" valign="top">{contentid}</td>
<td align="center" valign="top">{name}</td>
<td align="center" valign="top">{section}</td>
<td align="center" valign="top">{filetype}</td>
<td align="center" valign="top">{column}</td>
<td align="center" valign="top">{order}</td>
<td align="center" valign="top">
<a spry:if="'{order}' > 1" href="javascript:void(0);"
onclick="getMenus('order={order}&dir=up&column={column}')">[up]</a>
<a spry:if="('{order}' < getNoItems('{column}'))"
href="javascript:void(0);"
onclick="getMenus('order={order}&dir=down&column={column}')">[down]</a>
<a href="javascript:void(0);"
onclick="getMenus('delete=true&contentID={id}&column={column}')">[delete]</a></td>
</tr>
</table>
</div>

sorry about not providing an example...i have it on local
machine.
the html page that has the markup as i quoted and the script
quote:
<script>var dsMenuItems = new
Spry.Data.XMLDataSet('?task=menus&a=get_content&menu_id=17',"/records/record",{
useCache: false});
dsMenuItems.setColumnType("order","number");
dsMenuItems.sort("order","ascending");
</script>
the HTML Panel is set to evaluate javascript. i get no
errors. are you sying to use observer on Panel? or on
tabbed?

ADDT Datepicker and Spry:region

Using ADDT for a datepicker dropdown calendar, the following
code works as expected:
<form action="" method="post">
<input name="test" id="test" value="06/02/2008"
wdg:subtype="Calendar" wdg:mask="<?php echo
$KT_screen_date_format; ?>" wdg:type="widget"
wdg:mondayfirst="true" wdg:singleclick="true"
wdg:restricttomask="yes" />
</form>
When I add a Spry region, the dropdown calendar does not
work:
<div spry:region="ds1">
<form action="" method="post">
<input name="test" id="test" value="06/02/2008"
wdg:subtype="Calendar" wdg:mask="<?php echo
$KT_screen_date_format; ?>" wdg:type="widget"
wdg:mondayfirst="true" wdg:singleclick="true"
wdg:restricttomask="yes" />
</form>
</div>
Anyone have a solution please.
Ben

Anyone??

How to make mouseover effect text show image in popup window or tooltip?

I am trying to display a popup image in a new window when the mouse moves over some text. Or perhaps, the image could display in a tooltip when the mouse moves over some text.
However, I have achieved the functionality of an image appearing above the text when the mouse moves over some text. This is how I did this:
I put this code into the Page HTML Header:
<script type="text/javascript">

</script>
I created a region and put this in the Region's Title field:
{div onmouseover="setFirstChildImgDisplay(this,'inline')" onmouseout="setFirstChildImgDisplay(this,'none')">Check out Page 1 here <img src="#WORKSPACE_IMAGES#DGNR Preview Page 1.bmp" alt="Page 1 Preview" style="display:none;">{/div}
I am thinking that I should not have all of this code in the Region's Title field. But, I don't know where else to put it in APEX.
So my questions are:
1. how to get an image to display in a popup window or as a tooltip when the mouse is moved over some text?
2. where should the {div} content be placed in APEX, if not in the Title field?
Please note that I used '{' & '}' instead of '<' & '>' just so the div would display in this post.
Also, I would like to give credit to this website because this is where I found out how to do what I have provided above.
http://forums.devshed.com/web-design-help-2/mouseover-effect-text-shows-image-321876.html
Thank you in advance,
Maggie

It's just an image map. Play with the settings. Here's a shape layer making a hole in the water and adding a bit of color.

Spry hover and selected classes

Been working withCS3, and I like it, but a lot of stuff
doesn't seem to work properly. I'm trying to create something
similar to the Events example, where I have a list of data rows,
synced to a detail region. Clicking the detail row displays the
detailed content for the selected row. THAT part works fine, but
the HOVER and SELECTED classes seem to be ignored. What I'd like is
to change the foreground and background color for the row on
mouseover, and to keep a different background color when a row is
selected. It works in the example, but not in the code that the
Spry table wizards constructs. I notice in the example that they
use the Spry:repeatchildren construct, which is different than the
wizard generates, but I'm wondering if it's an older approach; I
can't even find a reference to repeatchildren in the online help.
Here's my code, if anyone can help with this;
<table cellpadding="10" bgcolor="#FFFFFF">
<tr>
<td valign="top"><div spry:region="dsTest">
<table cellpadding="3">
<tr>
<th spry:sort="NewsDate"><div
align="left">Date</div></th>
<th spry:sort="BriefTitle"><div
align="left">Summary</div></th>
</tr>
<tr spry:repeat="dsTest" spry:setrow="dsTest"
spry:hover="rowHover" spry:select="rowSelected">
<td><div
align="left">{NewsDate}</div></td>
<td><div
align="left">{BriefTitle}</div></td>
</tr>
</table>
</div></td>
<td valign="top"><div
spry:detailregion="dsTest">
<h2 align="left">{NewsTitle}</h2>
<p align="left" class="date">{NewsDate}</p>
<p align="left">{NewsContent}</p>
</div></td>
</tr>
</table>

Been working withCS3, and I like it, but a lot of stuff
doesn't seem to work properly. I'm trying to create something
similar to the Events example, where I have a list of data rows,
synced to a detail region. Clicking the detail row displays the
detailed content for the selected row. THAT part works fine, but
the HOVER and SELECTED classes seem to be ignored. What I'd like is
to change the foreground and background color for the row on
mouseover, and to keep a different background color when a row is
selected. It works in the example, but not in the code that the
Spry table wizards constructs. I notice in the example that they
use the Spry:repeatchildren construct, which is different than the
wizard generates, but I'm wondering if it's an older approach; I
can't even find a reference to repeatchildren in the online help.
Here's my code, if anyone can help with this;
<table cellpadding="10" bgcolor="#FFFFFF">
<tr>
<td valign="top"><div spry:region="dsTest">
<table cellpadding="3">
<tr>
<th spry:sort="NewsDate"><div
align="left">Date</div></th>
<th spry:sort="BriefTitle"><div
align="left">Summary</div></th>
</tr>
<tr spry:repeat="dsTest" spry:setrow="dsTest"
spry:hover="rowHover" spry:select="rowSelected">
<td><div
align="left">{NewsDate}</div></td>
<td><div
align="left">{BriefTitle}</div></td>
</tr>
</table>
</div></td>
<td valign="top"><div
spry:detailregion="dsTest">
<h2 align="left">{NewsTitle}</h2>
<p align="left" class="date">{NewsDate}</p>
<p align="left">{NewsContent}</p>
</div></td>
</tr>
</table>

Spry region XML issue

I'm developing an interactive menu using the Spry and Ajax framework that lists the menu items on the left (in a Spry accordion) to a corresponding image and description on the right. I have the basic functionality working, however, my menu items are broken into sub categories, and I can't seem to get my XML file to separate these.
For an example of what I'm trying to do, visit here: http://bit.ly/g0RrU
As you can see, my menu is broken into sections; i.e. Tapas, Pizzas, Entrees...etc. Do I need to link a separate XML file to each of these sections, or can I simply make one more generation in my XML file.
For instance, could my XML file look like this:
<?xml version="1.0" encoding="UTF-8"?>
<menu>
     <tapas>
       <item>
          <name>Fresh Tilapia Dip</name>
          <title>Fresh Tilapia Dip</title>
          <image>../one0one/images/food/crab_cakes.jpg</image>
          <desc>Mesquite Smoked Fresh Fish w/ Tortilla Chips and Pickled Jalapenos $6.99</desc>
       </item>
       <item>
            <name>Jamaican Jerk Chicken Satay</name>
          <title>Jamaican Jerk Chicken Satay</title>
          <image>../one0one/images/food/satay.jpg</image>
          <desc>Served with Pineapple Chutney w/ 101’s Spicy Tartar. $9.99</desc>
       </item>
       </tapas>
       <pizzas>
               <name>Pizza1</name>
               <title>Pizza1</title>
               <image>img.jpg</image>
               <desc>description</desc>                      </pizzas>
</menu>
This is actually how it is currently set up, but when I link the XML file to a Spry region, it ignores the <tapas> and <pizzas> categories, and goes straight to the <item>. What's the best practice to achieve this menu effect?

What version of Spry are you using? If you are going to work
Spry and AIR, you will need Spry 1.6.1 to work within AIR's
application sandbox. You can find the details here:
http://labs.adobe.com/technologies/spry/air.html
and a case study that shows what I had to do to make the
Photo Gallery work in AIR 1.0 here:
http://labs.adobe.com/technologies/spry/articles/air/photo_gallery.html
--== Kin ==--

Hover and fade effect

Hello,
I am creating a photo gallery with thumbnails of the images
and would like the thumbs to fade in when hovered over. I can get
the fade in to work mostly except that rather than fading each
image in individually, all images fade in when I hover over one. In
addition, I am unable to make the thumbnails display faded to 50%
when the page first loads. I'm afraid I'm not terribly familiar
with JavaScript so any help would be greatly appreciated.
Here is a link to the draft site:
http://www.cas.umt.edu/draft/bruce%5Fcosta/keith.htm
And here is my relevant code as it is now:
<script type="text/javascript">
var dsBrenan = new Spry.Data.XMLDataSet("data/galleries.xml",
"galleries/brenan/photo");
</script>
<script type="text/javascript">
var gEffectInProgress = null;
var gPendingSetRowIDRequest = -1;
function fadeInContent(notificationType, notifier, data)
if (notificationType != "onPostUpdate")
return;
var effect = new Spry.Effect.Fade('main_image', { to: 100,
from: 0, duration: 1000, finish: function() {
// The region is now showing. Process any pending row change
request.
gEffectInProgress = null;
if (gPendingSetRowIDRequest >= 0)
var id = gPendingSetRowIDRequest;
gPendingSetRowIDRequest = -1;
fadeOutContentThenSetRow(id);
effect.start();
Spry.Data.Region.addObserver('main_image', fadeInContent);
function fadeOutContentThenSetRow(rowID)
if (gEffectInProgress)
gPendingSetRowIDRequest = rowID;
return;
if (rowID == dsBrenan.getCurrentRowID())
return;
gEffectInProgress = new Spry.Effect.Fade('main_image', { to:
0, from: 100, duration: 1000, finish: function() {
dsBrenan.setCurrentRow(rowID);
gEffectInProgress.start();
</script>

<div id="main_image"
spry:detailregion="dsBrenan"><img
src="images/keith_brenan_wave/{dsBrenan::@path}"
class="image"/></div>
</div>

<div id="wrapper">
<div id="thumbs" spry:region="dsBrenan"><img
src="images/keith_brenan_wave/{dsBrenan::@thumbpath}"
spry:repeat="dsBrenan" width="100" height="100" onclick=
"fadeOutContentThenSetRow('{ds_RowID}');"
onmouseover="hfade.start();"
onmouseout="hfadeout.start();"/></div>
</div>
</div>

<script type="text/javascript">
var hfade = new Spry.Effect.Fade("thumbs", {duration:500,
from:50, to:100});
var hfadeout = new Spry.Effect.Fade("thumbs", {duration:500,
from:100, to:50});
</script>

Hi,
I've moved the definition lines inside the "thumbs" div and
am still unable to get functionality from the hover effects.
Here's my code:
<div id="thumbs" spry:region="dsBrenan">
<img spry:repeat="dsBrenan" id="tn{dsBrenan::ds_RowID}"
src="images/keith_brenan_wave/{dsBrenan::@thumbpath}" width="100"
height="100" onclick= "fadeOutContentThenSetRow('{ds_RowID}');"
onmouseover="hfade.start();" onmouseout="hfadeout.start();" />
<script type="text/javascript">
var hfade = new Spry.Effect.Fade("tn{dsBrenan::ds_RowID}",
{duration:500, from:50, to:100});
var hfadeout = new
Spry.Effect.Fade("tn{dsBrenan::ds_RowID}", {duration:500, from:100,
to:50});
</script>
</div>
Could my code for the fade in and out on the main image be
causing issues with the thumbs? Here is that code:
<script type="text/javascript"> 
var gEffectInProgress = null;
var gPendingSetRowIDRequest = -1;
function fadeInContent(notificationType, notifier, data)
if (notificationType != "onPostUpdate")
return;
var effect = new Spry.Effect.Fade('main_image', { to: 100,
from: 0, duration: 1000, finish: function() {
// The region is now showing. Process any pending row change
request.
gEffectInProgress = null;
if (gPendingSetRowIDRequest >= 0)
var id = gPendingSetRowIDRequest;
gPendingSetRowIDRequest = -1;
fadeOutContentThenSetRow(id);
effect.start();
Spry.Data.Region.addObserver('main_image', fadeInContent);
function fadeOutContentThenSetRow(rowID)
if (gEffectInProgress)
gPendingSetRowIDRequest = rowID;
return;
if (rowID == dsBrenan.getCurrentRowID())
return;
gEffectInProgress = new Spry.Effect.Fade('main_image', { to:
0, from: 100, duration: 1000, finish: function() {
dsBrenan.setCurrentRow(rowID);
gEffectInProgress.start();
</script>
Thank you for your patience and time.

Repeat Spry Region problems

First of all, I am very new to Spry in Dreamweaver, but have
an effect that I know must be possible to create using the Spry
Regions tools.
I have a two column webpage. On the left column I want to
have 3 rows of 3 thumbnail images that represent different work
samples. Once they are clicked, I would like a larger image and
explanation to appear in the left column (without being a new
page).
I saw a tutorial similar to this on the Adobe Design Center (
http://www.adobe.com/designcenter/video_workshop/?id=vid0166),
but instead of thumbnails, they used text, and created a Spry
Table. I don't think a table would work for me since I didn't see a
way to define the amount of rows.
I have 9 <div> tags set up with image placeholders that
I would like to link to an xml file to fill them. I cannot seem to
figure out the way to do this. My code is attached.

I can tell you categorically that the code in the Missing Manual works as intended. If your code is not working then there is something in the code that is responsible. We'd have to see it all to tell you....

Spry Regions and Mouseover Effects

Similar Messages

Maybe you are looking for