Spry versus XSL

I've been a webdesigner for quite a while now and never took
the actual step to dynamic content. Just a few weeks ago I dove
into XML and XSL after reading an article in Computer Arts
Magazine. And I concluded it's not a big a deal as I was afraid
off. I'm not stating I became an expert overnight, but I got things
running.
Yesterday I discovered Spry. And now I'm wondering if I
should make a switch. Anyone has seen a list or has an opinion on
the pro's and con's on Spry versus XSL. For now I'm not convinced
yet.
Playing devil's advocate….
About Spry's AJAX feature. Doesn't plain XML and XSL, do the
same? My XSL is connected to the XML. When I link to the XML file
the (static from the cache) XSL file will render the (updated) XML
content. Where's the win on performance compared to XSL? If not all
XML data is shown, it can be with some javascripts without leaving
the page. (That's what AJAX is, if I'm not mistaken)
About the ease of use. (Again I just had a glance) The code
needed to implement Spry into my HTML doesn't look easier (maybe
more complex) then the code I need to implement into my XSL (I did
my design in XHTML and converted it to XSL in dreamweaver) Binding
my data wasn't that difficult anymore. Where's the win on ease of
development?
I'm developing a website at the moment using XSL and XML. You
can see a sample on
http://www.archyves.com/allvision/notebooks.xml
It's still not finished. The flashmovie on the right hand side is
not finished and so far the design only works on FireFox and IE7
(There are still some things I need to fix for IE6) Please ignore
that.
Can anyone convince me of stepping over to Spry? Got a good
feeling about it, but I just need to get things rationalized ;-)
PS: If any of you readers have a good suggestion on how to
extract good, clean, tidy XML from Excel, please let me
know.

I also work with xsl and xml daily. I pull my xml data out
the sql server using asp.
The other day I did a layout for a real estate listing that
pull in a second xml data stream below the detail when a lot was
selected.
My solution was an ajax call within the xsl file to pull the
xml data and ran a second xsl file to lay out the thumbnail
gallery. Work out great.
So far I like Spry, but have not figure out how to interface
it with our current CMS.
David Pearson

Similar Messages

Problem with getLastChild() and xsl:comment / nodes

Hi list,
the problem I'm facing at the moment is as follows (using org.w3c.dom.*):
in my DOM I have fragments of the following:
                <a accesskey="2" class="namedanchor" name="content">
                    
                    <span class="test">.</span>
                </a>in my program my code looks like this:
while(current.getLastChild() != null)
                    current = current.getLastChild();suppose the node "current" is the anchor node in the above example (with sub nodes: <xsl:comment /> written as , a span node with attribute class and attribute value "test" and this span node has a childnode - a textnode with the value ".")
If the while loop has the current node being the anchor node it doesn't proceed - it ends up in the anchor node itself, but it should end up in text node with value ".".
Does anyone have a clue whats the problem with the <xsl:comment /> in this case??
thanks for your help
HTH
silentium

The last child of that <a> element (that's what you meant by "anchor node", right?) is a white-space text node. Regardless of whether any of its earlier children happen to be comments. (And even though I couldn't understand all that hand-waving about <!> versus <xsl:comment>.)

Format-number doesn't work with XSL and DW preview

Hi All
I'm creating XSL files to transform XML into HTML. However,
the number formatting doesn;t seem to work in Dreamweaver. For
example, if I specifiy:
format-number(price,'$###,###.00'), I should get $7596.99. I
actually get 7596.990000000001 in my Preview (no currency symbol,
too many decimal places). If I do the same thing in another XSL
editor (Xseleerator) I get: $7,596.99.
This is REAL PAIN, as every time I do anything with number
formatting, I need to open the XML and XSL in another product just
to check the formattng.
Can anyone shed any light on this?
Thnaks
Mark

Try to declare the variable out side of the region
<script> var tp1;</script>
<div spry region ... >
tab panel stuff
<script type="text/javascript">
tp1 = new Spry.Widget.TabbedPanels("tp1");
</script>
</div>

XSL benefits

Hello all,
Can anyone tell me what experiences for having Servlets+XML+XSL versus JSP+Servlets? If I separate the view to the JSP and use Servlets for controlling the application, what benefits will I gain if I use XSL+XML to describe the view instead of JSP and make my data into XML for the XSL to display? The data used is not coming in as XML but would be converted from java objects. Output in both cases would be HTML.
Also any pros/cons of both approaches that come to mind would be nice to hear.
thanks,

From what I understand, the benefits of converting to XML data, is that your data is completely portable between different applications (even applications in different programming languages). Then, XSLT can be used to transform the XML data into, not only HTML for web applications, but other formats required by other applications.

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

Passing values to a function from spry:repeat

Is this a viable solution?
<div spry:repeat="dsData">
<script
type="text/javascript">addPin("{ds_RowNumberPlus1}","{site}&q uot;,"{latitude}","{longitude}");</script>
</div>

quote:
Originally posted by:
victor.corey
Hello V1 Fusion,
Yes this did work. Thank you.
For clarification, why add this to a spry:if in a hidden span
versus just adding a javascript script block inside the
spry:repeat. Both seem to work so far, but it seems your solution
may help with error handling???
Thanks,
Victor Corey
I know u could use functions in Spry if, im
using them my self i should show a row based on cookie values ( the
function checks if certain data is in a cookie, and if its there it
shows the row).
I was about to use the same technique for my own project my
self to, so i thought it would be a good way to gather certain
data, based on what u get returned from your own data set.
And if u add a javascript block, each time u repeat it, it
has to be created. its allot smaller size wise to create a little
span (or u can even add it to the repeat self). That was basicly
the reason why i suggested using a spry:if ^_^

Cannot see spry menu properties

I am using this for the first time along with a few other
widgets.
At first if you hover over the menu bar a 'menu title' would
let you address it and give you the properties box for that widget.
Although I can get the other types of spry widgets properties to
display I can no longer display the properties box for the menu
bar.
Any suggestion welcome.

Hi Kin, thanks for your help.
Yes, neither the <statement> nor <img ...
@thumbpath... /> are showing in FF.
I did collapse the insignificant whitespace
*<statement>
<![CDATA[ ... ]]>
</statement>
as you’ve suggested- but to my eye, there is no change
when viewed in FF. I removed whitespace directly from the xml doc (
www.cabeau.com/ly_cabeau/galleries/perforated/perforated.xml
) rather than stripping the whitespace via an xsl:stylesheet or,
using ... xsl:strip-space... which I little understand.
I have uploaded all relevant files, cleared all cashes and
temporary data locally;
there must be something I am missing....
www.cabeau.com/ly_cabeau/newwork.htm

Images not Showing using Spry

I am trying to learn xml, xsl, and how to use these with spry
with the client-side approach. I can get text to show up using the
dataset from the xml file and Dreamweaver spry regions in an html
file. However, images do not show up. When defining my spry xml
dataset in Dreamweaver, I showed my "image" element to be of the
image data type.
When testing this in Safari, it just says "undefined" where
I would expect to see an image. In Firefox, the text that I put
into the images element in xml shows up-- "/images/butterfly2.jpg"
Here is a link to the site where I am testing this:
http://myweb.cableone.net/mccook/books/
Here is my xml code:
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="books.xsl" type="text/xsl"?>
<books>
<book>
<title>Making it Work </title>
<author>Clyde Best</author>
<image>/images/butterfly2.jpg</image>
</book>
<book>
<title>Making it Fail </title>
<author>Klutz Dweeb </author>
<image>/images/butterfly2</image>
</book>
</books>
And I don't know if the xsl file is even used in the
Dreamweaver spy process. If it is, let me know and I will post that
code too.
I would greatly appreciate assistance with this. I have spent
hours trying to solve the problem, to no avail.
Monty

"MontyC" <[email protected]> wrote in
message
news:f2j2c1$kso$[email protected]..
> When testing this in Safari, it just says "undefined"
where I would
> expect to
> see an image. In Firefox, the text that I put into the
images element in
> xml
> shows up-- "/images/butterfly2.jpg"
> Here is a link to the site where I am testing this:
>
http://myweb.cableone.net/mccook/books/
Due to a bug in Safari you can't use <image> as a tag
name in the XML.
Rename the tag and it willwork. Then blame Aple.
> And I don't know if the xsl file is even used in the
Dreamweaver spy
> process.
Not at all.
Massimo Foti, web-programmer for hire
Tools for ColdFusion and Dreamweaver developers:
http://www.massimocorner.com

SPRY image display problem with data sets! "

Dreamweaver CS4
I really want to use a Spry Data set created with an HTML table (versus XML)
I've done this step by step several times(after changing local sites and images) and every time I preview the results, each one of my images has a "> in front of it.
I don't know how to get rid of this "> character!
I've provided two HTML files used to create this:
TABLE.html is the source
SpryTable.html is the actual file pulling TABLE.html for data
The images are images, I'm not going to provide them since anyone can add a random image just to see if the "> appears.
I'm not going to include the java files since dreamweaver generates them on their own.
Thanks!

Jason, the best place for us to analyze your files is from a server. Have you uploaded them?
The second best place is in a set of site files...including the HTML table, the display file that uses the HTML table, the CSS and javascript file.
Without those, it is pretty nigh impossible to work this problem!
I suspect the errant character appears somewhere in your data table, but based on what you have shown us, it's hard to say.
When you defined the dataset, did you indicate that the column containing the images is type="HTML"? If you have left it as type="string", it is interpreting the > as text.
Beth

Spry:selected highlights last row and not default

I've seen people post this error, but I'm not finding any simple fixes for this. I'm in Dreamweaver CS4 and I have inserted a spry dataset: Here is my code:
<!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/SpryData.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryHTMLDataSet.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMasterDetail.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">

</script>
</head>
<body>
<div class="MasterDetail">
<div spry:region="thur" class="MasterContainer">
    <div class="MasterColumn" spry:repeat="thur" spry:setrow="thur" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected" spry:selected="MasterColumnSelected" spry:selectgroup="l" spry:selectedgroup="1">{Activity}</div>
</div>
<div spry:detailregion="thur" class="DetailContainer">
    <div class="DetailColumn">{Time}</div>
    <div class="DetailColumn">{Activity}</div>
    <div class="DetailColumn">{Leaders}</div>
    <div class="DetailColumn">{Location}</div>
    <div class="DetailColumn">{Fee}</div>
    <div class="DetailColumn">{Description}</div>
    <div class="DetailColumn">{Flag}</div>
</div>
<br style="clear:both" />
</div>
<div class="MasterDetail">
<div spry:region="fri" class="MasterContainer">
    <div class="MasterColumn" spry:repeat="fri" spry:setrow="fri" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected" spry:selected="MasterColumnSelected" spry:selectgroup="2" spry:selectedgroup="2">{Activity}</div>
</div>
<div spry:detailregion="fri" class="DetailContainer">
    <div class="DetailColumn">{Time}</div>
    <div class="DetailColumn">{Activity}</div>
    <div class="DetailColumn">{Leaders}</div>
    <div class="DetailColumn">{Location}</div>
    <div class="DetailColumn">{Fee}</div>
    <div class="DetailColumn">{Description}</div>
    <div class="DetailColumn">{Flag}</div>
</div>
<br style="clear:both" />
</div>
<div class="MasterDetail">
<div spry:region="sat" class="MasterContainer">
    <div class="MasterColumn" spry:repeat="sat" spry:setrow="sat" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected" spry:selected="MasterColumnSelected" spry:selectgroup="3" spry:selectedgroup="3">{Activity}</div>
</div>
<div spry:detailregion="sat" class="DetailContainer">
    <div class="DetailColumn">{Time}</div>
    <div class="DetailColumn">{Activity}</div>
    <div class="DetailColumn">{Leaders}</div>
    <div class="DetailColumn">{Location}</div>
    <div class="DetailColumn">{Fee}</div>
    <div class="DetailColumn">{Description}</div>
    <div class="DetailColumn">{Flag}</div>
</div>
<br style="clear:both" />
</div>
</body>
</html>
When I added the spry:selected function it highlighted the last row in the master column, versus the first row, for which it's displaying details in the details region. Am I missing a small bit of simple code?

Alright, I got it working...
This is for multi spry datasets (3 on one page: thur, fri and sat), highlighting the default (first) selected row/record on the left master list (which is the Dreamweaver CS4 default for master/detail, but it doesn't automatically highlight it as "selected") of EACH dataset (using spry:selectgroup and spry:selectedgroup).
The only variables that you would change are the following:
- all the thur, fri, and sat (as in spry:region="thur")
- all the group numbers (as in spry:selectgroup="1")
- all the items in {} (as in {Activity})
- of course all the file names (as in "thursday.html")
All the class names (as in "MasterColumnHover") are all the Dreamweaver CS4 defaults.
<!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/SpryData.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryHTMLDataSet.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMasterDetail.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">

</script>
</head>
<body>
<div class="MasterDetail">
<div spry:region="thur" class="MasterContainer">
        <div spry:repeat="thur" spry:choose="choose">
          <div spry:when="{ds_RowID} == {ds_CurrentRowID}" class="MasterColumn" spry:setrow="thur" spry:hover="MasterColumnHover" spry:selected="selected" spry:selectedgroup="1" spry:select="MasterColumnSelected" spry:selectgroup="1">{Activity}</div>
            <div spry:default="default" class="MasterColumn" spry:setrow="thur" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected" spry:selectgroup="1">{Activity}</div>
</div></div>
   <div spry:detailregion="thur" class="DetailContainer">
    <div class="DetailColumn">{Time}</div>
    <div class="DetailColumn">{Activity}</div>
    <div class="DetailColumn">{Leaders}</div>
    <div class="DetailColumn">{Location}</div>
    <div class="DetailColumn">{Fee}</div>
    <div class="DetailColumn">{Description}</div>
    <div class="DetailColumn">{Flag}</div>
</div>
<br style="clear:both" />
</div>
<div class="MasterDetail">
<div spry:region="fri" class="MasterContainer">
        <div spry:repeat="fri" spry:choose="choose">
          <div spry:when="{ds_RowID} == {ds_CurrentRowID}" class="MasterColumn" spry:setrow="fri" spry:hover="MasterColumnHover" spry:selected="selected" spry:selectedgroup="2" spry:select="MasterColumnSelected" spry:selectgroup="2">{Activity}</div>
            <div spry:default="default" class="MasterColumn" spry:setrow="fri" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected" spry:selectgroup="2">{Activity}</div>
</div></div>
<div spry:detailregion="fri" class="DetailContainer">
    <div class="DetailColumn">{Time}</div>
    <div class="DetailColumn">{Activity}</div>
    <div class="DetailColumn">{Leaders}</div>
    <div class="DetailColumn">{Location}</div>
    <div class="DetailColumn">{Fee}</div>
    <div class="DetailColumn">{Description}</div>
    <div class="DetailColumn">{Flag}</div>
</div>
<br style="clear:both" />
</div>
<div class="MasterDetail">
<div spry:region="sat" class="MasterContainer">
        <div spry:repeat="sat" spry:choose="choose">
          <div spry:when="{ds_RowID} == {ds_CurrentRowID}" class="MasterColumn" spry:setrow="sat" spry:hover="MasterColumnHover" spry:selected="selected" spry:selectedgroup="3" spry:select="MasterColumnSelected" spry:selectgroup="3">{Activity}</div>
            <div spry:default="default" class="MasterColumn" spry:setrow="sat" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected" spry:selectgroup="3">{Activity}</div>
</div></div>
<div spry:detailregion="sat" class="DetailContainer">
    <div class="DetailColumn">{Time}</div>
    <div class="DetailColumn">{Activity}</div>
    <div class="DetailColumn">{Leaders}</div>
    <div class="DetailColumn">{Location}</div>
    <div class="DetailColumn">{Fee}</div>
    <div class="DetailColumn">{Description}</div>
    <div class="DetailColumn">{Flag}</div>
</div>
<br style="clear:both" />
</div>
</body>
</html>

XSL vs CFML for conditional statements

I want to use a server side transformation of an XML document
using XSL to produce a set of HTML, Doc and PDF documents. However,
I need to do some conditional processing (mainly if then formating
issues for cases of null data) and I am wondering if I am better
off doing them in XSL or in CFML. Does any one know of performance
issues versus one way or another or can point me to some
literature?

The XSQL Pages framework has never had an <xsql:if> conditional as a built-in action, so the article must be in error.Actually, the article (written by members of the Oracle XML Product Development Team) refers to the use of "<xsl:if>" within XSQL pages, not "<xsql:if>". Here's the excerpt from the article at the site http://www.oracle.com/oramag/oracle/01-jan/index.html?o11xml.html -
Support for XSLT Tags in XSQL
Oracle XSQL pages are templates that enable you to assemble dynamic XML datapages based on one or more parameterized SQL queries. The processor then uses XSLT to transform the datapage to produce a final result in any desired XML, HTML, or text-based format. However, you can also use XSLT to assemble the XML datapages. For example, you can use XSLT to execute SQL queries conditionally by using <xsl:choose> or <xsl:if>. The following XSQL page shows the use of xsl:if to retrieve a summary or detailed information on the book list:
<?xml version="1.0"?>
<xsql:query connection="demo" xmlns:xsql="urn:oracle-xsql"
xmlns:xsl="http://www.w3.org/1999/XSL /Transform">
<xsl:if test="$detail = 'yes'">
SELECT * FROM scott.BookList
</xsl:if>
<xsl:if test="$detail = 'no'">
SELECT Title, Authorname FROM scott.BookList</xsql:query>
</xsl:if>
</xsql:query>
I'm just looking for clarification whether this is in fact true.
Thanks,
Michael
The Online XSQL Documentation features examples illustrating how to accomplish this functionality. See the doc there, and search for "XSQL Servlet Conditional Statements".

Spry Sorting

Hello!
Is use this code in my spry xml dataset and spry table:
<div class="MainContent">
<div spry:region="dsCatalog">
<table border="0" cellspacing="0" cellpadding="3">
<tr bgcolor="#CCCC99">
<th spry:sort="@id"><div align="left"
class="style2"><a
href="#">Nr</a></div></th>
<th spry:sort="date"><div align="left"
class="style2"><a
href="#">Dato</a></div></th>
<th spry:sort="Fullname"><div align="left"
class="style2"><a
href="#">Merkenavn</a></div></th>
<th spry:sort="district"><div align="left"
class="style2"><a
href="#">Distrikt</a></div></th>
<th spry:sort="score"><div align="right"
class="style2"><a
href="#">Karakter</a></div></th>
</tr>
<tr spry:repeat="dsCatalog" spry:setrow="dsCatalog"
spry:odd="odd" spry:even="even" spry:hover="hover"
spry:select="selected">
<td><div
align="left">{@id}</div></td>
<td><div
align="left">{date}</div></td>
<td><div
align="left">{Fullname}</div></td>
<td><div
align="left">{district}</div></td>
<td><div
align="right">{score}</div></td>
</tr>
</table>
</div>
</div>
The problem I have is that the highest amount of digits I use
in the score field is 10,0 (3 digits) and all other values is 2
digits (9,5 and 8,0) and the three digit value will not sort in the
right order. I use sorting in all columns as you can see. The value
of 10,0 will always stays in bottom (ascending) or top
(descending). Do I have to use XSL to give a solution to this (and
if so, how to implement it?). Or maybe there is another solution to
this?
Thanks in advance!
E.B
Text

Hi E.B.,
The trouble stems from using commas instead of decimal
points.
First, by default, Spry assumes the column is text and sorts
it as such.
If you set the column to a number:
datasetname.setColumnType("columnname","number");
Spry will return [NaN} (not a number) because it can't deal
with the commas.
If you use decimals points, it will work correctly.
If you can't use decimals, the solution will have to be XSL
or otherwise.
Hope this helps.
Donald Booth
Adobe Spry Team

Spry Collapsible panel - open and closed default question...

I am using a Spry Collapsible panel in a vertical nav menu (DW CS4) and it's in a template for my site. I want it to be closed as default on the Home page, but when a visitor clicks to open it and selects their option, I would like it to remain open on the selected page - Is there a way to do this?
Thank you all!
Aza

Check out the examples on this page: http://www.spry-it.com/examples/spry-widget-cookie-history/#collapsiblepanel

Spry menu bar woes (add submenu levels and edit width)

So i need some spry menu bar help. Apparently as a graphic designer i'm also expected to webdesign, and while i can solve most problems with a good googling, i seem to be at my wit's end fo this one. So the site i'm doing has a header ith a horizontal spry pop-up menubar (in Dreamweaver CS4). But some problems arise: when i manually add another submenu level, they don't show up in chrome or FF, they do werk perfectly in IE6. I just add the following code to the codepage:
<li><a href="#" class="MenuBarItemSubmenu">audio equipment</a>             <ul>               <li><a href="#">Digital Matrix Systems</a></li>               <ul>               <li><a href="#">R2 Digital Audio Matrix</a></li>               </ul>               <li><a href="#">pre-amplifiers & mixers</a></li>               <ul>               <li><a href="#">PMX124</a></li>               </ul>
the PMX never pops open in FF an chrome.. Should i be adding anything else to another part of the code? i'd like my submenu text to have a slight indent? How ever, when i add the indent to ul.menubarhorizontal ul , it elongates the submeny boxes in IE6, while looking normal (width) in chrome and FF. WHat part of the CSS style should i change to just have the text scoot over a bit without it really affecting the box layout? ALso, if anyone could tell me how to add a wee bit of spacing above the text (and beneath), i'd be eternally gratefull. Also, how do i change the with of the submenus? seing as my main buttons are images, but the names i ned to put in my submenus are turning out to be pretty long...
HTML code for the menu:
<tr>     <td><ul id="MenuBar1" class="MenuBarHorizontal">       <li><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Products','','images/knoppenrollover_01.jpg',1)"><img src="images/knoppenbalk_01.jpg" name="Products" width="169" height="41" border="0" id="Products" /></a>         <ul>           <li><a href="#" class="MenuBarItemSubmenu">audio equipment</a>             <ul>               <li><a href="#">Digital Matrix Systems</a></li>               <ul>               <li><a href="#">R2 Digital Audio Matrix</a></li>               </ul>               <li><a href="#">pre-amplifiers & mixers</a></li>               <ul>               <li><a href="#">PMX124</a></li>               </ul>               <li><a href="#">music Sources</a></li>               <li><a href="#">amplifiers</a></li>               <li><a href="#">paging</a></li>               <li><a href="#">speakers</a></li>               <li><a href="#">microphones</a></li>             </ul>           </li>           <li><a href="#">racks and stands</a></li>           <li><a href="#">cables</a></li>         </ul>       </li>       <li><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Company','','images/knoppenrollover_02.jpg',1)"><img src="images/knoppenbalk_02.jpg" name="Company" width="165" height="41" border="0" id="Company" /></a>         <ul>           <li><a href="#">Who are we?</a></li>           <li><a href="#">history</a></li>   <li><a href="#">contact us</a></li>   <li><a href="#">philosophy</a></li>   <li><a href="#">careers</a></li>         </ul>       </li>       <li><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('news','','images/knoppenrollover_03.jpg',1)"><img src="images/knoppenbalk_03.jpg" name="news" width="166" height="41" border="0" id="news" /></a></li>       <li><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('projects','','images/knoppenrollover_04.jpg',1)"><img src="images/knoppenbalk_04.jpg" name="projects" width="166" height="41" border="0" id="projects" /></a></li>       <li><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Downloads','','images/knoppenrollover_05.jpg',1)"><img src="images/knoppenbalk_05.jpg" name="Downloads" width="165" height="41" border="0" id="Downloads" /></a>         <ul>           <li><a href="#">catalogs</a>            </li>           <li><a href="#">manuals</a></li>           <li><a href="#">software</a></li>           <li><a href="#">documents</a></li>           <li><a href="#">pricelists</a></li> </ul>       </li>       <li><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact','','images/knoppenrollover_06.jpg',1)"><img src="images/knoppenbalk_06.jpg" name="Contact" width="169" height="41" border="0" id="Contact" /></a></li>     </ul></td>
sprymenuhorizontal.css:
@charset "UTF-8"; /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /*******************************************************************************   LAYOUT INFORMATION: describes box model, positioning, z-order   *******************************************************************************/ /* The outermost container of the Menu Bar, an auto width box with no margin or padding */ ul.MenuBarHorizontal {      margin: 0;      padding: 0;      list-style-type: none;      font-size: 14px;      cursor: default;      width: 1010px;      font-family: Arial, Helvetica, sans-serif; } /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: [url]http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html[/url] */ ul.MenuBarActive {      z-index: 1000; } /* Menu item containers, position children relative to this container and are a fixed width */ ul.MenuBarHorizontal li {      margin: 0;      padding: 0;      list-style-type: none;      font-size: 100%;      position: relative;      text-align: left;      cursor: pointer;      float: left; } /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */ ul.MenuBarHorizontal ul {      list-style-type: none;      font-size: 100%;      z-index: 1020;      cursor: default;      width: 166px;      position: absolute;      left: -1000em;      background-color: #6C6C6C;      height: 0px;      margin-top: 0px;      margin-right: 0em;      margin-bottom: 10px;      margin-left: 0em;      text-align: right;      text-indent: 0em;      padding-top: 0px;      padding-right: 0em;      padding-bottom: 0px;      padding-left: 0px;      border-top-width: 1px;      border-right-width: 1px;      border-bottom-width: 1px;      border-left-width: 1px;      border-top-style: solid;      border-right-style: solid;      border-bottom-style: solid;      border-left-style: solid;      border-top-color: #666;      border-right-color: #666;      border-bottom-color: #666;      border-left-color: #666; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */ ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {      left: auto;      height: 0px; } /* Menu item containers are same fixed width as parent */ ul.MenuBarHorizontal ul li {      width: 166px; } /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */ ul.MenuBarHorizontal ul ul {      position: absolute;      height: 41px;      margin-top: 0%;      margin-right: 0%;      margin-bottom: 0px;      margin-left: 162px;      float: right; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {      left: auto;      top: 0; } /*******************************************************************************   DESIGN INFORMATION: describes color scheme, borders, fonts   *******************************************************************************/ /* Submenu containers have borders on all sides */ ul.MenuBarHorizontal ul {      border: 1px solid #666;      background-color: #6C6C6C;      height: 0px;      padding-left: 0em; } /* Menu items are a light gray block with padding and no text decoration */ ul.MenuBarHorizontal a {      display: block;      cursor: pointer;      background-color: #6C6C6C;      padding: 0em;      color: #FC0;      text-decoration: none;      font-size: 14px;      margin-left: 0em; } /* Menu items that have mouse over or focus have a blue background and white text */ ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {      background-color: #FC0;      color: #FFF; } /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */ ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {      background-color: #FC0;      color: #FFF; } /*******************************************************************************   SUBMENU INDICATION: styles if there is a submenu under a given menu item   *******************************************************************************/ /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal a.MenuBarItemSubmenu {      background-image: url(SpryMenuBarDown.gif);      background-repeat: no-repeat;      background-position: 98% 50%; } /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {      background-image: url(SpryMenuBarRight.gif);      background-repeat: no-repeat;      background-position: 98% 50%; } /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {      background-image: url(SpryMenuBarDownHover.gif);      background-repeat: no-repeat;      background-position: 98% 50%; } /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {      background-image: url(SpryMenuBarRightHover.gif);      background-repeat: no-repeat;      background-position: 98% 50%; } /*******************************************************************************   BROWSER HACKS: the hacks below should not be changed unless you are an expert   *******************************************************************************/ /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */ ul.MenuBarHorizontal iframe {      position: absolute;      z-index: 1010;      filter:alpha(opacity:0.1); } /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */ @media screen, projection {      ul.MenuBarHorizontal li.MenuBarItemIE      {           display: inline;           f\loat: left;           background: #FFF;      } }[/SPOILER] any help would be greatly appreciated, as i've been fidgiting with this thing for 2 days now, to no satisfying effect...

since the layout of the pasted text got all weird, here i'm trying it again.
sprymenubarhorizontal.css:
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 14px;
cursor: default;
width: 1010px;
font-family: Arial, Helvetica, sans-serif;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 166px;
position: absolute;
left: -1000em;
background-color: #6C6C6C;
height: 0px;
margin-top: 0px;
margin-right: 0em;
margin-bottom: 10px;
margin-left: 0em;
text-align: right;
text-indent: 0em;
padding-top: 0px;
padding-right: 0em;
padding-bottom: 0px;
padding-left: 0px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #666;
border-right-color: #666;
border-bottom-color: #666;
border-left-color: #666;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
height: 0px;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 166px;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
height: 41px;
margin-top: 0%;
margin-right: 0%;
margin-bottom: 0px;
margin-left: 162px;
float: right;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #666;
background-color: #6C6C6C;
height: 0px;
padding-left: 0em;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #6C6C6C;
padding: 0em;
color: #FC0;
text-decoration: none;
font-size: 14px;
margin-left: 0em;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #FC0;
color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-color: #FC0;
color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 98% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 98% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 98% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 98% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;

Xsl:if creates unwanted newline [SOLVED]

Hi there.
I'm making a report, with some images. This works fine (it's just an image of a checkbox, base64 data..). However, when printing many lines, I only want to print the checkbox if it's actually text there.
Short explanation:
Q1 Q2
Q3 Q4
Q5
I don't want the last line (which WOULD have been Q6) to print the image aswell. (That is; I only want it to print once for the Q5)
Here's my code:
<xsl:if test="Q_NR!='' "><fo:instream-foreign-object content-type="image/jpg"><xsl:value-of select=".//IMG"/></fo:instream-foreign-object></xsl:if>
And this mess up my entire report with newline with the image.
If I use only
<fo:instream-foreign-object content-type="image/jpg"><xsl:value-of select=".//IMG"/></fo:instream-foreign-object>
then the images print exactly as I want them.
How can I get around this issue?
P.S: The if quoting is like this:
if test=(double quotes)Q_NR != (two single quotes) (double quote)

if@inlines should do the trick.

Spry versus XSL

Similar Messages

Maybe you are looking for