dymanic div id
Hi I'm new here and new to spry. I need help with spry:region. i have set up a spry page dymanic div id with xml here id the code
<div spry:region="dsPlanner">
<div id="container" spry:repeat="dsPlanner" ><img src="{mainImg}" alt="#" />
<div id="maintitle">
<div align="left">{maintitle}</div>
</div>
<div id="lessonNum">
<div align="center">{lessonNum}</div></div>
<div id="{obj_info}" class="resource" title="resource" style="position:absolute; top:75px; left:9px; width:243px; height:55px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; z-index:5;">{objective}</div>
<div id="{print_info}" class="resource" title="resource" style="position:absolute; top:135px; left:9px; z-index:6;"></div>
<div id="{TH01}" class="resource" title="resource" style="position:absolute; top:161px; left:12px; z-index:7;"><img src="{thumbpath_01}" alt="{TT01}" width="36" height="36" id="classonme" title="{TT01}" onclick="MM_openBrWindow('dymanice_div.html','win' ,'toolbar=yes,location=yes,status=yes,menubar=yes, scrollbars=yes,resizable=yes,width=50,height=100') " ><span id="highlighttrigger" class="tooltipContent"></span></div>
<div id="{TH02}" class="resource" title="resource" style="position:absolute; top:161px; left:57px; z-index:8;"><img src="{thumbpath_02}" id="classonme" width="36" height="36" alt="{TT02}" title="{TT02}"></div>
<div id="{TH03}" class="resource" title="resource" style="position:absolute; top:161px; left:103px; z-index:9;"><img src="{thumbpath_03}" id="classonme" width="36" height="36" alt="{TT03}" title="{TT03}"></div>
<div id="{TH04}" class="resource" title="resource" style="position:absolute; top:161px; left:149px; z-index:10;"><img src="{thumbpath_04}" width="36" height="36" alt="{TT04}" title="{TT04}"></div>
<div id="{TH05}" class="resource" title="resource" style="position:absolute; top:161px; left:195px; z-index:11;"><img src="{thumbpath_05}" width="36" height="36" alt="{TT05}" title="{TT05}"></div>
<script type="text/javascript">
var highlight_tooltip = new Spry.Widget.Tooltip('highlighttrigger', '#classonme', {hideDelay:500, hoverClass:"enlarge"})
</script>
</div>
</div>
</div>
</div>
and here is the xml
<planners>
<planner id="r00">
<mainImg>images/resources.jpg</mainImg>
<maintitle></maintitle>
<lessonNum></lessonNum>
<objective>• Diagnostic Assessment • Vocabulary Builder • Show what you know</objective>
<obj_info>G1C08L00SS1</obj_info>
<print_info></print_info>
<thumbpath_01>images/pd_icon.jpg</thumbpath_01>
<thumbpath_02>images/ss_icon.jpg</thumbpath_02>
<thumbpath_03>images/eg_icon.jpg</thumbpath_03>
<thumbpath_04>images/space.gif</thumbpath_04>
<thumbpath_05 >images/space.gif</thumbpath_05>
<TH01>G1C08L00SS2</TH01>
<TH02>G1C08L00SS3</TH02>
<TH03>G1C08L00SS4</TH03>
<TH04></TH04>
<TH05></TH05>
<TT01>Pod Cast</TT01>
<TT02>Soar to Success</TT02>
<TT03>eGlossary</TT03>
<TT04></TT04>
<TT05></TT05>
</planner>
</planners>
can anyone help me get to the div Ids
thanks
|