Open Accordian Panel via anchor tag

I have about 20 accordian panels stuffed with content. Is it
possibe for a user to click a link on the same page and be carried
to the specific panel? -- having it open would be a bonus.
thanks for your time

I had a similar question. I'm trying to use named anchors on
one page in a site to to open specific panels on a different page,
but I'm not having much success. Depending on where I place the
anchor tags, I can get ALL of the panels with anchor tags to open
when the link is clicked. However, I can't seem to make a single
link open a single panel. My javascript skills are minimal -- I can
edit from examples, but I don't have the knowledge to write code
from scratch. Any help or advice is most appreciated.

Similar Messages

Print from open accordian panel only

Hi all,
I'm hoping I have put this in the right section. Apologies if I haven't. I am trying to use accordian panels and what I want is to be able to print from the open panel only. I want to have a link in the panel saying "print this...." and only have it print that panel and not the closed ones. It's probably something realy simple that I am missing. Any help would be greatly appreciated.
Thanks

If you set a default CSS rule that prevents printing when the page is opened.
Using the link "print this" use the Spry Element Selector to change the CSS rule to enable printing of the section that you want, print the section and disable printing of the section.
For CSS have a look here http://www.alistapart.com/articles/goingtoprint/ or Google the subject
For Spry Element Selector see here http://labs.adobe.com/technologies/spry/articles/data_api/apis/element_selector.html or Google the subject
To print have a look here http://www.htmlgoodies.com/beyond/javascript/article.php/3471121/Print-a-Web-Page-Using-Ja vaScript.htm or Google the subject
Gramps

Programatic change of open accordian panel

Is there a way to change the open panel of an accordian
widget? If so, would you mind sharing it?

<button onclick="var panels = sampleAccordion.getPanels();
sampleAccordion.openPanel(panels[1]); return false;" >open panel
two</button>
getPanels() returns a 0 based array so don't trip up on that.
Chris

Select Accordian Panel via $_GET

Is it possible to select which panel is open on a page
through a url $_GET?
For example, if you have a regular non spry webpage or email
that you want to link to a specific open panel on a spry webpage,
how can that be achieved.
i.e.
<a href="
http://www.domain.com/test.php?panel=3
>open panel four</a>
I have seen the posts for openPanel and have not been able to
get them to work at all.
Any suggestions?
thanks,
elaine

When the page loads you could just get the panel from the
query string and send it as the default when you create the
accordion. The code looks like:
var defaultPanelParam = getQueryVariable('panel');
var sampleAccordion = new
Spry.Widget.Accordion("sampleAccordion", {defaultPanel:
defaultPanelParam});
The first implementation I found for getQueryVariable is
http://www.activsoftware.com/code_samples/code.cfm/CodeID/59/JavaScript/Get_Query_String_v ariables_in_JavaScript
There's other ones out there you could use too if you don't
already have code to do that.
Chris

Open linked files in new page? Anchor tags?

I'm making a website for a friend's Pilates studio in iWeb 2008. She has her class schedules as PDF documents, which I've linked in, but there appears to be no way to choose for the PDF to open in a new window (unlike web page links, which come with a little box to check if you want to open them in a new window).
Also, her husband has requested anchor tags on some of the pages.
My questions: Is there a way to do this in iWeb 2008? Could I do it if I could access the code? Is there a way to access the code for a specific page?
Any help would be greatly appreciated!
Gwen

Welcome to the Apple Discussions. Anchors are not supported in iWeb (send a feature request to Apple via http://www.apple.com/feedback/iweb.html).
As far as having pdfs open in a new window you have to first upload the pdf file to the server and then use the hyperlink to a external page and enter the URL to the file on the server. I have a couple of examples on this demo page: LinkTestPage . The links are on the right side of the page and the URL used is listed (for a MMe account).
OT

Anchor Tag In Tabbed Panel Content

I used this code to jump to and open the tab. I would like to
add an anchor tag name to it so that it jumps to a specific section
I have named in the content panel.
<a href="#" onclick="TabbedPanels1.showPanel(2); return
false;">
This solution does not work:
<a href="#anchorname" onclick="TabbedPanels1.showPanel(2);
return false;">
Has anyone found a work around for this?

This is such a great solution--thanks so much for sharing. I'm having a problem with the name of my collapsible panels (which operate similarly to Tabbed Panels, as far as I understand). Basically I am trying to use anchor tags and my goal is to create a hyperlink on page 1 that points to content within a spry widget on page 2 of my webpage. I obviously want the spry widget on page 2 to open up on click and the user to be taken to where my anchor tag is located. In this thread (http://forums.adobe.com/message/209107#209107), Mr. Celic seems to indicate using something like this:
<a href="#anchorname" onclick="TabbedPanels1.showPanel(2);">
My exact code is like this: <a href="pagetwo.html#myanchortag" onclick="CollapsiblePanel1.open();">content here</a>
The good news is that this works, but my problem is that page 1 of my website also has a CollapsiblePanel1 so when I click on the link above, CollapsiblePanel1 on page 1 opens, not the CollapsiblePanel1 on page 2 of my site. I went into page 2 and clicked on "CollapsiblePanel1" and in the "Properties" panel renamed it to "CollapsiblePanel11" then changed my code to
<a href="pagetwo.html#myanchortag" onclick="CollapsiblePanel11.open();">content here</a>
but that didn't do a thing! I'm super stuck and don't know how else to rename the collapsible panels or how to get it to work.
One thing I can't figure out from the original solution (<a href="#" onclick="TabbedPanels1.showPanel(2);">) is what is "showPanel(2)"? Where did she get this from/where can I find the equivalent for my collapsible panel spry? This could be where I'm going wrong.
Any thoughts would be greatly appreciated.
Thanks so much! Catherine

Anchor tag inside Spry Tabbed Panel Content

I have successful been able to use code I found listed on
here to open a specific tab in a Spry Tabbed Panel form a link. Now
I am wondering if anyone has found out how to add an anchor tag
code this so that is goes to a specific location inside that Tabbed
Panel Content?

I was looking for an answer on how to open a tab from another tab and found it!
In return I'll give you a hint on how to open a tab from another tab using an anchor
for example,
if you were working on a file named "projects.php"
create an anchor in tab 2
<a name="anchor1" id="anchor1"></a>come next to me
in tab 1 create the link to the anchor in tab 2
<a href="projects.php#anchor1" onclick="TabbedPanels1.showPanel(1); return false;">open tab 2 and go to its anchor 1</a>
In your case you are overlooking the file name and jumping directly to the anchor name.....am I right??
cheers from Lima, Perú

Not able to open document using anchor tag in firefox

Hello Friends,
I would really need your help in solving this issue.My application is deployed in server machine.
I'm accessing the application through fire fox. In my application, i have a link where i need to open a document on click of it.
For this, i am using html anchor tag.
Eg:
Test
where IP is the server machine address and dir is the shared directory.
It works in IE but didn't work in fire fox. Please help me out on to fix it.
Cheers,
Cap

Try out to open doc using following link, {color:#ff0000}*use 5 back slashes instead of 2*
{color}Test Link
once you done the code change, close the browser and open a new browser and try it.
Edited by: Thagelapally on Jul 17, 2009 6:05 AM

Hyperlink set to open new window & jump to anchor tag, doesn't jump

I am generating Flash Help output in RH7.
We have content hyperlinks that are set to open in a new window (target="_blank") and jump to an anchor tag in the destination topic (a href="newwindowtopic.htm#anchor")
This works fine if I compile the file as is.
However, we edit the whtopic.js topic in order to remove the "Show" link that appears when you open context sensitive topics. We do this by adding the following code at the end or the addShowButton function:
setRelStartPage("ourstartpage.htm");
show();
Replacing the Show link worked fine in RH5 and it works fine in RH7. However, in RH7 when we replace the "show" link to have the TOC load when all topics are called (not just the start page), the ability to open a new window AND jump to the anchor tag is no longer working. When you click the hyperlink the new page opens, but only to the top of the page, not to the bookmark (anchor). The anchor jump does work if the hyperlink is set to open in the current window in RH7.
The issue exists in IE7 and Firefox.
Any ideas?

Hi there
Why are you editing the JavaScript file? Did you know that when generating FlashHelp you have an option to turn off the Show link?
Additionally there are ways to link to topics so the TOC is visible and synchronized. These are described at this link right here.
Cheers... Rick
Begin learning RoboHelp HTML 7 within the day - $24.95!
Click here for Adobe Authorized Captivate and RoboHelp HTML Training
Click here for the SorcerStone Blog
Click here for RoboHelp and Captivate eBooks

Use Regular Expressions to remove open/close anchor tags but leave the text contained within alone

I have a large file with lots of anchor tags. Many of the anchor tags have no HREF specified and do nothing. They aren't hurting anything, either, but I'd like to get rid of them, leaving the anchor tags that do have HREF alone, and leaving the text between the tags alone. Here's an example: <a>A resident or municipality may seek to vacate 25.01.01</a>.
I've come up with this to identify those tags: <\a>(.)*</\a> and it works, it finds them, but what should I put in the Replace area in order to remove the open/close tags but leave the text as it is?

I'm a reg ex idiot. So I use the Search Specific Tag feature whenever I can. See screenshot, hit Replace All. But please do this on a backed-up document to be sure it does what you want.
Nancy O.

How to open a doc file using jsp Anchor tag

when i am trying to open a doc file using a jsp it is opening with out proper alignment.
how to open a doc file with proper alignment using Anchor Tag in JSp Page

Hello!
Does some one of you had open a MS word file (.doc) in Java search for a token like [aToken] replace it with another text and then feed it to a stream of save it?
I want to build a servlet to open a well formatted and rich on media (images) ms word document search for tokens and replace them with information form a web form.
Any Ideas?
Thank you in advanced.

Anchor tags to bookmarks within emails not working in Office365 OWA web portal

r years, we've had longer newsletter-style emails which include links throughout the email such as "<a href="#action">please take our action today</>" and then we include "<a id="action" name="action"></a>"
in that section of the email. This works in all email clients we've used for years, including Outlook 2010 and hotmail - including the recent upgrades.
However, in the Outlook 365 web portal, it converts the href anchor tags to plain text, appearing as "[#action]please take our action today"
in both the "preview panel" as well as when you double click the message to open in a new window.
Fascinatingly, this same email will both view fine when viewed from the Outlook 2010 desktop AND when you forward this message from the web portal, it shows fine in the Compose window.
And recipients of that message can of course see and use the bookmark anchor links properly.
We upgraded about a month ago to the latest version of Office 365. We are using an Office 365 Enterprise E1 for Exchange license.
This behavior happens consistently on Macs and PC browsers, in IE, Chrome, Mozilla, Safari.
Help!

r years, we've had longer newsletter-style emails which include links throughout the email such as "<a href="#action">please take our action today</>" and then we include "<a id="action" name="action"></a>" in that section
of the email. This works in all email clients we've used for years, including Outlook 2010 and hotmail - including the recent upgrades.
However, in the Outlook 365 web portal, it converts the href anchor tags to plain text, appearing as "[#action]please take our action today"
in both the "preview panel" as well as when you double click the message to open in a new window.
Fascinatingly, this same email will both view fine when viewed from the Outlook 2010 desktop AND when you forward this message from the web portal, it shows fine in the Compose window.
And recipients of that message can of course see and use the bookmark anchor links properly.
We upgraded about a month ago to the latest version of Office 365. We are using an Office 365 Enterprise E1 for Exchange license.
This behavior happens consistently on Macs and PC browsers, in IE, Chrome, Mozilla, Safari.
Help!
This issue still occurs in Exchange 2013 CU3 Version 15.0 (Build 775.38).

Anchor tag in txt file

is there any way that i could include a link that has
punctuation characters inside of an anchor tag of an externally
loaded txt file. something like this <a href='
http://www.dailymotion.com/relevance/search/leah%2Bdizon/video/x18dj1_leah-dizon'>click</a >.
i noticed that txt files loaded into flash seem to break at any
point where more unusual punctuation characters are
included.

This is such a great solution--thanks so much for sharing. I'm having a problem with the name of my collapsible panels (which operate similarly to Tabbed Panels, as far as I understand). Basically I am trying to use anchor tags and my goal is to create a hyperlink on page 1 that points to content within a spry widget on page 2 of my webpage. I obviously want the spry widget on page 2 to open up on click and the user to be taken to where my anchor tag is located. In this thread (http://forums.adobe.com/message/209107#209107), Mr. Celic seems to indicate using something like this:
<a href="#anchorname" onclick="TabbedPanels1.showPanel(2);">
My exact code is like this: <a href="pagetwo.html#myanchortag" onclick="CollapsiblePanel1.open();">content here</a>
The good news is that this works, but my problem is that page 1 of my website also has a CollapsiblePanel1 so when I click on the link above, CollapsiblePanel1 on page 1 opens, not the CollapsiblePanel1 on page 2 of my site. I went into page 2 and clicked on "CollapsiblePanel1" and in the "Properties" panel renamed it to "CollapsiblePanel11" then changed my code to
<a href="pagetwo.html#myanchortag" onclick="CollapsiblePanel11.open();">content here</a>
but that didn't do a thing! I'm super stuck and don't know how else to rename the collapsible panels or how to get it to work.
One thing I can't figure out from the original solution (<a href="#" onclick="TabbedPanels1.showPanel(2);">) is what is "showPanel(2)"? Where did she get this from/where can I find the equivalent for my collapsible panel spry? This could be where I'm going wrong.
Any thoughts would be greatly appreciated.
Thanks so much! Catherine

Netui Anchor Tag

Can we use href and action attribute in netui:anchor tag both at a time...*href* is for opening a modal dialog and action is page flow action

does the action have a formSubmit = true? If not then your modal dialog should be shown via the onclick and you have to javascript the link click (based on your modal dialog options)
If you do have a formSubmit=true, then you'd have the onclick show the modal dialog and you would have to write additional javascript to submit the form (Along with setting its action)
regards
deepak

Accordian Panels: want all CLOSED

The Accordian panels I've installed are lower down in the page body, just high enough to begin to see without scrolling down. Would like visitors to immediately see there's a list of topics - having the first panel open to start with, defeats that goal.
Suggestions on how to have all accordian panels closed, initially?

Thanks Ben, but aside from the fact I never use Design View in Dreamweaver (shudder), more to the point I am building this page in Drupal CMS and therefore (after testing the "base model" locally) am implementing and refining the code directly inside a page editor in my Drupal website. Here's the precise code I've typed in for the 2nd Accordian panel:
<code>
<div class="AccordionPanel">
    <div class="AccordionPanelTabBG">
        <div class="AccordionPanelTab">MARKETING</div>
        </div>
        <div class="AccordionPanelContent">
        <br>
Asgard Forge works with the Client to identify a clear consensus of what that company is and does, and shapes this into its Brand: a focused, concise, consistent Message about the Company.<br>
<br/>
<img src=/web-design/web-design-company/sites/all/themes/af_marketing/images/nodes/arrow-bulle t.gif align=absmiddle /><span style="color:#800101">   WE'LL ASSIST IN REFINING YOUR GOALS</span><br>
You may already know this cold – and then again it may help you sharpen your company focus;<br/>
<img src=/web-design/web-design-company/sites/all/themes/af_marketing/images/nodes/arrow-bulle t.gif align=absmiddle /><span style="color:#800101">   IDENTIFY COMPANY STRENGTHS & ASSETS</span><br/>
<img src=/web-design/web-design-company/sites/all/themes/af_marketing/images/nodes/arrow-bulle t.gif align=absmiddle /><span style="color:#800101">   DEFINE THE COMPANY PERSONALITY</span><br/>
<img src=/web-design/web-design-company/sites/all/themes/af_marketing/images/nodes/arrow-bulle t.gif align=absmiddle /><span style="color:#800101">   BUILD YOUR ONLINE BRAND</span>
<br>
Just because your company isn’t Nike or Apple, doesn’t mean you can’t take full advantage of having a brand that’s <strong>quickly recognized</strong> and <strong>enduringly remembered</strong>.
<br/><br/>
</div>
</div>
</code>
Again, for quick reference:http://www.asgardforge.com/web-design/web-design-company/new-client
As you can see, I've placed only two BR tags at the end of content in order to leave abit of padding there manually - and note the syntax. When the page is viewed and you look at the page source, you see my 2 tags PLUS the 6 differently-syntaxed </br/> tags.
If however you know for certain it's not someting SPRY does in constructing Accordian panels (I'm sorry but I don't yet know what your use or affiliation with SPRY is), then I would have to conclude it's something that Drupal does. Your confirmation on this point would be appreciated.
NOTE: As you can see in the above example, I've wrapped the AccordianPanelTab container inside another in order to maintain the Tab background all the way across while the + / - image to the left changes with toggle clicks. That's the only place I've diverged from the standard Accordian structure, and here's the CSS for that container:
.AccordionPanelTabBG {
    background-image:url(SpryAssets/bg-accordian-panel.gif); background-repeat:repeat-x; background-position:top;
    line-height:27px;
    border-left:1px solid #ccc; border-right:1px solid #ccc;
    margin: 0px;

Open Accordian Panel via anchor tag

Similar Messages

Maybe you are looking for