Spry - how to use it

I downloaded "Building a photo album with the Spry framework"
from the developer center.
Its a fine bit of work, and I have modified it to suit most
of my purposes. However, I cannot figure out how to make it add a
property to one of the nodes - in otherwords, how do I store and
retreive and display the name of a photo?
My xml looks like this (for a single photo):
<banner font = "Arial" fontsize = "3" color =
"#F0F0F0"> </banner>
<thumbnail base ="thumbnails/" font = "Arial" fontsize =
"4" color = "#F0F0F0" border = "0" rows = "3" col = "5">
</thumbnail>
<large base ="images/" font = "Arial" fontsize = "3" color
= "#F0F0F0" border = "0"> </large>
<photos id = "images">
<photo
path = "w1.jpg"
width = "300"
height = "254"
thumbpath = "w1.jpg"
thumbwidth = "97"
thumbheight = "149">
</photo>
===================================
How do I insert the name attribute for a photo in this xml
file, and how do I modify the display file that follows
>>>>>>>>>>>>>>>> :
<script type="text/javascript">
var dsGallery = new Spry.Data.XMLDataSet("photos.xml",
"/gallery/photos/photo");
var dsData = new Spry.Data.XMLDataSet("photos.xml",
"/gallery");
</script>
<style type="text/css">

</style>
<link href="../Css/newfilms.css" rel="stylesheet"
type="text/css" />
</head>
<body>
<div id="thumbContainer" spry:region="dsGallery
dsData"> <img src="{dsData::thumbnail/@base}{@thumbpath}"
spry:repeat="dsGallery" class="thumbs"
onmouseover="dsGallery.setCurrentRow('{ds_RowID}');" />
</div>
<div id="main" spry:detailregion="dsGallery
dsData"><img src="{dsData::large/@base}{@path}"/><br
/></div>
<div id="namesContent" spry:detailregion="dsGallery
dsdata"> </div>
</body>
</html>
>>>>>>>>>>>>>>>>
to display it?

quote:
Originally posted by:
kinblas
If you're getting a "Spry is undefined" error, it probably
means that the browser is not finding the JS files you included at
the top of your HTML file. Make sure the path to your JS files are
correct ... you can do this by trying to load the JS files directly
in the URL field at the top of your browser.
--== Kin ==--
if u look at the code.. u will seee:
<link href="SprySlidingPanels.js" rel="stylesheet"
type="text/javascript"/>
it should be
<script src="SprySlidingPanels.js"
type="text/javascript"></script>

Similar Messages

How to show active page in Spry Menu Bar using images

Hi,
I have already read this answer "how to show active page in spry menu bar" but I am using images, not text. I have mouse-over and mouse-out working in the Spry Menu Bar using image.png and image-over.png, but I cant' figure out how to get the image-over.png to appear on the active page since the spry menu bar is locked on the individual pages. (I tried to put it in an editable comment, but spry wouldn't go for it. :-)
Any ideas. Here is the code:
<ul id="MenuBar1" class="MenuBarHorizontal">
       <li><a href="../index.html" id="home" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','../images/all_pages/home-over.png',1 )"><img src="../images/all_pages/home.png" alt="Home Page" name="home" width="58" height="20" border="0" id="Image8" /></a></li>
       <li><a href="../show.html" id="show" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('show','','../images/all_pages/show-over.png',1)"><img src="../images/all_pages/show.png" alt="The Show" name="show" width="101" height="20" border="0" id="show" /></a></li>
        <li><a href="../team.html" id="team" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('team','','../images/all_pages/team-over.png',1)"><img src="../images/all_pages/team.png" alt="The Team" name="team" width="97" height="20" border="0" id="team" /></a></li>
        <li><a href="../company.html" id="company" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('company','','../images/all_pages/company-over.png',1)"><img src="../images/all_pages/company.png" alt="The Company" name="company" width="139" height="25" border="0" id="company" /></a></li>
        <li><a href="../beatles-tickets.html" id="tickets" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('tickets','','../images/all_pages/tickets-over.png',1)"><img src="../images/all_pages/tickets.png" alt="Tickets" name="tickets" width="75" height="20" border="0" id="tickets" /></a></li>
        <li><a href="../media.html" id="media" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('media','','../images/all_pages/media-over.png',1)"><img src="../images/all_pages/media.png" alt="Media" name="media" width="61" height="20" border="0" id="media" /></a></li>
        <li><a href="../news-reviews.html" id="news" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('news_reviews','','../images/all_pages/news_reviews-over.png',1 )"><img src="../images/all_pages/news_reviews.png" alt="News-Reviews" name="news_reviews" width="149" height="20" border="0" id="news_reviews" /></a></li>
        <li class="MenuBarHorizontal"><a href="../contact.html" id="contact" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact','','../images/all_pages/contact-over.png',1)"><img src="../images/all_pages/contact.png" alt="Contact Us" name="contact" width="79" height="20" border="0" id="contact" /></a></li>
     </ul>
Thanks so much for helping!
Cheers,
Janell

Just found this page:
Persistent Page Indicator
Update: Drat, it is for text menus only not using images. :-(
Cheers,
Susan

How to use spry on DreamWeaver Mac?

ive been searching the web on how to use spry on the mac but i am unable to use it for some reason. HELP?!

Hello,
I quote from different contributions of the forum:
"Spry has been deprecated and is no longer officially supported by Adobe", “Adobe abandoned Spry late last year after CS6 came out. Future products will probably not contain any Spry so learning to use jQuery is a valuable skill to have for the future.” “The news was released in August last year:
http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framework-availability.htm l”
and: "All Spry framework related examples available here: http://adobe.github.com/Spry/samples/
You may want to take a look at it. I'd recommend you switch to a jQuery library for your further requirements.
Examples
http://users.tpg.com.au/j_birch/plugins/superfish/examples/
http://www.egrappler.com/a-stylo-modern-jquery-accordion-akordeon/
http://craigsworks.com/projects/simpletip/
http://calebjacob.com/tooltipster/
http://www.solutions4website.com/Extensions/nova_dropdown_menu.aspx
Tutorials:
http://speckyboy.com/2012/08/29/10-responsive-navigation-solutions-and-tutorials/
http://try.jquery.com/
http://learn.jquery.com/
https://tutsplus.com/course/30-days-to-learn-jquery/
http://www.w3schools.com/jquery/
If you have a budget to work with, get PVII's Pop-Menu Magic2.
http://www.projectseven.com/products/menusystems/pmm2/
Hans-Günter

How to Use Spry to Validate Radio button

How to use Spry Validation for radio button?
The samples only have checkbox, text, select and textarea.
Thanks

I needed to add radio buttons to the live (non-destructive)
filter so users could choose which column they wanted to search
data from. Its been modified from the "contains CB" but works
nicely. It also had to rebuild table when another button was
selected. I'll post some code if anyone would like to use it....
The Form area -
<form name="filterform">
Data Filter: <input type="text" id="filterTF"
onkeyup="StartFilterTimer();" />
<input type="radio" id="containsCB" name="radio"
value="module" onclick="resetfilter();" checked /> by Module
<input type="radio" id="containsCB" name="radio"
value="oper" onclick="resetfilter();" /> by Oper
<input type="radio" id="containsCB" name="radio"
value="phone" onclick="resetfilter();" /> by Phone
<div id="radiovalue"></div>
</form>
The JS area -
function FilterData()
var tf = document.getElementById("filterTF");
for (var c=0; c < document.filterform.length; c++)
if (document.filterform[c].checked)
var choice = document.filterform[c].value;
if (!tf.value)
// If the text field is empty, remove any filter
// that is set on the data set.
dsRows.filter(null);
return;
// Set a filter on the data set that matches any row
// that begins with the string in the text field.
var regExpStr = tf.value;
regExpStr = "^" + regExpStr;
var regExp = new RegExp(regExpStr, "i");
var filterFunc = function(ds, row, rowNumber)
var str = row[choice];
if (str && str.search(regExp) != -1)
return row;
return null;
dsRows.filter(filterFunc);
function StartFilterTimer()
if (StartFilterTimer.timerID)
clearTimeout(StartFilterTimer.timerID);
StartFilterTimer.timerID = setTimeout(function() {
StartFilterTimer.timerID = null; FilterData(); }, 400);
function resetfilter() {
// var tf = document.getElementById("filterTF");
// var tfval = tf.value;
document.getElementById("filterTF").value = "";
StartFilterTimer();

How to make like Spry Products demo using Flash CS4 / xml?

hello there!
i wonder is it possible to make something similar to Spry Products Demo using Flash CS4 for front end and xml for back end data. take a look at this draft image. If it can be done, can someone guide me please. I am super new to AS2/3 - Please. Thanks for your help.

hello there!
i wonder is it possible to make something similar to Spry Products Demo using Flash CS4 for front end and xml for back end data. take a look at this draft image. If it can be done, can someone guide me please. I am super new to AS2/3 - Please. Thanks for your help.

Tutorial Announcement :: How To Use Auto Complete Text Form Control ::

Hello Everyone...
Here in this tutorial we gonna to learn a new and amazing feature of (ADDT), we will learn how to use Adobe developer toolbox (ADDT) form controls.
Form controls help you to add a fantastic features to your forms, that helps you to expand the form abilities and functionality...
The Auto complete Text Field is an enhanced text field that dynamically completes what you type with matched values from a table. You can also select the values from a list.
You can use the Auto complete Text Field in user registration forms, such as allowing users to select their country or city easier, Also in other forms that needs the user to pick one of many choices without any difficulties.
Requirements
To complete this tutorial you will need to install the following software and files:
Adobe Dreamweaver Cs3
Adobe Developer Toolbox (ADDT)
Don't forget: to try out the Demo type the first three letters :A - B - C
:: Go To Tutorials ::
:: Go To Tutorials ::
Best Regards
Waleed Barakat
Developer-Online Creator and programmer
http://www.developer-online.com

Heya Waleed,
I use spry to create an autocomplete form that works great across browsers that have javascript enabled. You can store info in a database and parse the info to xml for a dynamic approach. Take a look at the filter examples in spry.
http://labs.adobe.com/technologies/spry/samples/data_region/NonDestructiveFilterSample.htm l
http://labs.adobe.com/technologies/spry/samples/data_region/ZuggestSample.html

How to use stored procedures in DIAdem and Can the stored procedures be used to return values?

Can anyone please tell me how to use stored procedures in diadem and to return values from it. Its really important, can you please answer it at the earliest.
Thanks In advance
spiya

Hi Spria,
I'm very sorry for the mix-up, I thought Allen was going to answer you back with the particulars that we found out. Check out the attached Word document and the below tidbits:
The built-in DIAdem ODBC functions {SQL_...()} can only call stored functions, which return a scaler result {found then in SQL_Result(1,1)}. The syntax for this with an ORACLE db is
"select function(parameters) from package"
...where package defaults to "dual" if you don't use your own package.
There might be exceptions to that though, and the syntax will be different for other databases. Note that stored ORACLE procedures can NOT be called from the ODBC functions, instead you must use either ADO function calls in the DIA
dem VBScript or the OO4O COM wrapper that ORACLE provides (this is described in further detail in the below Word document).
Hope this helps,
Brad Turpin
DIAdem Product Support Engineer
National Instruments
Attachments:
Calling_ORACLE_Stored_Procedures_from_DIAdem.doc ‏28 KB

How to use the Observer when a page loads

Anybody know how to use the
Spry.Utils.addClassName('DivName','selected') and then fire the
Spry.Utils.addClassName with onLoad?
I am loading a page with the selector utils in it into a div
and then I think I must need an Observer to get the
Spry.Utils.addClassName to work when this page loads in a div.
Any help would be greatly appreciated.
Thank you,
Bisser.

I added Spry.Utils.addClassName('DivName','selected') in the
Script after the constructor and after the effects and it works
fine. Thank you for your help to get me going.
Well after the fact, this solution was a problem because it
loads the selector each time I loaded the file.
kinblas had the correct answer that I was looking for.... as
it loads the selector as a 3rd argument.
ie:
Spry.Utils.updateContent('mainDIV','/menu.php', function() {
Spry.Utils.addClassName('DivName','selected'); });
Thanks to both of you for your continued support.
Bisser.

How to use one email adress for multiple recipients

Hello,
I'd like to know how to use one email adress for multiple recipients.
this would be very useful or projects. for example;
if i send one mail to [email protected], all people in this project get an email.
I will add the people in this project myself.
I know it is possible, but I don't know how to do it ;-)
please help me!

Hope this help.
_http://technet.microsoft.com/en-us/library/cc164331(v=exchg.65) .aspx

Can't figure out how to use home sharing

Since the latest couple iTunes updates, my family and I can not figure out how to use home sharing. Everyone in our household has their own iTunes, and for a long time we would just share our music through home sharing. But with the updates, so much has changed that we can no longer figure out how to use it.
I have a lot of purchased albums on another laptop in the house, that im trying to move it all over to my own iTunes, and I have spent a long time searching the internet, and everything. And I just can't figure out how to do it. So.... how does it work now? I would really like to get these albums from my moms iTunes, onto mine. I would hate to have to buy them all over again.
If anyone is able to help me out here, that would be great! Thanks!

The problem im having is that after I am in another library through home sharing, I can't figure out how to select an album and import it to my library. They used to have it set up so that you just highlight all of the songs you want, and then all you had to do was click import. Now I don't even see an import button, or anything else like it. So im lost... I don't know if it's something im doing wrong, or if our home sharing system just isn't working properly.
Thanks for the help.

How to use the same POWL query for multiple users

Hello,
I have defined a POWL query which executes properly. But if I map the same POWL query to 2 portal users and the 2 portal users try to access the same page simultaneously then it gives an error message to one of the users that
"Query 'ABC' is already open in another session."
where 'ABC' is the query name.
Can you please tell me how to use the same POWL query for multiple users ?
A fast reply would be highly appreciated.
Thanks and Regards,
Sandhya

Batch processing usually involves using actions you have recorded. In Action you can insert Path that can be used during processing documents. Path have some size so you may want to only process document that have the same size. Look in the Actions Palette fly-out menu for insert path. It inserts|records the current document work path into the action being worked on and when the action is played it inserts the path into the document as the current work path..

How to use airport time capsule with multiple computers?

I'm sure there are some thread about this but i couldn't find it... so sorry for that but hear me out! =)
I bought the AirPort Time Capsule to back up my MBP
And so i did.
then i thought "let give this one a fresh start" so i erased all of it with the disk utility and re-installed the MBP from the recovery disk.
I dont want all of the stuff i backed up just a few files and some pictures so i brought that back.. so far so good.
Now i want to do a new back up of my MBP so i open time machine settings, pick the drive on the time capsule and then "Choose" i wait for the beck up to begin, and then it fails. It says (sorry for my bad english, im swedish haha) "the mount /Volume/Data-1/StiflersMBP.sparsebundle is already in use for back up.
this is what i want:
i want the "StiflersMBP.sparsebundle" to just be so i can get some stuf when i need them. it's never to be erased.
i want to make a new back up of my MBP as if it's a second computer...
so guys and girls, what is the easiest and best solution?
Best regards!

TM does not work like that.
If you want files to use later.. do not use TM.
Or do not use TM to the same location. Plug a USB drive into the computer and use that as the target for the permanent backup.
Read some details of how TM works so you understand what it will do.
http://pondini.org/TM/Works.html
Use a clone or different software for a permanent backup.
http://pondini.org/TM/Clones.html
How to use TC
http://pondini.org/TM/Time_Capsule.html
This is helpful.. particularly Q3.
Why you don't want to use TM.
Q20 here. http://pondini.org/TM/FAQ.html

How to use multiple ipods on one account

I have an Ipod classic and just bought my sons two nano's how do I use these on the same account without changing my account info?

Take a look here:
How to use multiple iPods with one computer
Forum Tip: Since you're new here, you've probably not discovered the Search feature available on every Discussions page, but next time, it might save you time (and everyone else from having to answer the same question multiple times) if you search a couple of ways for a topic, both in the relevant forums, in the User Tips Library and in the Apple Knowledge Base before you post a question.
Regards.

How to use a Table View in AppleScriptObjC

How can I use a table view and add data to it? And how can I display a button cell and image cell in the table? Thanks.

Hi all,
Actually i need some more clarification. How to use the same select statement, if i've to use the tabname in the where clause too?
for ex : select * from (tab_name) where....?
Can we do inner join on such select statements? If so how?
Thanks & Regards,
Mallik.

How to use '|' delimited as seprator in GUI_DOWNLOAD ? Plz suggest me ,,

how to use '|' delimited as seprator in GUI_DOWNLOAD ? Plz suggest me ,,
i want the output should be seprated by '|' delimited when i download the file.

Hi,
We will pass the seperator to the WRITE_FIELD_SEPARATOR parameter as
CALL FUNCTION 'GUI_DOWNLOAD'
EXPORTING
filename = v_file
write_field_separator = '|'
TABLES
data_tab = itab[] . "Our internal talbe filled with data
Re: Why Function GUI_DOWNLOAD can create XML file but not a flat file?
Award points if useful
Thanks,
Ravee...

Spry - how to use it

Similar Messages

Maybe you are looking for