Using external xml for spry menu help

Just started playing with DW CS3, I would like to know how to
insert a spry menu and get the xml data from an external file. Can
anyone point me at a suitable example or tutorial please?

The video workshop has some great tutorials with spry.
http://www.adobe.com/designcenter/video_workshop/
Aram

Similar Messages

Using external XML to add and set parameters for AS cue points.

Hi there. I am trying to use external xml to set cue point
times (for video), titles, and other parameters. I have everything
set up, except getting the proper data from the xml file to set the
parameters for my cue points. I am researching hard and learning
quickly - at this point, I need help. Thanks!

Anyone?
Still working on this if anyone has advice. Still haven't
been able to figure out how to put xml data in the right place:
addASCuePoint(//data from xml here to set name and time of
cue point - HOW??//);
Thanks!

I cannot install ODX Yosemite over OSX Mavericks as my Mac Book Pro (early 2011) advises that the disc "Mackintosh HD" is used for Time Machine back ups. This is not the case however as I use a separate external HD for this purpose, help please ?! T

I cannot install ODX Yosemite over OSX Mavericks as my Mac Book Pro (early 2011) advises that the disc "Mackintosh HD" is used for Time Machine back ups. This is not the case however as I use a separate external HD for this purpose, help please ?!
Thanks

Check this link out...
OS X: Cannot install on a volume used by Time Machine for backups
I was apart of this thread and it helped the OP...
Re: System installer thinks my main drive is my time Machine backup and won't install.
KOT

Generate Photo Gallery XML for Spry with Adobe Bridge

Wanted to post a note to what I've discovered/worked out -- a
way to
generate a very useful photos.xml from Adobe Bridge. If you
use Bridge,
it's very easy to add titles, keywords, ratings -- all kinds
of metadata
that one might use in a photo gallery. Here it is in case
anyone wants
to use.
The script is based on one I found at the Adobe User to User
Bridge
Scripting Forum for exporting a CSV file.
Note 1: this particular script doesn't take into account
CDATA that
might exist in your metadata, like ampersands in your title.
I've just
avoided using those, but you could also have the script write
out a
CDATA node for that info instead.
Note 2: this script does not write out a thumbpath,
thumbwidth or
thumbheight attribute. But usually the thumbpath is the exact
same as
the regular "path" attribute, and the thumbwidth and
thumbheight are
just a ratio of the regular "width" and "height" attributes.
I added a
bit of JS to the gallery.js file to calculate those before
growing the
thumbnail on rollover.
Personally I'm using keywords as categories and titles as
captions and
sorting by rating (stars in Bridge), so here's the .jsx file
I created.
The script should be saved to the folder "StartupScripts" in
Program
Files/Common Files/Adobe.
Hope this is useful for others too!
#target bridge
if (BridgeTalk.appName == "bridge" ) {
// create menu
var menu = MenuElement.create( "command", "Export XML File",
"at the end
of Tools");
menu.onSelect = function(m) {
try {
// ask for the name of the output file
var f = File.saveDialog("Export XML file to:", "XML
File:*.XML");
if ( !f ) { return; }
// open filestream and write first line
f.open("w");
f.writeln("\<photos\>\r\r");
// get a list of all the visible thumbnails in Bridge
var items = app.document.visibleThumbnails;
for (var i = 0; i < items.length; ++i) { var item = items
f.writeln("\<photo path = \"" + item.name + "\"" + "\r" +
"width = " +
"\""+ getWidth(item) + "\"" + "\r" + "height = " + "\""+
getHeight(item)
+ "\"" + "\r" + "rating = " + "\""+ getRating(item) + "\"" +
"\r" +
"categories = " + "\""+ listKeywords(item) + "\"" + "\r" +
"caption = "
+ "\""+ getTitle(item) + "\"" + " \>" + "\r" +
"\<\/photo\>\r\r" ); }
f.writeln("\<\/photos\>");
f.close();
} catch(e) {
function getTitle(tn) {
md = tn.metadata;
md.namespace = "
http://purl.org/dc/elements/1.1/";
var varTitle = md.title;
return varTitle;
function getWidth(tn) {
md = tn.metadata;
md.namespace = "
http://ns.adobe.com/tiff/1.0/"
var varWidth = md.ImageWidth;
return varWidth;
function getHeight(tn) {
md = tn.metadata;
md.namespace = "
http://ns.adobe.com/tiff/1.0/"
var varHeight = md.ImageLength;
return varHeight;
function getRating(tn) {
md = tn.metadata;
md.namespace = "
http://ns.adobe.com/xap/1.0/"
var varRating = md.Rating;
return varRating;
function listKeywords(tn) {
md = tn.metadata;
md.namespace = "
http://ns.adobe.com/photoshop/1.0/";
var Keywords = md.Keywords;
var varKeywords = "" ;
for ( var i = 0; i < Keywords.length; ++i ) { varKeywords
= varKeywords
+ Keywords + ","; }
return varKeywords;

I updated the script so it exports an XML file from Bridge
with full
compatibility with the Spry Demo Photo Gallery, to use as
photos.xml.
It's at the same address:
http://www.imagicdigital.com/spry/bridge_export_xml.zip
To Use:
The script goes in the folder "StartupScripts" in Program
Files/Common
Files/Adobe.
Launch Bridge and browse to a folder that contains the files
you want in
your gallery -- the "source" folder, as it were.
Choose the menu command "Tools > Export XML for Spry
Gallery".
Type a name for your XML file in the Save dialog box, choose
a location,
and hit "Save".
In the dialog box that pops up, enter a max length/width for
your
thumbnails, in pixels. Some common sizes are "75" , "100" or
"125".
Hit "OK". You should see an alert pop up telling you "XML
file
successfully created!"

XML data for Spry Menu ?

I maintain several web sites with static pages that all carry
a common Spry menu bar hard coded into each page via a template.
How can I use an XML file to feed a Spry menu widget to save
uploading all the pages every time there is a change on the site
that requires the menu to be updated?
I've searched the web and help files for an answer to this
without success, so any help or pointers would be most appreciated.

I made this example that uses a xml file to build the spry
menu, the page is html, you need to make a seperate dataset for
each <ul> tag, or item group in the menu, notice the two
datasets in my sample, you could expand and make as many as you
want, all drawn from xml files. check out the page here:
http://gohbcc.com/examples/menutest.html
html page:
<!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/SpryMenuBar.js"
type="text/javascript"></script>
<script src="SpryAssets/xpath.js"
type="text/javascript"></script>
<script src="SpryAssets/SpryData.js"
type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css"
rel="stylesheet" type="text/css" />
<script type="text/javascript">

</script>
</head>
<body>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Item
1</a>
<ul>
<div spry:region="ds1">
<li spry:repeat="ds1">
<a href="{a/@href}">{a}</a>
</li>
</div>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
<li><a href="#">Item 2</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Item
3</a>
<ul>
<div spry:region="ds2">
<li spry:repeat="ds2">
<a href="{a/@href}">{a}</a>
</li>
</div>
<li><a href="#">Item 3.2</a></li>
<li><a href="#">Item 3.3</a></li>
</ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>
<p> </p>
<div spry:region="ds1" style="float:right;">
<table>
<tr>
<th>A</th>
<th>A/@href</th>
</tr>
<tr spry:repeat="ds1">
<td>{a}</td>
<td>{a/@href}</td>
</tr>
</table>
</div>
<p> </p>
<script type="text/javascript">

</script>
</body>
</html>
XML Files
t.xml;
<?xml version="1.0" encoding="utf-8"?>
<links>
<link><a
href='customer_enter.php?method=Fname'>First
Name</a></link>
<link><a
href='customer_enter.php?method=caseNum'>Case
Number</a></link>
<link><a
href='customer_enter.php?method=Lname'>Last
Name</a></link>
<link><a
href='customer_enter.php?method=caseWorker'>Case
Worker</a></link>
</links>
s.xml:
<?xml version="1.0" encoding="utf-8"?>
<links>
<link><a href='customer_find.php?method=name'>By
Name</a></link>
<link><a
href='customer_find.php?method=caseNum'>By Case
Number</a></link>
<link><a href='customer_find.php?method=date'>By
Date</a></link>
<link><a
href='customer_find.php?method=itemNum'>By Item
Number</a></link>
</links>

Creating a help interface using HTML/XML for text data.

Hi,
I'm currently building an application which has need of a help feature. I plan to have this either in an individual/internal frame or in a seperate browser window. My question is this:
1. Can I open a browser window without losing my OS independence?
2. Is there a swing component that displays a HTML file from the source file, or is my only option to get an XML file, run it through SAX and display it that way?
Note: I'm already using an XML parser as part of this project, so using it for a help file would be no big problem. I'm just trying to find a (quick) workaround. Not that I like cutting corners.
Any comments on this are welcome, no matter how small.
Thanks for your time.

In answer to 1. -> No you can't open a browser window without using the underlying OS mechanism...you could however encapsulate the OS mechanisms in a separate class/package so that your core app doesn't have to know...
In answer to 2. -> Danger Will Robinson!!! Yes you can use the JEditorPane, but to be fair, it's c**p, and when you release the system your Users will whine endlessly about why they can't open their help files in their usual browser (this is especially true if they are coded in HTML). I know this because I wrote a help application using HTML and had Users and the marketing department complain at me endlessly. Also, the HTMLEditorKit in Swing seems to have a number of strange handling of img paths, at least in 1.3 it did...this caused me all sorts of problems...
The usual way to get around this kind of thing is to open up a file browser, get the User to pick their favourite browser application (usually the .exe on Windows or the script on Unix) and then remember it, when it comes to opening the help file just use Runtime.getRuntime ().exec ("userBrowserLocation pathToHelpFile"). Of course this has the trouble that you can't package the help file in a jar or zip, but in general Users want to have control over HTML files...and Users usually have a fanatical desire to use their favourite browser to view them in...
Just a thought...

Different images for spry menu button jpg or gif?

Hi I have just been reading James Branstons "questions and answers", just what I was looking for many thanks to gramps.
I am new to dreamweaver and spry and what I am wanting to achieve is a spry menu bar horizontal, I would like to have my own font "Cheri" for the about etc. To do this would I need to save text as a gif or a jpg? The jpg looks crisp where as the gif is not so sharp, the jpg has a black background white text, gif white text transparent background, the gif works well with hover, the jpg has the boxed background, if using a jpg do I need to create another file for hover? If so where do I place this in code?
I did what gramps descibed in James Branstons question works well, but the sub menu boxes have disappeared.
Hope this all makes sense, hard to explain what you want when you don't know exactly what you're doing. Many many thanks in advance.

Hi back on the website today just tried out the mouseover and mouseout, I must be doing something wrong as it looks like goulash at the moment, sorry to be a pain and thankyou in advance, as coding is something quite new and frightening for me help is really appreciated.
Currently code is:
    </script>
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="#">about</a></li>
      <li><a href="#">recipes</a></li>
      <li><a href="#">shopping</a></li>
      <li><a href="#">contact</a></li>
    </ul>
</div>
<div id="mainNavspace"></div>
When I added the code below to the about region thats when I made goulash.........
<li><a class="MenuBarItemSubmenu" href="#"><img name="about" src="jpgs/about.jpg" onMouseOver="about.src='jpgs/about_over.jpg'" onMouseOut="about.src='jpgs/about.jpg'" /></a>
Thank you for patience in advance, if you could show me how the code should look I would be very grateful, kind regards.

Spry Menu Help Needed

I have searched through the forum and did not find an answer
to this question.
I successfully created a horizontal menu using the spry
widget for horizontal menu.
The problem is that in IE, the menu throws the sub menus far
to the right. It functions beautifully in firefox and Safari.
PLEASE HELP!
Thanks!
Attached is the .css file:

The answer to this question is that the spry menu system for
a horizontal menu does not work if you align the top link to the
center. It worked fine when I set it back to the left.
Too bad.

Having Problem with Spry Menu - Help appreciated

Hello there
I am currently developing my website but I am having terrible problems with the spry menu. I have tried lots of things but not yet resolved the issue. I will try to give as much info as possible. My website is www.huntfilms.ie
When I am in dreamweaver the site looks fine and when I preview in browser also looks fine but when I have uploaded to server there is the problem as you can see.
I uploaded all the files that are required I think . I have attached a screen grab of my server view below. : I have six spry files : js,css and four giff files : I have included the code below. I would apprecaite help as been at this for best part of day with no luck ; going mad here
thanks
Barry
<script src="file:///Macintosh HD/Users/barryhunt/Desktop/huntfilms1/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="file:///Macintosh HD/Users/barryhunt/Desktop/huntfilms1/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body class="oneColElsCtrHdr">
<div id="container">
<div id="header">
    <h1>Hunt Films</h1>
</div>
<ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="file:///Macintosh HD/Users/barryhunt/Desktop/huntfilms1/home.html">home</a>    </li>
    <li><a href="file:///Macintosh HD/Users/barryhunt/Desktop/huntfilms1/sample.html">Sample work</a></li>
    <li><a href="file:///Macintosh HD/Users/barryhunt/Desktop/huntfilms1/Contact.html">Contact Us</a>    </li>
</ul>
<div id="mainContent">
    <p><iframe src="http://player.vimeo.com/video/17962693?title=0&byline=0&portrait=0" width="400" height="320" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe> </p>
    <p> </p>
    <p>Welcome! </p>
    <p>Hunt Films was set up in January 2011 by documentary maker Barry Hunt.</p>
    <p>Barry received training in TV and Video Production with FÁS in Tralee, Co Kerry. During this training Barry produced a series of short films about local artists. In 2006 he worked as assistant editor on the successful RTÉ drama series, ‘Love is the Dfile:///Users/barryhunt/Desktop/Picture%201.pngrug’.</p>
    <p>Since 2010 Barry has embarked on solo projects producing two entertaining half hour documentaries. 'Liberation', explores the world of pigeon racing in Dublin. This film was very well received at the Galway Film Festival 2011. More recently Barry produced 'The Gregory Seat', a documentary which follows Maureen O'Sullivan’s campaign to be elected in the 2011 General Election.</p>
    <p>Barry looks forward to producing more documentaries. He is interested in human stories and hopes that this will form the basis of his future work. At present, Barry is developing projects for film festivals and general broadcast    </p>
    <p> </p>
</div>
<div id="footer">
    <p>Footer</p>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>
server view of files uploaded file:///Users/barryhunt/Desktop/Picture%201.png

here is the code still not working can anyone tell me why
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">

</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body class="oneColElsCtrHdr">
<div id="container">
<div id="header">
    <h1>Header</h1>
</div>
<div id="mainContent">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
        <ul>
          <li><a href="#">Item 1.1</a></li>
          <li><a href="#">Item 1.2</a></li>
          <li><a href="#">Item 1.3</a></li>
        </ul>
      </li>
      <li><a href="#">Item 2</a></li>
      <li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
        <ul>
          <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
            <ul>
              <li><a href="#">Item 3.1.1</a></li>
              <li><a href="#">Item 3.1.2</a></li>
            </ul>
          </li>
          <li><a href="#">Item 3.2</a></li>
          <li><a href="#">Item 3.3</a></li>
        </ul>
      </li>
      <li><a href="#">Item 4</a></li>
    </ul>
    <h1> </h1>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.</p>
    <h2>H2 level heading </h2>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
</div>
<div id="footer">
    <p>Footer</p>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>

Spry menu Help Me

I need help!!! I cannot for the life of me figure out how to
include a spry menu bar that I made into all the pages in my
website. I believe that I would have to use some sort of include
statement but that's about all I know. So can someone please help
me...

Umm I don't quite understand what problem you have.
A menu is marked up in an Unordered List -
<ul></ul>
and List Items - <li></li> for the... Items
For sub menu you put another unordered list into a List Item
You then need to apply the classes and ids then reference
them in the javscript
Everything you need is in the documentation here:
http://labs.adobe.com/technologies/spry/articles/menu_bar/index.html

Problem with .css for Spry menu

Hi,
I am having a problem with the Spry menu I have created and edited. All looks great in the Design view of Photoshop however under the Live view or opened using a browser the menu reverts to a list of hyperlinks!
I have checked the .css link but when using Firefox CSS editor the CSS file for the menu is simply blank?
Any suggestions would be great!
Thanks,
Ozan

Your SpryMenuBarHorizontal.css needs to be within your SpryAssets folder, which is where it would have been put automatically when you inserted the SpryMenuBar. You can move it back in there using the Files Panel.
Here is what the file structure needs to look like:
SpryAssets
SpryMenuBar.js
SpryMenuBarHorizontal.css
cssstyletemplate.css
index.html (or whatever the name of your page is)
Hierarchally, the top level of your root folder will show folders for SpryAssets and css and the html pages will be on the same level.
The Spry assets themselves will be down a level IN the SpryAssets folder, as the styletemplate.css file will be down a level IN the css folder.
In the head of the document, you will have
     <link rel="stylesheet" type="text/css" href="css/styletemplate.css" />
     <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"> </script>
     <link rel="stylesheet" type="text/css" href="SpryAssets/SpryMenuBarHorizontal.css" />
At the end, remove the slash before Spry inside the imgDown and imgRight sections:
     <script type="text/javascript">

</script>
Compare these with your files and file structure and correct any small typos, and they should be correctly linked.
Beth

Using Web font in Spry Menu?

I can get the web fonts I want to use to "work" anywhere on a page except for in a spry menu.
I'd like to utilize one for a menu. How do I accomplish this seemingly herculean task?
Thank you.

Kindly put your page and dependent files online and post a link here

Want to use external drive for new Mac, fresh iTunes

So I recently got a new Mac and have not transferred any music to it yet. In fact I haven't even launched iTunes. I want to store all of my music and play it from an external drive. I have found articles detailing how to transfer your library from your internal drive to an external one but I don't have an internal library of music on this machine. How do I set up iTunes to play from an external library for the first time? And how do I add my backed up music from my previous iTunes to that external drive's new music library? Do I just drag the files into the folder and hope iTunes will recognize them?
Thanks!

okay, i had to collect my thoughts for a moment
... but I don't have an internal library of music on this machine.
is *this machine* the new Mac ?
How do I set up iTunes to play from an external library for the first time?
the files will have to be added to iTunes. however, with the correct settings, they can be put straight on the external.
in order to set up iTunes on the new Mac, you will have to launch it. with the external drive mounted on your new Mac's desktop, go iTunes > preferences > advanced and point +iTunes media folder location+ to the external. this will cause iTunes to put all newly added content in that location.
also on the advanced tab, check +keep iTunes media folder organized+ and +copy files to ... when adding to library+.
And how do I add my backed up music from my previous iTunes to that external drive's new music library?
did you back up the music to disk ? if so, you should probably authorize iTunes with your iTMS account details, then just pop in the disk(s) and add the content to your library.
if you have backed up to an external HD, use the +add to library+ command from the file menu and navigate to the folder containing your media files.
JGG
edited by the Jolly Green Giant (where Green stands for environmentally friendly)

Using external XML document to update / change text fields inside of published captivate output.

Hello
I currently have a project where the client has requested to have the ability to update the text fields inside the project at a later date.
This is due to the nature of the content changing rather rapidly, i would like to set this up so the client can manage this them selfs.
What would the best way to do this be?
I'm thinking XML, an external XML sheet were by Captivate imports the text from this XML sheet and then displays it within the specific text fields contained within the captivate output.
This way the client would just update the external XML document(cut and paste the text in) and then the text would be dynamically updated in the published Captivate document.
any help would be amazing !
Thanks in advance
Nick

Hi Lieve
But isn't this thread more about an end user having an ability to change text after the Captivate has been published and delivered? I could see where that might be useful if making changes then publishing to create a new output. But I'm interpreting that the situation here is that a Captivate project has been published and delivered, and some mechanism is desired that allows the recipient to modify an external XML file to influence changes in the already compiled Captivate output.
Cheers... Rick

How to use external CSS for standard items ?

Hi,
I would like to use my external CSS style-sheet for the standard items I add to my portal page.
I build an UI template with a CSS-link to my css style-sheet, and I used this UI template for my portal page. But it seems that items cannot use this UI template CSS reference.
Is there a way to use external CSS on standard items (text, url,...) ?
Thanks for your help,
Best Regards,
JC.AUDARD

Easiest way I find to do it is to drop your css file in the portal/images folder. Make a hidden html portlet on your template and link to /images/mycss.css. You can then use it for many items such as text, links, html portlets, etc.

Using external xml for spry menu help

Similar Messages

Maybe you are looking for