Dynamically change a spry region...

I'm creating a "Next and Previous" function. With this
particular design, the back and next functions will serve as back
and next sets for the current "viewable" region. I was trying to
figure out a way to dynamically get that going but I've had no
luck. Does anyone have any ideas?

Hi,
Have you checked our Paging sample here:
http://labs.adobe.com/technologies/spry/samples/PagingSample.html
Regards,
Dragos

Similar Messages

Dynamically change with of regions

Hi,
i have to display 2 regions side by side on the screen. This works very fine when I post
style="width:300px;float:left;clear:none" But for users with a grate or smale display I want to use an item (or page variable) to set the display width lager or smaller. When I use &P_VAR. with the content style="width:200px;float:left;clear:none" in Region Attribute nothing changes.
What can I do?
Regards
Siegwin

here i can able to make validation for return status item not to null
if transaction type is INWARD/OUTWARD RETURN if it is already saved in db
... but i am saving it any where initially
I m changing transaction type from inward to inward return if i pressed submit button it has to show a msg that i have fill the return status later oly the record ll be updated..
for this wat i have to do..
sorry i m so poor in apex that y i m again asking for more details

Can you specify spry:region to call a dataset dynamically?

Hi. I am new to spry. I have a certain number of different datasets within 1 html page, let's say i have ds1, ds2, ds3 and so on..
So the calling page now should have a drop down select menu that will enable the user to call on the appropriate dataset based on the selected option he did.
Any idea? is this possible? I dont think filter will be good here since my data is coming from different datasets.. so i was thinking of having spry:region=whateverthevalueoftheuserhasselected.value. but for the intellisense i should specify a "specific" dataset name. but it should be a variable. please help!!! Thank You!!!

Wow this is great! It working!!!! thanks for this! I'll post my solution for others' reference as well.
The code below is my solution to switch to display 3 different datasets by user selection.
Here's for the script in the <head>
<script type="text/javascript">
var testDS = new Spry.Data.HTMLDataSet("testsschedule.html", "test");
var testDS2 = new Spry.Data.HTMLDataSet("testsschedule.html", "test2");
var testDS3 = new Spry.Data.HTMLDataSet("testsschedule.html", "test3");
var dsShell = new Spry.Data.DataSetShell(testDS);
function ChangeDS(selectObject)
var selectedValue = selectObject.options[selectObject.selectedIndex].value;
switch(selectedValue)
case "testDS":
           dsShell.setInternalDataSet(testDS, true);
          break;
case "testDS2":
           dsShell.setInternalDataSet(testDS2, true);
          break;
case "testDS3":
           dsShell.setInternalDataSet(testDS3, true);
          break;
          default:
          break;
</script>
Here's the select option code:
<select name="selectCategory" id="selectCategory" onchange="ChangeDS(this)";>
<option value="testDS">Option1</option>
<option value="testDS2">Option2</option>
<option value="testDS3">Option3</option>
</select>
And here's my div to display the dataset!
<div id="liveTable" spry:region="dsShell" class="SpryHiddenRegion">
<table border="1" class="dataTable">
   <tr>
     <th spry:sort="@id">@id</th>
     <th spry:sort="CourseName">CourseName</th>
     <th spry:sort="January">January</th>
     <th spry:sort="January">Februaru</th>
   </tr>
   <tr spry:repeat="dsShell">
     <td>{@id}</td>
     <td>{CourseName}</td>
     <td>{January}</td>
     <td>{Februaru}</td>
   </tr>
</table>
</div>
Thanks big time gramps!!!

Is it possible to bind spry:region dynamically?

Using jQuery or Javascript is it possible to bind spry:region to a unique div?
A case might be that a page passes query parameter which is fetched on body load and passed to a function, which then gets filepath, xpath and binds the spry:region to any div. Is something like this possible

hi urbashi.......
      it is possible..
       you should first pass the id of he ui element and then bind it.
       for ex:
         if there is an input field, you can get the attribute that is bound, using cl_wd_input_field->bound_value.
         if you want to set an attribute, use cl_wd_input_field->bind_value.
         the first one will give an idea of how a valueshould be given.
---regards,
   alex b justin

Execute code after Spry region redrawn / added to DOM

Hi,
I'm integrating my Spry event data with a YUI calendar.
Everything is working and event dates are highlighted on the YUI calendar. There is one last thing I wish to do which is to update the YUI calendar with a Spry Tooltip. The div regions for the tooltip text are generated dynamically by via a Spry repeating region. What I am failing to do is attach the tooltips to the YUI calendar after the Spry repeating region has been added to the docuement DOM. So the Spry Tooltip function cannot find the ID of the tooltips.
I have a dataset observer "onpostload" which seems to fire when the data is loaded but before the document dom has been updated by Spry. How can I ensure I wait for Spry to update the region and hence DOM with the new data before triggering the tooltip code?
Cheers
Phil

You got different kind of observers in Spry Data.
- Dataset observers:
datasetname.addObserver( observer )
- Spry Region Observers:
Spry.Data.Region.addObserver( 'region-id', observer );
The dataset observers send out notifications when there is a event happening inside the Spry Data Sets. The one you mentioned is part of this (onPostLoad). These are great to monitor your data changes, but in your case. You don't want to use these.
The Spry region observers respond to events that are happening in side the region. For example onPreUpdate, this event is called when the region is about to generate / insert new markup in to your region. But you also got the onPostUpdate. This is the observer you are looking for, it gets called once the region has re-generated its code / html. It gets fired directly after the new HTML has been inserted.
Small note about the region observers, these require a id= attribute. This id attribute must be placed on the same element as the spry:region. To learn, and read more about the observers i would like to referrer you to this article:
Data Set and Region Overview
Its rather large, but using the browser build in find function you should be able to locate the sections about the observers
Hopes this helps,

Setting dynamic option in Spry generated dataset

I have a dataset menu that lists the 50 U.S. States.... I'm
using a dataset list for this so it will dynamically change the
county select list when a specific state is chosen.
How can I have my dataset generated State list default to a
specific state based on a value from a recordset?
Thanks,
J Bishop

This is the correct answer - thanks. - searched all day for this
In the head JS tag add the following after
var dsCities = new Spry.Data.XMLDataSet("xml/{dsStates::url}", "state/cities/city");
var statenum = 20; // Sets dsStates to the 21st node value = MA Massachusetts - observer will default the dsCities to massachusetts.xml
// add an array search to return the index for statenum
dsStates.addObserver({ onDataChanged: function(ds, type) { dsStates.setCurrentRowNumber(statenum); } });
There should be a a cookbook on SPRY of popular needed functions - the samples are fragments but it takes a lot of work, the hard way to learn and piece it together..

Accessing form elements within a Spry region.

Since nested Spry regions isn't yet support, can someone tell
me how to access and modify form elements within a existing region?
For example, I have a region that displays a form based on
data I defined in a javascript array. On of the form elements is a
select with some options. I want to added and remove options to
this select depending on the number of objects in the data array.
The select is not defined when I try to access it after spry
has finished rendering the form, eg
document.forms[0].selOrder1.options.length = 0;
How are Spry regions attached to the browser's DOM? Does Spry
create it's own DOM subordinate to the main DOM?
Is it possible to make changes to a Spry region without using
Spry?
thx
pwp

Actually, there are a couple of ways to get access to the DOM
underneath a region container. If you have a region, you can put an
ID attribute on the region container node, or if you are using a
region observer, the data passed into the observer has a regionNode
property. So if you want access to the region DOM anytime the
region is re-generated, do something like this:
function myRegionObserver(notificationType, notifier, data)
// We only want to do something after the region is
re-generated,
// for all other notifications, do nothing.
if (notificationType != "onPostUpdate")
return;
// If your region container element has an ID on it, just
use
// getElementByID. This is useful in the case where your
observer
// is only ever registered with one region.
var rgnElement1 = document.getElementById("headerRegion");
alert(rgnElement1.innerHTML);
// Or you can simply use the regionNode property of the data
// that is passed in. This is useful if you've registered
the same
// observer on multiple regions. The regionNode property
will
// contain the region container node for the region that is
currently
// being updated.
var rgnElement2 = data.regionNode;
alert(rgnElement2.innerHTML);
Spry.Data.Region.addObserver("headerRegion",
myRegionObserver);
<div id="headerRegion" spry:region="ds1">
</div>
--== Kin ==--

Spry:region - Update

Hi,
I'm a beginner in programming with Adobe Spry so I don't know
if I already understood the Spry concept correctly or if my
question has already been answered in this forum before.
I have got an XML file on my web server which contains the
address data of a single user in the following way:
<?xml version="1.0" encoding="iso-8859-1"?>
<adressbook>
<contact id='1'>
<name>Person 1</name>
<company>his company</company>
</contact>
</adressbook>
The xml file is dynamically generated and can be called with
a GET-parameter "contact" which represents the contact id of the
contact whose address data should be delivered in the response.
Now I read something about the Adobe Spry data set concept.
So I wanted to implement a small address book widget by fetching
the data of a chosen contact from the server in the following way:
<script type="text/javascript">
var contactinfo = null;
function getcontactinfo(contactid) {
contactinfo = new
Spry.Data.XMLDataSet("data.xml.php?contact=" + contactid,
"/adressbook/contact", { useCache: false });
</script>
<div id='names'>
<a href='javascript:getcontactinfo(1)'>Person
1</a><br>
<a href='javascript:getcontactinfo(2)'>Person
2</a><br>
</div>
<div id='info' spry:region="contactinfo">
<table spry:repeatchildren="contactinfo">
<tr><td>name:</td><td>{name}</td></tr>
<tr><td>company:</td><td>{company}</td></tr>
</table>
</div>
My problem is that the spry:region won't be updated after
requesting new data via Spry.Data.XMLDataSet(). If I leave out the
getcontactinfo()-function and simply write something like
var contactinfo = new
Spry.Data.XMLDataSet("data.xml.php?contact=1",
"/adressbook/contact", { useCache: false });
everything works fine. Can anybody help me and could give me
a hint what I might do wrong.
Thanks a lot
André Langer
P.S.: btw. does anybody know if there's an option in the
spry:repeatchildren part to implement a similar behaviour like in
XSL where I could find out the tag names (in Spry the column
names), see
<xsl:for-each select="/adressbook/contact/*">
<tr><td><xsl:value-of
select="name()"/>:</td><td><xsl:value-of
select="."/></td></tr>
</xsl:for-each>

Hi Ala,
Look into the setURL and loadData functions.
http://labs.adobe.com/technologies/spry/articles/data_set_overview/
You can so something like
<a onClick="
contactinfo.setURL('data.xml.php?contact={contactid}');
contactinfo.loadData();")
http://labs.adobe.com/technologies/spry/samples/data_region/SetURL.html
Hope this helps.
Don

Color Changes in Spry Data Fields

Hi All,
I'm new to Javascript & PHP programming. Currently I have coded neccesary apperances for the Web Page and also Spry Data Set to read an external XML date source file.
What I need to do is one of the fields, needs to have color based status changes based on certain data or criterias received.
For example,
I have a Spry Table displayed on my browser,
Name
Current Status
Lane
Jane
6 Mins
1
Peter
Boarding
2
Sally
Arriving
3
Alex
Delayed
4
With the above, what I need is when the current status show in minutes, the text color will be white (This has been coded with CSS Style)
For the Current Status color changes, when I received anything apart from minutes, the display will be as of below :-
Minutes = Black
Boarding = Red
Arriving = Green
Delayed = Yellow
My question is can this be coded with just Javascript, HTML and normal CSS
OR
This needs to be coded in PHP, ASP ?
I'm not familiar with ASP and only have very little knowledge of PHP. If anyone here have some experience with this, can offer some advice on how I can apply this theory into my existing. And if possible some code example would be great.
Thanks.

I have tried many times on Ben's method and it didn't work.
I have also tried the method from Adobe's documentation site.
Method 1
<ul spry:region="dsStates" spry:if="{ds_RowCount} != 0" spry:repeat="dsStates" spry:test="'{name}'.match(/^[amn]/i);" spry:choose="choose">
     <li spry:when="'{name}'.match(/^n/i);" style="color: red;">{name}</li>
     <li spry:when="'{name}'.match(/^m/i);" style="color: blue;">{name}</li>
     <li spry:when="'{name}'.match(/^a/i);" style="color: green;">{name}</li>
</ul>
Method 2
<div spry:region="dsStates" spry:if="{ds_RowCount} != 0">
<table border="1" spry:repeatchildren="dsStates" spry:test="'{name}'.match(/^[amn]/i);" spry:choose="choose">
     <tr spry:when="'{name}'.match(/^n/i);" style="background-color: red;"><td>{name}</td></tr>
     <tr spry:when="'{name}'.match(/^m/i);" style="background-color: blue;"><td>{name}</td></tr>
     <tr spry:when="'{name}'.match(/^a/i);" style="background-color: green;"><td>{name}</td></tr>
</table>
</div>
Can anyone make it plain and simple of how the data source should look like ?
I'm posting my source code here to make things easy.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="SpryAssets/xpath.js" type="text/javascript"></script>
<script src="SpryAssets/SpryData.js" type="text/javascript"></script>
<script type="text/javascript">
var KomtarETA = new Spry.Data.XMLDataSet("KomtarETA.xml", "komtareta/bus", {useCache: false, loadInterval: 100});
</script>
</head>
<body>
<div spry:region="KomtarETA">
<table>
    <tr>
      <th>Route</th>
      <th>Current</th>
      <th>Destination</th>
      <th>Next</th>
      <th>Lane</th>
    </tr>
    <tr spry:repeat="KomtarETA">
      <td>{route}</td>
      <td>{current}</td>
      <td>{destination}</td>
      <td>{next}</td>
      <td>{lane}</td>
    </tr>
</table>
</div>
</body>
</html>
The above is the HTML file I start working with.
The {Current} field needs to have it's data periodically changing color & addition of flashing effect based on it's input from the XML data.
So my question is how do I work about ? I don't quite get the explanation above.
Thanks.

Dynamically change table selecting from

in 3.2 on 11g database is there a way to dynamically change the table used in a select statement for an interactive report? I have a series of similar tables, one for each month of the year. I want to click a month on one page and bring up a report from the table for that month. I want to use one page for this report and have all links from previous page link to the same page, just different result based on what month was clicked.
I know I could just setup 12 different reports and conditionally display each region based on a value passed to the that page, but I'd prefer to only create one page & one report on that page.
Thanks for any ideas or solutions.

Your function will have the code dynamically built.. What you do is you build your sql and pass in the table name and any other items that will change based upon your requirements..
here is an example...
function inventory_report (p_State IN VARCHAR2) RETURN VARCHAR2 IS
declare
q varchar2(4000);
begin
q:='   select p.category, ';
q:=q||'       p.product_name, ';
q:=q||'       p.quantity, ';
q:=q||'       p.unit_price ';
-- Here is where we substitute the passed in state name for the data table we extract data from
q:=q||' from ' || V('p_State') || ' p, ';
q:=q||' where p.product_quantity > 0 ';
return q;
end;Thank you,
Tony Miller
Webster, TX

How to dynamically change start time in calendar

Hi !
Is it possible dynamically change start time attribute in calendar. Let's say I'd like to have start time = sysdate through 24 for display

Hello Johann,
If you created the calendar region using the wizard, it should have created a page item 'P#_CALENDAR_DATE' (# being your page number). Look at the Default setting for that item and it will likely be:
return to_char(localtimestamp,'YYYYMMDD');This is the default date for the calendar (current date), in 'YYYYMMDD' format. Any code that sets this item to a date in 'YYYYMMDD' format should tell the calendar to display the calendar for that date. For example, I just changed it to this:
return '20080101';And it displayed the calendar for that January, 2008. To test further I created a submit button and a branch, and in that branch I specified to set my P1_CALENDAR_DATE item to 20080601 and when I clicked the button it redisplayed the calendar for June, 2008.
Hope this helps,
John

Dreamweaver rewriting spry:region

When I save a template that contains a Spry dataset and
region, Dreamweaver changes the region to "datasetname function".
When the template loads the code is:
spry:region="dsAirsale"
when I save the file, it becomes:
spry:region="dsAirsale function"
Why?

I've never seen/heard of this problem. Do you have a sample
file we can look at to reproduce the problem? Are you talking about
saving the .dwt file? Or an HTML file that is an instance of the
template? Is the spry:region inside an editable region?
--== Kin ==--

How to update the spry region?

there is a spry region that bound to a dateset for to show
the dataset's records.
when i reload the ds,how should i refresh the spry region?

Hi lugreen,
If a region is bound to a data set, it should *automatically*
update whenever you reload its data.
As Diana points out, you should can simply call:
ds.loadData();
If you want the data set to reload the same URL, or if you
want to change the URL, do this:
ds.setURL(myNewURL);
ds.loadData();
--== Kin ==--

Dissapearing Spry regions

I have two Spry:regions coming from two different datasets
(vars I loaded in the head), NOT nested (they are independant,
self-contained, spry:regions (divs)). When I render, only the first
dataset is showing. However if I repeat the one dataset showing, it
shows twice. How do I get the second spry:region to appear and stay
onscreen? It appears briefly on the screen as the page loads, but
this entire spry:region of the different dataset, dissapears
completely, after retrieval of the XML, with no javascript errors.
This is happenign in both Netscape8.1 and IE7.

part of The CSS for center divs:
/* center column divs
===================================================*/
#centerColumn {
margin:0px;
padding:0px;
display:block;
position:absolute;
width:497px;
left:219px;
top:150px;
height:100%;
#welcomeStoryArea {
margin:0px;
padding:0px;
display:block;
position:relative;
float:left;
width:497px;
height:136px;
background-image:url(../images/RM_welcome_bkgrd.jpg);
background-repeat:no-repeat;
#wakeUpCall {
display:block;
float:left;
clear:left;
margin:10px 0 0 0;
padding:0px;
position:relative;
left:0px;
width:491px;
#DundeeCoverageUniverse {
display:block;
float:left;
clear:left;
margin:10px 0 0 0;
padding:0px;
position:relative;
left:0px;
width:491px;
#dsRecentDundee {
display:block;
float:left;
clear:left;
margin:10px 0 0 0;
padding:0px;
position:relative;
left:0px;
width:491px;
visibility:visible;
/* Welcome Story area styles
===================================================*/
The Head part of HTML for laoding the variables:
<head>
<title>Dundee Research</title>
<link rel=stylesheet type="text/css"
href="../css/research.css" />
<script type="text/javascript"
src="../js/xpath.js"></script>
<script type="text/javascript"
src="../js/SpryData.js"></script>
<script type="text/javascript"
src="../js/research.js"></script>
<script language="javascript" type="text/javascript"
src="/js/dwm_functions.js"></script>
<script language="javascript" type="text/javascript"
src="/js/dwm_toggle.js"></script>

<script type="text/javascript">
var wakeUpCall = new
Spry.Data.XMLDataSet("../data/wakeUp.xml",
"wakeUp/report",{useCache:false});
var dsRecentDundee = new
Spry.Data.XMLDataSet("../data/RecentDundeeResearch.xml",
"recent/dundee", {useCache:true});
var dsDundeeUniverse = new
Spry.Data.XMLDataSet("../data/DocumentServlet.xml",
"DundeeUniverse/Record");
</script>
</head>
The DIv that is causing the problem:

<div id="centerColumn">

<div id="welcomeStoryArea">
<h3>Welcome to Dundee Research</h3>
<P>jdlfgkjd ldfkjg ldfkjg ldfkgj ldfkgj ldfkgj ldfkjg
ldfkjgld kfjgld kjdlfgkjd lfkgjdlfk gjdlfkgjd lkjgldfkgjdl
fkjg</P>
</div>



<div spry:region="wakeUpCall" id="wakeUpCall">
<p class="tbl_title">Wake-up Call</p>
<table border="0" cellpadding="5" cellspacing="2"
width="491">
<tr>
<th class="tbl_header" scope="col"
onclick="wakeUpCall.sort('date'); " width="97">Date
Published</th>
<th class="tbl_header" scope="col"
onclick="wakeUpCall.sort('title'); "
width="379">Title</th>
</tr>
<tr spry:repeat="wakeUpCall">
<td class="tbl_cell">{wakeUpCall::date}</td>
<td class="tbl_cell"><a
href="#">{wakeUpCall::title}</a></td>
</tr>
</table>
<p class="more"><a
href="#">more</a></p>
</div>


<div id="DundeeCoverageUniverse">
<p class="tbl_title">Dundee Coverage Universe</p>
<table border="0" cellpadding="5" cellspacing="2"
width="491">
<tr>
<th class="tbl_header_noSort" width="97">Date
Published</th>
<th class="tbl_header_noSort"
width="379">Title</th>
</tr>
<tr>
<td class="tbl_cell">23-20-2007</td>
<td class="tbl_cell"><a href="#">Esitimates and
Recommendations 23-Feb-07</a></td>
</tr>
</table>
</div>



<div spry:region="dsRecentDundee" id="dsRecentDundee">
<p class="tbl_title">Recent Dundee Research</p>
<table border="0" cellpadding="5" cellspacing="2"
width="491">
<tr>
<th class="tbl_header" scope="col"
onclick="dsRecentDundee.sort('date'); " width="97">Date
Published</th>
<th class="tbl_header" scope="col"
onclick="dsRecentDundee.sort('title'); "
width="379">Title</th>
</tr>
<tr spry:repeat="dsRecentDundee">
<td class="tbl_cell">{dsRecentDundee::date}</td>
<td class="tbl_cell"><a
href="#">{dsRecentDundee::title}</a></td>
</tr>
</table>
<p class="more"><a
href="#">more</a></p>
</div>

</div>

Text
Text
The sample XML file of RecentResearch:
<?xml version="1.0" encoding="iso-8859-1"?>
<recent>
<dundee id="1">
<date>28-02-2007</date>
<title>Focus on the Juniors - 2007: Dundee's Mineral
Exploration Stock Watch</title>
</dundee>
<dundee id="2">
<date>23-02-2007</date>
<title>Canadian Banks - No Need to Fear the
Future</title>
</dundee>
<dundee id="3">
<date>19-02-2007</date>
<title>Aeroplan Income Fund - Set to
Soar</title>
</dundee>
<dundee id="4">
<date>13-02-2007</date>
<title>Mirabela Nickel Limited - Succeeding at Santa
Rita</title>
</dundee>
<dundee id="5">
<date>07-02-2007</date>
<title>Breaker Energy Ltd. - Stable & Consistent
Growth in a Wave of Uncertainty</title>
</dundee>
</recent>
The sample XML file that is working:
<?xml version="1.0" encoding="iso-8859-1"?>
<wakeUp>
<report id="1">
<date>08-03-2007</date>
<title>CCL, Current Market Statisitics, Daily Summary,
Estimate Tables</title>
</report>
<report id="2">
<date>08-03-2007</date>
<title>CCL, Current Market Statisitics, Daily Summary,
Estimate Tables</title>
</report>
<report id="3">
<date>07-03-2007</date>
<title>SW, Current Market Statisitics, Daily Summary,
Estimate Tables</title>
</report>
<report id="4">
<date>06-03-2007</date>
<title>ACG, TET.UN, Current Market Statisitics, Daily
Summary, Estimate Tables</title>
</report>
<report id="5">
<date>05-03-2007</date>
<title>Current Market Statisitics, Coming Events,
Daily Summary, Estimate Tables</title>
</report>
</wakeUp>
Text

Turn Off Updates to a Spry Region?

I have a script that manipulates the contents of a spry
region by removing selected rows, then re-applying a pre-existing
filter. I'd like to temporarily suspend any updates to the region
so that the contents remain static until I've finished all my
manipulations, then I'd want to update the region to show the final
result of my processing. Is there a way to turn off and on updates
to a region?

cmanmcl,
This can be done by signing out of Messages in Settings -> Messages, then signing in with the desired Apple ID.
iOS 6 and later: Go to Settings > Messages, then tap Send & Receive.
If you signed out before changing your Apple ID:
iPhone, iPod touch: Tap "Use your Apple ID for iMessage" and enter your current Apple ID.
iPad: Enter your current Apple ID.
If you're still signed in with your previous Apple ID, tap your previous Apple ID, then tap Sign Out.
iPhone, iPod touch: Tap "Use your Apple ID for iMessage" and enter your current Apple ID.
iPad: Enter your current Apple ID.
Apple ID: What to do after you change your Apple ID
http://support.apple.com/en-us/HT5796
Cheers,
Allen

Dynamically change a spry region...

Similar Messages

Maybe you are looking for