Spry link Question

I have a spry menu which one of the main menus looks like this
<li><a href="*" class="MenuBarItemSubmenu">PORTFOLIO</a>
          <ul>
            <li><a href="staticdesigns.html">STATIC</a></li>
            <li><a href="flashdesigns.html">FLASH</a></li>
            <li><a href="banners.html">BANNERS - RICH MEDIA</a></li>
        </ul>
this code presently has a * for the PORTFOLIO link
i need to know how can I make the PORTFOLIO not have a link and just work with a mouseover so I get the hover but just the <li> items have links?
Oi tried to remove the href= but then I lose the text in the css sheet.
any help?
rd

If your question is your main menu item is PORTFOLIO and you do not want it linked to another URL then use the default notation as follows:
<li><a class="MenuBarItemSubmenu" href="#"> PORTFOLIO</a></li>

Similar Messages

An odd request for spry links

Hello everyone,
I am unsure of where else to ask this, so I figured this is most appropriate.
I currently have horizontal spry links to the left hand side of my page, which unfold to three levels. Everything works fine at the moment however I am looking to add some new features if possible. Some of which I believe are easy, but I am still learning DW so I'm not aware of its full potential. They include:
1) Making links expand when I click them instead of mouse hover.
2) Keeping the selected link expanded, and bolded after I select itto open a new page, even if I move the mouse away from the linkstherefore viewers are aware of which page they are viewing. Ex: The third link in the link tree will remain expanded.
3) Have the links remain on the left side of the page, but have the center of the page (which is currently set at a fixed width) change, depending on which link you select.
I have included an image to give you a better idea of what I am talking about. Thanks in advance guys.
-Dave

Hi
Some of which I believe are easy, but I am still learning DW so I'm not
aware of its full potential.
What you are asking would depend on your skill in css and javascript, as for being 'easy' !
Your questions -
1) Making links expand when I click them instead of mouse hover.
2) Keeping the selected link expanded, and bolded after I select itto open a new page, even if I move the mouse away from the linkstherefore viewers are aware of which page they are viewing. Ex: The third link in the link tree will remain expanded.
3) Have the links remain on the left side of the page, but have the center of the page (which is currently set at a fixed width) change, depending on which link you select.
Possible answers -
Inspect the css and change the hover selection for the links to apply to the click selection, which also means you would have to use JavaScript to 'intercept' the default action for click. This would stop the user going/applying the link to navigate to the selected page/feature, 'how would the user do this if you stop the link doing so?
Again you would have to use JavaScript to set a cookie with the menu item 'tree view' expanded to how you require.
Use Ajax to set the css properties as required.
You believe it is 'easy', but many experienced designers would not think of trying to do item one, as it would change how the user expects something to work, which is not advisable from the usability aspect. Items 2 and 3 would depend on your experience with JavaScript/css, but if you do not 'push yourself' to learn 'how-to' you will never learn.
PZ
www.pziecina.com

Spry links to tabbed panels causing havoc

I have successfully used the tutorial from David Powers' Foundation blog to create a link to an accordion panel, but when I try to create links to 2 different tabbed panel pages, it causes 2 problems within DW.
First the links work to open the correct tabs and the pages display fine on IE7, Firefox and Safari.
Once I add the 'conditional operator' javascript at the end of the page, it causes the tab contents to display continuously out past the end of the widget container in DW, but not on the actual page, live or preview.
The bad problem is that if I close the file and re-open, and sometimes on save, I get the hourglass while it hangs, then after about 40-60 seconds, I get this message:
A script file in c:\..........\Spry\EditUtils.js has been running for a long time. Continue?
I answer No and the page opens and everything seems to work ok, I can edit and such, other than the tab contents running off the page.
I have checked the pages and removed all errors except tabindex and table bordercolor (which are allowed even though they show error on validate). And I have confirmed that the necessary spry link code is the same as the accordion panel page that works, except for the different identifiers of panel vs tab.
Here is a link to the page and the page:
http://www.wilsonchiropractic.net/Services/Hormone.html?tab=1#TabbedPanels1
http://www.wilsonchiropractic.net/Services/Hormone.html
This is the relevant spry link code:
<script type="text/javascript" src="../SpryAssets/SpryURLUtils.js"></script>
<script type="text/javascript"> var params = Spry.Utils.getLocationParamsAsObject(); </script>
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1", {defaultTab: params.tab ? params.tab : 0});
When I take out the latter operator from the bottom line-
, {defaultTab: params.tab ? params.tab : 0}
everything goes back to normal.
Please Help! Thank You!!
--Jeff
Message was edited by: jeff_w01 9-24-09:
I have since re-created a simple page with the only complex element being the spry navigation bar. All else is essentially a stripped down version of the same page with an accordion panel which works. (all my pages are identical in header, navigation and footer - central frame holds differing content within tab or accordion panels).
I put a simple 2-tab panel onto a new page and added the above JavaScript for linking to spry tabs or accordions. It still does the same thing within DW; the separate tab panels run out down the page and it hangs with the eventual message: A script file in c:\..........\Spry\EditUtils.js has been running for a long time. Continue?
I have tried isolating as many variables as I can think of, but not having any luck....

Hi Jeff,
I am not able to reproduce this issue on a new page, but it looks like you have found that the following code is the problem:
{defaultTab: params.tab ? params.tab : 0}
Can you instead try the default constructor and then set the tab via the showTab() function for this tabbed panel? This is essentially what happens with the constructor you are having trouble with.
Hope that helps.
Thanks,
Josh Margulis
Adobe Senior Solutions Engineer

Safari broken image link question mark in a blue box icon

The url I get the safari broken image link question mark in a blue box icon most often is "apple.com/startpage/". There may be 10 or 12 of them. However, most apple.com pages have at least 1. In fact I am looking at 1 right now. I have emptied the cache. I do not wish to reset Safari because I do not want to reenter all of the passwords to various sites. Is there a simple answer?
1.8 Ghz Power PC G5 Mac OS X (10.4.3) Safari 2.0.2

Hi Rex,
Who is your ISP and what addresses do you have set in the DNS section of your System Preferences -> Network preferences?
Have you tried logging into a different user account on your machine to see if that has the same problem? This will help us to know whether your problem is local to your account or system wide. If you don't have another account you can use System Preferences -> Accounts -> [+] to create a test one (and [-] to remove it if needed)
Also, do you use any third party internet software (Norton, Intego, etc.)?

Spry XML question

can spry read in XML as a string? I have an xml page
generated by a coldfusion query (.cfm) The page parses correctly as
an XML file, but when spry reads it in, it does not read it as XML.
I can save the .cfm results (view source) as an XML file and it
views perfectly through spry. Wondering if there is a way to do
this with the original cfm file. NOTE: the example linked
here
does not work

I use CF to generate XML all the time.
You have to make sure you set the content-type to XML and
make sure to remove whitespace:
http://labs.adobe.com/technologies/spry/samples/utils/query2xml.html
But to answer your questions: yes, Spry can read XML strings:
http://labs.adobe.com/technologies/spry/samples/data_region/XMLStringSample.html
Hope this helps.
Don

CS3 Spry css question

I know basic tableless css, my question is instead of a regular navigation bar I need to use the spry widget for a dropdown navigation bar on an exisitng html page. I'm able to insert the spry in the correct spot on the .html page and get it to work but I have a css sheet already attached to the page I need to know if I can just select all the css from the spry css page and insert it inside my attached css page?
Any help?

Yes, you can move the styles, but in my opinion, it is safer to maintain the Spry CSS assets in their own file, safe from inadvertent deletion or harm. There is an inherent logic to the order of styles in the Spry CSS sheets, and you might lose the wisdom of the comments not to mention the orderly consistency as well.
You may link many style sheets to your .html pages...you are not limited to one per page.
By using several CSS files attached to one page, you can also have a separate style sheet for different media: one for the Screen, one for Print, one for a Handheld device. There's no reasonable way to keep all these varying uses for different style sheets all one ONE sheet. The Printer will look for your main style sheet AND at the overriding styles in the print style sheet, for instance, so you don't need to print the nav bar when what you want is a print of the content.
Z
You do, of course, need to NAME the CSS files with distinct names, for instance, global.css, print.css, handheld.css.
Message was edited by: Zabeth69

CS5 Spry Menu Question

Aloha,
I have the menu configured that way i want it, but for the life of me I cant figure out how to do the following.
I have a menu   home, about, contact etc......... The menu bar has two background images, one when you load the page and then the mouse over image. What i want to do is when your on the index.html page , the Menu link will be lite up in my case (blue) and then if you go off of that page the blue will go to the current page that is up on your screen.
I am not great with code, I have spent a few hours tring to figure it out, i have no idea if it can do that or not, but its prob super easy, I just dont know what setting i am looking for.
2ns Question.. Is there a way to make the Spry menu to look like this?    HOME    |   ABOUT     |      ETC
Right now i dont have the | in there, not sure if its possable
Aloha!

Thank you for posting your URL, this should be done as a matter of course.
You do need to have SpryDOMUtils.js uploaded to your SpryAssets folder for the script to work.
The following explains the working of the script
function InitPage(){
Spry.$$('#MenuBar1 li').forEach(function(node){ // check each li within a region with an ID of MenuBar1
    var a=node.getElementsByTagName("a")[0]; // finds all a elements inside the li, but we only want the first so [0]
    if(a.href == window.location){ // if the href is the same as the current window location e.g. index.html
        Spry.Utils.addClassName(node,"activeMenuItem"); // add a class called activeMenuItem
As soon as a class is added, CSS will take care of the styling. In the case that I have suggested, the CSS merely changes the background colour. This could just as happily be a background image.
If you want a different image for each menu item, then assign a class to the menu item as in
<li><a href="index.html">Home</a></li>
<li><a href="home-services.html" class="red">Home Services</a></li>
<li><a href="business-services.html">Business Services</a></li>
<li><a href="web-hosting.html">Web Hosting</a></li>
<li><a href="online-backup.html">Online Backup</a></li>
<li><a href="about-us.html">About Us</a></li>
<li><a href="contact.html">Contact Us</a></li>
The style rule could then be
.red .activeMenuItem { background: url(home-button.png); }
Cheers,
Gramps

Newbie alert spry conditions question

I am trying to use an XML dataset to draw data for my
application pages. I have some XML fields, (in this case {helpurl}
and {moreinfo} ) which may or may not have a value assigned to them
in each record.
My question is simple, but I can't find the answer... where I
originally would write it this way in CF, what is the equivalent in
CS3/Spry?
<cfif (#helpurl# is not "")>
<a href="#helpurl#">HELP</a>
</cfif>
<cfif (#moreinfo# is not "")>
<a href="#moreinfo#">MORE INFORMATION</a>
Thanks so much!!

You need to use Spry:if like below
<p> {Description} <a href="{Link}" target="_blank"
spry:if="'{Link}' != ''">MORE..</a></p>
Regards
Phil

Error 501; iTunes store shows no images-only underlined links/question mark

When I open iTunes store, the images show only as boxes with question marks and the text shows as an underlined blue link. When I click on anything I get a Error 501 message. My iTunes library and connection with iPod are unaffected.
I have tried to uninstall iTunes and Quicktime. I have tried uninstalling everything related to Apple/iTunes (including Bonjour) and reinstalling Quicktime by itself (was successful). Everytime I reinstall iTunes, the store appears the same way and is inaccessible. Please help!!

I have the same problem with our system. I contacted the Apple Help Department and they tried to help me via email (same fixes, uninstall, reinstall - same problem), but the problem persists. I can't preview the songs either and would like Apple to step up and help us all out!

32 bit vs. 64bit download link question

My daughter just bought a prepaid CC student and teacher license for her studies. She bought it thru thinkedu.com and it is the $199.00/12 month subscription. Her computer runs windows 8 pro 64 bit OS. The download link says 32 bit. I want to help her install it this weekend and have not clicked on the link yet to install.
Two questions. 1) Will the 32 bit link be a problem in getting the best possible performance out of her computer (hardware aside)? 2) does the subscription begin when activation begins or is the meter running right now?

Audio and video apps are mostly 64 bit only - Audition included.
http://www.adobe.com/au/products/creativecloud/faq.html#desktop-products
Which desktop applications in Creative Cloud require 64-bit operating systems?
With the new CC apps, most of the pro video and audio applications now require 64-bit operating systems to run. These native 64-bit applications include Adobe Premiere® Pro CC, Adobe Audition® CC, After Effects® CC, Prelude® CC, and SpeedGrade® CC. Flash Professional CC, Photoshop CC and Lightroom® also require 64-bit on Mac OS.
Where 32 bit and 64 bit versions are available, both will be installed automatically. The 32 bit versions may occasionally be required to run older plugins, though in your daughter's case I doubt she'll ever need the 32 bit versions.
The 64 bit version of each app should be the version which launches by default in each case,

InDesign CS6 folio builder/links question. For iPad app.

Hi there. I am a graphic designer who is very experienced in InDesign using the software for print purposes. I am now branching out with the capacities CS6 has and am learning to design (mainly presentation) apps for the iPad. So, I've designed a portfolio as a multiple page document with both portrait and landscape page orientations. The app would consist of a starter page which would be a load of animation exported as swf, and imported back into InDesign as HTML5, or MP4, or however (I haven't nailed this yet as I'm leaving this till last as this page will serve as a screen saver until swiped). When the viewer swipes page 1 they will enter into the main 'contents' page with a load of thumbnails of clients I have and within those clients a load of case studies. So, I've roughly designed the layout and will need to build but I need to know what I'm limited by.
Page 1 title page,
page 2 contents (with scrollable bar with links to other pages)
page 3 will be the 1st client and will need approx 6 case studies, which I presume I'll need to make extra pages. And so on.
Anyhow, I digress – the question I ask is that to upload and test on the iPad through content viewer I obviously need to upload the articles as separate pages (incorporating both H & V orientations) but would I make the links from my 'contents' page when the document was a multiple page document (ie in it's original state) or would I apply these links (as buttons I presume rather than hyperlinks) when the articles have been separated and I'm working with page 01, 02, 03 etc in folio builder?. I know how how to create buttons from thumbnails but I can't work out how to link them to their desired targets (next page/page no/ etc etc) for the record I want to present my work on an iPad as an app, without relying on WIFI or 3G. Last question (phew) Is I have a picture frame with a slideshow in - is it possible for the viewer to click these and open them in full screen mode and flick/navigate through that way? then click via a cross in the top corner back to the screen they were on. Very grateful for any replies – It's a steep learning curve from print! Steve C, London, England

Steve,
we have many resources, from step-by-step tutorials to videos and more at our DPS Developer Center at http://www.adobe.com/devnet/digitalpublishingsuite.html.
There is also a very cool (and free) app called DPS Tips with many examples on using interactive overlays in DPS: https://itunes.apple.com/us/app/digital-publishing-suite-tips/id436199090?mt=8
The iPad Publishing Companion Guide PDF is available on the DPS Dashboard (https://digitalpublishing.acrobat.com). The link to download the Companion Guide is available in the "Additional Resources" section on the Dashboard.
I think that these resources will provide answers to most of your questions.

A simple Spry Accordion Question (I think)

Hi all:
I've searched but can't find, but I think this is a simple one.
I've created a basic Spry accordion menu with DW/CS3 - Insert/Spry/Spry Accordion. How do I get the first "Content 1" to be hidden/not visible upon page load. Right now, the "Lable 2" must be clicked to hide the "Content 1" which of course shows the "Content 2"? Guessing it's in the JS, but I'm not sure. TIA for any help. HTML and JS Code below.
<!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>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 1</div>
    <div class="AccordionPanelContent">Content 1</div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 2</div>
    <div class="AccordionPanelContent">Content 2</div>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>
JAVASCRIPT
var Spry;
if (!Spry) Spry = {};
if (!Spry.Widget) Spry.Widget = {};
Spry.Widget.Accordion = function(element, opts)
    this.element = this.getElement(element);
    this.defaultPanel = 0;
    this.hoverClass = "AccordionPanelTabHover";
    this.openClass = "AccordionPanelOpen";
    this.closedClass = "AccordionPanelClosed";
    this.focusedClass = "AccordionFocused";
    this.enableAnimation = true;
    this.enableKeyboardNavigation = true;
    this.currentPanel = null;
    this.animator = null;
    this.hasFocus = null;
    this.duration = 500;
    this.previousPanelKeyCode = Spry.Widget.Accordion.KEY_UP;
    this.nextPanelKeyCode = Spry.Widget.Accordion.KEY_DOWN;
    this.useFixedPanelHeights = true;
    this.fixedPanelHeight = 0;
    Spry.Widget.Accordion.setOptions(this, opts, true);
    // Unfortunately in some browsers like Safari, the Stylesheets our
    // page depends on may not have been loaded at the time we are called.
    // This means we have to defer attaching our behaviors until after the
    // onload event fires, since some of our behaviors rely on dimensions
    // specified in the CSS.
    if (Spry.Widget.Accordion.onloadDidFire)
        this.attachBehaviors();
    else
        Spry.Widget.Accordion.loadQueue.push(this);
Spry.Widget.Accordion.onloadDidFire = false;
Spry.Widget.Accordion.loadQueue = [];
Spry.Widget.Accordion.addLoadListener = function(handler)
    if (typeof window.addEventListener != 'undefined')
        window.addEventListener('load', handler, false);
    else if (typeof document.addEventListener != 'undefined')
        document.addEventListener('load', handler, false);
    else if (typeof window.attachEvent != 'undefined')
        window.attachEvent('onload', handler);
Spry.Widget.Accordion.processLoadQueue = function(handler)
    Spry.Widget.Accordion.onloadDidFire = true;
    var q = Spry.Widget.Accordion.loadQueue;
    var qlen = q.length;
    for (var i = 0; i < qlen; i++)
        q[i].attachBehaviors();
Spry.Widget.Accordion.addLoadListener(Spry.Widget.Accordion.processLoadQueue);
Spry.Widget.Accordion.prototype.getElement = function(ele)
    if (ele && typeof ele == "string")
        return document.getElementById(ele);
    return ele;
Spry.Widget.Accordion.prototype.addClassName = function(ele, className)
    if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) != -1))
        return;
    ele.className += (ele.className ? " " : "") + className;
Spry.Widget.Accordion.prototype.removeClassName = function(ele, className)
    if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) == -1))
        return;
    ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
Spry.Widget.Accordion.setOptions = function(obj, optionsObj, ignoreUndefinedProps)
    if (!optionsObj)
        return;
    for (var optionName in optionsObj)
        if (ignoreUndefinedProps && optionsObj[optionName] == undefined)
            continue;
        obj[optionName] = optionsObj[optionName];
Spry.Widget.Accordion.prototype.onPanelTabMouseOver = function(panel)
    if (panel)
        this.addClassName(this.getPanelTab(panel), this.hoverClass);
Spry.Widget.Accordion.prototype.onPanelTabMouseOut = function(panel)
    if (panel)
        this.removeClassName(this.getPanelTab(panel), this.hoverClass);
Spry.Widget.Accordion.prototype.openPanel = function(panel)
    var panelA = this.currentPanel;
    var panelB = panel;
    if (!panelB || panelA == panelB)
        return;
    var contentA;
    if( panelA )
        contentA = this.getPanelContent(panelA);
    var contentB = this.getPanelContent(panelB);
    if (! contentB)
        return;
    if (this.useFixedPanelHeights && !this.fixedPanelHeight)
        this.fixedPanelHeight = (contentA.offsetHeight) ? contentA.offsetHeight : contentA.scrollHeight;
    if (this.enableAnimation)
        if (this.animator)
            this.animator.stop();
        this.animator = new Spry.Widget.Accordion.PanelAnimator(this, panelB, { duration: this.duration });
        this.animator.start();
    else
        if(contentA)
            contentA.style.height = "0px";
        contentB.style.height = (this.useFixedPanelHeights ? this.fixedPanelHeight : contentB.scrollHeight) + "px";
    if(panelA)
        this.removeClassName(panelA, this.openClass);
        this.addClassName(panelA, this.closedClass);
    this.removeClassName(panelB, this.closedClass);
    this.addClassName(panelB, this.openClass);
    this.currentPanel = panelB;
Spry.Widget.Accordion.prototype.openNextPanel = function()
    var panels = this.getPanels();
    var curPanelIndex = this.getCurrentPanelIndex();
    if( panels && curPanelIndex >= 0 && (curPanelIndex+1) < panels.length )
        this.openPanel(panels[curPanelIndex+1]);
Spry.Widget.Accordion.prototype.openPreviousPanel = function()
    var panels = this.getPanels();
    var curPanelIndex = this.getCurrentPanelIndex();
    if( panels && curPanelIndex > 0 && curPanelIndex < panels.length )
        this.openPanel(panels[curPanelIndex-1]);
Spry.Widget.Accordion.prototype.openFirstPanel = function()
    var panels = this.getPanels();
    if( panels )
        this.openPanel(panels[0]);
Spry.Widget.Accordion.prototype.openLastPanel = function()
    var panels = this.getPanels();
    if( panels )
        this.openPanel(panels[panels.length-1]);
Spry.Widget.Accordion.prototype.onPanelClick = function(panel)
    // if (this.enableKeyboardNavigation)
    //     this.element.focus();
    if (panel != this.currentPanel)
        this.openPanel(panel);
    this.focus();
Spry.Widget.Accordion.prototype.onFocus = function(e)
    // this.element.focus();
    this.hasFocus = true;
    this.addClassName(this.element, this.focusedClass);
Spry.Widget.Accordion.prototype.onBlur = function(e)
    // this.element.blur();
    this.hasFocus = false;
    this.removeClassName(this.element, this.focusedClass);
Spry.Widget.Accordion.KEY_UP = 38;
Spry.Widget.Accordion.KEY_DOWN = 40;
Spry.Widget.Accordion.prototype.onKeyDown = function(e)
    var key = e.keyCode;
    if (!this.hasFocus || (key != this.previousPanelKeyCode && key != this.nextPanelKeyCode))
        return true;
    var panels = this.getPanels();
    if (!panels || panels.length < 1)
        return false;
    var currentPanel = this.currentPanel ? this.currentPanel : panels[0];
    var nextPanel = (key == this.nextPanelKeyCode) ? currentPanel.nextSibling : currentPanel.previousSibling;
    while (nextPanel)
        if (nextPanel.nodeType == 1 /* Node.ELEMENT_NODE */)
            break;
        nextPanel = (key == this.nextPanelKeyCode) ? nextPanel.nextSibling : nextPanel.previousSibling;
    if (nextPanel && currentPanel != nextPanel)
        this.openPanel(nextPanel);
    if (e.stopPropagation)
        e.stopPropagation();
    if (e.preventDefault)
        e.preventDefault();
    return false;
Spry.Widget.Accordion.prototype.attachPanelHandlers = function(panel)
    if (!panel)
        return;
    var tab = this.getPanelTab(panel);
    if (tab)
        var self = this;
        Spry.Widget.Accordion.addEventListener(tab, "click", function(e) { return self.onPanelClick(panel); }, false);
        Spry.Widget.Accordion.addEventListener(tab, "mouseover", function(e) { return self.onPanelTabMouseOver(panel); }, false);
        Spry.Widget.Accordion.addEventListener(tab, "mouseout", function(e) { return self.onPanelTabMouseOut(panel); }, false);
Spry.Widget.Accordion.addEventListener = function(element, eventType, handler, capture)
    try
        if (element.addEventListener)
            element.addEventListener(eventType, handler, capture);
        else if (element.attachEvent)
            element.attachEvent("on" + eventType, handler);
    catch (e) {}
Spry.Widget.Accordion.prototype.initPanel = function(panel, isDefault)
    var content = this.getPanelContent(panel);
    if (isDefault)
        this.currentPanel = panel;
        this.removeClassName(panel, this.closedClass);
        this.addClassName(panel, this.openClass);
    else
        this.removeClassName(panel, this.openClass);
        this.addClassName(panel, this.closedClass);
        content.style.height = "0px";
    this.attachPanelHandlers(panel);
Spry.Widget.Accordion.prototype.attachBehaviors = function()
    var panels = this.getPanels();
    for (var i = 0; i < panels.length; i++)
        this.initPanel(panels[i], i == this.defaultPanel);
    if (this.enableKeyboardNavigation)
        // XXX: IE doesn't allow the setting of tabindex dynamically. This means we can't
        // rely on adding the tabindex attribute if it is missing to enable keyboard navigation
        // by default.
        var tabIndexAttr = this.element.attributes.getNamedItem("tabindex");
        // if (!tabIndexAttr) this.element.tabindex = 0;
        if (tabIndexAttr)
            var self = this;
            Spry.Widget.Accordion.addEventListener(this.element, "focus", function(e) { return self.onFocus(e); }, false);
            Spry.Widget.Accordion.addEventListener(this.element, "blur", function(e) { return self.onBlur(e); }, false);
            Spry.Widget.Accordion.addEventListener(this.element, "keydown", function(e) { return self.onKeyDown(e); }, false);
Spry.Widget.Accordion.prototype.getPanels = function()
    return this.getElementChildren(this.element);
Spry.Widget.Accordion.prototype.getCurrentPanel = function()
    return this.currentPanel;
Spry.Widget.Accordion.prototype.getCurrentPanelIndex = function()
    var panels = this.getPanels();
    for( var i = 0 ; i < panels.length; i++ )
        if( this.currentPanel == panels[i] )
            return i;
    return 0;
Spry.Widget.Accordion.prototype.getPanelTab = function(panel)
    if (!panel)
        return null;
    return this.getElementChildren(panel)[0];
Spry.Widget.Accordion.prototype.getPanelContent = function(panel)
    if (!panel)
        return null;
    return this.getElementChildren(panel)[1];
Spry.Widget.Accordion.prototype.getElementChildren = function(element)
    var children = [];
    var child = element.firstChild;
    while (child)
        if (child.nodeType == 1 /* Node.ELEMENT_NODE */)
            children.push(child);
        child = child.nextSibling;
    return children;
Spry.Widget.Accordion.prototype.focus = function()
    if (this.element && this.element.focus)
        this.element.focus();
Spry.Widget.Accordion.PanelAnimator = function(accordion, panel, opts)
    this.timer = null;
    this.interval = 0;
    this.stepCount = 0;
    this.fps = 0;
    this.steps = 10;
    this.duration = 500;
    this.onComplete = null;
    this.panel = panel;
    this.panelToOpen = accordion.getElement(panel);
    this.panelData = [];
    Spry.Widget.Accordion.setOptions(this, opts, true);
    // If caller specified speed in terms of frames per second,
    // convert them into steps.
    if (this.fps > 0)
        this.interval = Math.floor(1000 / this.fps);
        this.steps = parseInt((this.duration + (this.interval - 1)) / this.interval);
    else if (this.steps > 0)
        this.interval = this.duration / this.steps;
    // Set up the array of panels we want to animate.
    var panels = accordion.getPanels();
    for (var i = 0; i < panels.length; i++)
        var p = panels[i];
        var c = accordion.getPanelContent(p);
        if (c)
            var h = c.offsetHeight;
            if (h == undefined)
                h = 0;
            if (p == panel || h > 0)
                var obj = new Object;
                obj.panel = p;
                obj.content = c;
                obj.fromHeight = h;
                obj.toHeight = (p == panel) ? (accordion.useFixedPanelHeights ? accordion.fixedPanelHeight : c.scrollHeight) : 0;
                obj.increment = (obj.toHeight - obj.fromHeight) / this.steps;
                obj.overflow = c.style.overflow;
                this.panelData.push(obj);
                c.style.overflow = "hidden";
                c.style.height = h + "px";
Spry.Widget.Accordion.PanelAnimator.prototype.start = function()
    var self = this;
    this.timer = setTimeout(function() { self.stepAnimation(); }, this.interval);
Spry.Widget.Accordion.PanelAnimator.prototype.stop = function()
    if (this.timer)
        clearTimeout(this.timer);
        // If we're killing the timer, restore the overflow
        // properties on the panels we were animating!
        if (this.stepCount < this.steps)
            for (i = 0; i < this.panelData.length; i++)
                obj = this.panelData[i];
                obj.content.style.overflow = obj.overflow;
    this.timer = null;
Spry.Widget.Accordion.PanelAnimator.prototype.stepAnimation = function()
    ++this.stepCount;
    this.animate();
    if (this.stepCount < this.steps)
        this.start();
    else if (this.onComplete)
        this.onComplete();
Spry.Widget.Accordion.PanelAnimator.prototype.animate = function()
    var i, obj;
    if (this.stepCount >= this.steps)
        for (i = 0; i < this.panelData.length; i++)
            obj = this.panelData[i];
            if (obj.panel != this.panel)
                obj.content.style.height = "0px";
            obj.content.style.overflow = obj.overflow;
            obj.content.style.height = obj.toHeight + "px";
    else
        for (i = 0; i < this.panelData.length; i++)
            obj = this.panelData[i];
            obj.fromHeight += obj.increment;
            obj.content.style.height = obj.fromHeight + "px";

On the bottom of yourpage you have this:
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
Change it to this:
var Accordion1 = new Spry.Widget.Accordion("Accordion1", { useFixedPanelHeights: false, defaultPanel: -1 });
Ken Ford

Apple ID link question

My iPhone is associated with my husband's apple ID. How do I link it to my newly created apple ID? Will this screw up my husband's ID or account?

Alternatives for Help Resetting Security Questions and/or Rescue Mail
     1. If you have a valid rescue email address, then use this procedure:
         Rescue email address and how to reset Apple ID security questions.
     2. Fill out and submit this form. Select the topic, Account Security. You must
         have a Rescue Email to use this option.
     3. This is the only option if you do not already have a valid Rescue Email.
         These are telephone numbers for contacting Apple Support in your country.
         Apple ID- Contacting Apple for help with Apple ID account security. Select
         the appropriate country and call. Ask to speak to the Account Security Team.
Note: If you have already forgotten your security questions, then you cannot
         set up a rescue email address in order to reset them. You must set up
         the rescue email address beforehand.
Your Apple ID: Manage My Apple ID.
                         Apple ID- All about Apple ID security questions.

Create View from Database Links - Question

Question
I'm missing something simple.
I'm trying to create a view, from a Database Link.
CREATE VIEW view_name
AS SELECT a.*
FROM schema.tablename@dblink a;
When I run this in the SQL Commands window.
I get this error message.
ORA-00933: SQL command not properly ended
What am I missing? Any help is appreciated...

<i>CREATE VIEW vw_name
AS SELECT a.*
FROM [email protected] a;
</i>
<br>
1) User (schema) which is creating view must have proper db_link to source database. For that try this for testing purpose:
select 1 from [email protected]<br>
If this fail then db_link is not ok! This step is absolute must to go any further step to!!!
<br>
2) when db_link is set, then your view should be named as:
CREATE VIEW vw_name
AS SELECT *
FROM <b>schema_name</b>.[email protected];<br>
please pay attention to "schema_name", because from remote side every table is in some schema so it really need declaration of owner schema.
<br>
Hope this helps...

Quick Spry Menu Question

I am having CSS issues trying to center a basic horizontal spry menu inside a div tag.
To keep it simple:
I have a 990px wide x 40px high Div Tag for my mainNav menu.
I created a quick horizontal menu using the spry widget... with 7 boxes.
The menu of 7 boxes is currently left justified within the Div. I want it to auto center within the Div. I have tried changing almost every pre-CSS ID in the Spry horizontal menu using AUTO margins for the left and right and I can't get any of them to center then entire menu within the overall Div Tag.
Please help.
ul.MenuBarHorizontal.li is floated left so the boxes are side by side... but no matter which CSS ID I change the margins to auto on left and right nothing seems to work.
Do I need to create a new CSS rule targeting something different to get the entire menu to center properly?
Thanks for the help
Tim

Alter the spry css. If you declare a width of 700px and set margin: 0 auto; (as shown below) then each of your 7 links will be 100px wide and you'll have 145px either side. 990px - 700px = 290px /2 = 145px.
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: 700px;
margin: 0 auto;
Updated: You should also set the below selector to 100px (or whatever you require. But obviously make sure the total width of all the links adds up to the width you set the above css selector to. In this case 700px). This determines the width of your links.
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 100px;
    float: left;

Spry link Question

Similar Messages

Maybe you are looking for