Spry TabbedPanel links?

I've created a page with four sections as Tabbed Panels, and
I wanted to link to a named anchor in one of the panels. I found
the tutorial at
http://foundationphp.com/tutorials/spry_url_utils.php,
downloaded the Spry 1.6.1 files, and set to work. On completing the
tutorial, the thing actually worked, until I closed the target.htm
file. Now, whenever I try to open that file, Dreamweaver simply
freezes. There is no way I can find to reopen the file.
Luckily, I kept a spare copy, and I've tried adding the code
a bit at a time. It's the final part at the foot of the page that
seems to cause the problem.
Is there a fix for this, or is there another way to link to
different panels in a tabbed panel box?

In the View > Visual Aids menu, make sure there's a check mark next to Invisible Elements (clicking it toggles it on and off). When you more your mouse pointer over the menu, the blue tab should appear.

Similar Messages

Spry External Link Icon

This is my first attempt at blogging about Spry, something I have been meaning to do for well over a year now. This forum has helped me out of trouble on loads of occasions, so I would to give a little back to the community.
http://www.dooza.tv/2009/12/spry-external-link-icon.html
Its nothing huge, but I hope it to be the start of my blogging about code, rather than parties and moustaches. I would love to hear all feedback, positive and negative, so that I can continue to grow both as a blogger and a writer.
Big thanks to Arnout, without him I would not have got far at all.
Steve

Great post

Spry Tab link only works once... why?

Hi all,
I have a spry tabbed area with 4 tabs on my page. Each tab contains data that is dragged from an MSAccess table. A couple of the tabs have repeat regions. This all works fine. One of my tabs has a repeat region where I can click on a button image to change a record status from True to False (or visa versa). The click runs the associated vbscript which executes the SQL update statement no problem. However I noticed that when I changed the data on this tab and reloaded the page using a Response.redirect after the sql update was executed, it would default to the 1st tab and not the one I was viewing that contains the repeat region. A quick search led me to the SpryURLUtils.js file which solved that problem by allowing me to specify which tab to load. I appended the relevant code to give me this:
Response.Redirect("myrecord.asp?" & Request.QueryString & "&tab=1#TabbedPanels1"
As I mentioned, the tab contains a repeat region. If I click on a button to change the status of that record the page reloads fine and displays the correct tab. But this only happens once... each subsequent time I try to change another record my tab contents disappear. The tabs are still visible and if I click on the tab where I've changed the data the tab content is dispalayed, but obvioulsy this isn't right... it should reload and display the correct tab with each call of the code.If I navigate away from this page and then come back to it I can successfully chnage one record and the results are displayed. Change another record and the changes are made, but the tab contents are not displayed again. The interesting thing is that if I reload/refresh the page the problem occurs staright away on the first record change.
So my question is 2-fold... Why is this happening and how do I solve the problem?
Here is the vbscript that updates the record and does the Response.redirect
<%
'Change Notification
If (CStr(Request("ToggleNotify")) = "ToggleNotify") Then
dim strSQL
'check to see if notification is currently true or false
    If cstr(Request.Form("NotifyChanges")) = Cstr("True") Then
    'change notifiaction to false
        strSQL = "UPDATE tblUserAccess SET NotifyChanges=0 WHERE AccessID = " & Request.Form("hiddenAccessID")
    else
        strSQL = "UPDATE tblUserAccess SET NotifyChanges=-1 WHERE AccessID = " & Request.Form("hiddenAccessID")
    end if
    Set MM_editCmd = Server.CreateObject ("ADODB.Command")
    MM_editCmd.ActiveConnection = MM_VBUsers_STRING
    MM_editCmd.CommandText = strSQL
    MM_editCmd.Execute
    MM_editCmd.ActiveConnection.Close
    Response.Redirect("myrecord.asp?" & Request.QueryString & "&tab=1#TabbedPanels1" )
End If
%>
Here is my Repeat region with the associated form
<%
While ((Repeat3__numRows <> 0) AND (NOT rsAccessRights.EOF))
%>
<form name="frmNotifications" method="post" action="">
<tr class="PageText">
    <td width="200"><%=(rsAccessRights.Fields.Item("SectionTitle").Value)%>
        <input type="hidden" name="hiddenAccessID" id="hiddenField2" value="<%=(rsAccessRights.Fields.Item("AccessID").Value)%>">
    </td>
    <td width="200">
                <%If (CStr((rsAccessRights.Fields.Item("NotifyChanges").Value)) = CStr("True")) Then %>
          <input type="image" src="../sitegraphics/accept.png" alt="Submit button">
        <%else%>
          <input type="image" src="../sitegraphics/cross.png" alt="Submit button">
        <%end if%>
    <input type="hidden" name="ToggleNotify" value="ToggleNotify">
    <input type="hidden" name="NotifyChanges" id="test" value="<%=cstr((rsAccessRights.Fields.Item("NotifyChanges").Value))%>">
   </td>
</tr>
</form>
<%
Repeat3__index=Repeat3__index+1
Repeat3__numRows=Repeat3__numRows-1
rsAccessRights.MoveNext()
Wend
%>
And here is the bit at the bottom that specifies the default tab if nothing is passed in the URL
<script type="text/javascript">

</script>
Sorry for the long post!
This is my first dabble with Spry stuff, so I'm a bit green. If anyone can explain to me why this is happening that would be most apopreciated. If anyone can tell me how to solve the problem I'll send them a big e-kiss!
Not sure how impotant this is but it happens in both Firefox and IE8.
Thanks in advance
Dan

Hi Ben, thanks for taking the time to read my query.
The site in question is an intranet site, so I am unable to give you a link to the page. Would the entire page of code rather than just the odd bits help?
Cheers
Dan

Spry tab links

Hello everyone,
Is there a way that inside spry i have links to move to
another tab of that spry?
For example i have 3 tabs A B and C now i want inside the
content of tab A to have links that point and open tab B or C.
Thanks

bob_atlanta wrote:
> Within one html file divided into Spry-tabs, I set a
named anchor in
> tab-content <div> of one tab and try to link to it
from within a different
> tab-content division of the same page. Doesn't work -
just sends me to bottom
> of division in the which link is located. Surely this is
doable -- Am I
> missing some simple point?
You have to know which tab the anchor is within and then you
can show a specific tab. Check out the code on this page:
http://labs.adobe.com/technologies/spry/samples/tabbedpanels/tabbed_panel_unobtrusive.htm
FYI: Spry questions are probably best asked in the Spry
forum:
http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid=72&catid=602
Danilo Celic
|
http://blog.extensioneering.com/
| WebAssist Extensioneer
| Adobe Community Expert

How to Change Spry Menu Links

I have a Spry Horizontal Menu on my page, and have a few
questions on creating customized Links:
- I know how to add a Link to my Reports, Pages, etc using
the Link Properties box
- I also know how to open the Link in a _blank page using the
Target property box
But
- How do I change the Menu Link in code to open my new page
in a smaller, new window?
(Right now, the TicketSummaryAcct.cfm page opens up fine, in
a new "full-sized" window)
Here is the code currently listed under that Menu button:
<li><a href ="reports/TicketSummaryAcct.cfm"
title="Click here to print the report by Account Number to PDF"
target=>_blank">by Acct# Prompt</a></li>
Thanks,
jlig

In the header of the webpage:
<script type="text/javascript">
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "',
'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=350,height=300 ');");
</script>
in the link section:
javascript:popUp('reports/TicketSummaryAcct.cfm')
don't use a target attribute, as it will break the javascript
in my experience. If you are using the pop-ups in more than 1
webpage, or even for good programming practices, make a function
page.
Webpage name: newWindow.js
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "',
'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=350,height=300 ');");
And then in the header of the webpage(s) that you need the
popup for, add this:
<script src="newWindow.js"
type="text/javascript"></script>

Air and spry (adding observer and addEventListener to spry regions links to open for a new window)

I'm trying to add a region.addobserver and addEventListener to spry regions so the links; that come for a external feed, opens in a new(default browser) window when clicked. The on* events in regions do not work in AIR so, is there a way to do this?
I have read a lot of the documentation on spry regions, addObserver and the addEventlistener but the samples don't deal with anything about external xml feeds with links in a spry region for a AIR app.
The closiest i saw was the gallery http://labs.adobe.com/technologies/spry/articles/air/photo_gallery.html, but it doesn't deal with:
links,
in a external RSS feed,
in the spry region,
to a new default browser.
Has anybody tried this before? Can it be done?
Ex:
          <div spry:region="rssDataNews" class="SpryHiddenRegion">
          <div spry:state="loading" id="notification2">Loading feeds, please wait ...<img src="assets/spinner.gif"></div>
          <div spry:state="error">Failed to load data! Please try again later</div>
            <table width="100%" spry:state="ready">
              <tr spry:repeat="rssDataNews" class="{ds_EvenOddRow}" spry:select="mySelectClass">
                <td class="cellPad">
                <span style="font-weight:bold">{title}</span><br /><br />
                {description}<br />
                 <a href="{link}" target="_blank">[Read full article]</a><br /><br />
                </td>
              </tr>
            </table>
      <div>
The <a href > only opens the url in the native AIR window. I need it to open in a web browser.
Message was edited by: dee12345654321

About on* events
They do work, but not as attribute on your HTML elements, you will need to use eventlisteners to attach them on the relevant nodes.
How: http://labs.adobe.com/technologies/spry/samples/dom_utils/add_event_listener.html
About links
Currently in Adobe AIR, its not (easily) possible to open or execute other programs on the users PC. I have seen die hard hacker user Java to get around this limitation. But i suggest you check out the Adobe AIR forum to confirm that you cant open links in the users browser.
But, Adobe AIR is basically a browser

Spry menu link text cut off in IE8

I have built a website in Dreamweaver using a horizontal spry menu bar. The site works everywhere when I tested it in all browsers on several different computers. However, when someone else checked it on their computer, the text on the links is cut off. Like where the link says Neurosurgery, it bumps up against the edge of that link and cuts off half of the word. The shorter text links aren't cut off, but they aren't centered. They are using IE 8, which I checked it on and it worked fine on my computer. Turns out his computer isn't the only one doing this, but I can't seem to replicate the problem on my computer even though we are using the same browser. I have had him clear his cache and it hasn't helped. The site is kyneurosurgery.com. I included a photo of what the text is doing on the other computer. I'm not sure how to even begin trying to fix the problem since I can't see it on my computer.

Please read the following.
How to Get Help Quickly
This is a user-to-user forum. Unless you see EMPLOYEE under a screen name, you should assume the poster is an upaid volunteer. Everyone's time is valuable, including yours. The following tips will help you get answers more quickly:
DO
Check the Dreamweaver FAQ. The answer to your question might already be there.
Give your post a meaningful subject line, indicating of the nature of the problem.
Give sufficient details (such as operating system, browser, hardware platform, and other relevant information) for others to understand the nature of the problem, but don't go overboard. Short, focused questions tend to get answered more quickly.
If your problem concerns a web page that doesn't display as expected, upload the page to a public website and give the URL. But don't post links to anything you don't want indexed by a search engine. Create a test folder on the site, and remove the page when the problem has been solved.
Give details of any error messages.
Say briefly what you have done to try to solve the problem yourself.
If your question involves a database or server-side technology, such as PHP, ColdFusion, or ASP, say which one, and include it in the subject line.
DON'T
Don't post a series of questions in a single post. Splitting them into separate threads increases your chances of a quick answer.
Don't repeat the same question in different forums, as this makes it harder for both you and those trying to help you to keep track of progress. Duplicate posts will be deleted.
When someone has answered your question, don't start asking more questions in the same thread. Keeping threads separate with clear subject lines makes it easier for others who might have the same problem to find the information they need.
Don't be impatient. If you don't get an answer in 24 hours, post a follow-up question in the same thread, asking if you need to give more details. The lack of replies might also indicate that no one else knows the answer.\
Don't hijack existing topics by replying with unrelated questions or suggestions. Start a new discussion thread so your question stands out.
When your question has been answered
If you started the thread, buttons like those in the following screenshot will appear at the bottom of each reply. Use these buttons to indicate that you have been helped or that you have received a satisfactory answer. You can choose up to two answers as "helpful" and one as "correct". Once selected, you cannot change your mind. Marking answers like this helps others identify solutions to their own problems.
Gramps

Spry and link to named anchors

I have a page - http://jenniferyarro.com/schedule_postcardNew.htm. I want it to link to the named anchors within a tabbed Spry widget - see page http://jenniferyarro.com/schedule_detailNew.htm.
I put a named anchor inside each tabbed panel, I also tried to put the anchor on each tab. Neither one works. It appears that the anchor sees the widget as one object, therefore I am taken to the correct page, but always to the same tab (ie the one that is set as default). I was wondering if there is a way to have it link directly to the tab that I want open.
Regards,
Lisa

You may try posting this question in the Spry Forum... as this is the InContext forum.
http://forums.adobe.com/community/labs/spry
Good Luck,
-Tom

Accordian Spry Tab link

I've successfully created an accordian spry menu in Dreamweaver CS4 but want to make the "AccordianPanelTab" a link as well. Currenly only the panel content will go to other pages.
On a different topic, can I force a content panel to be open when going to a page instead of the top panel (home) always being the one open?
Code below: I'm only including the code for the accordian panel. If you need the whole page, let me know.
<div class="container">
<div id="content-wrapper">
    <div id="secondary-content">
      <div id="Accordion1" class="Accordion" tabindex="0">
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="index.html">home</a></div>
          <div class="AccordionPanelContent">
          <ul>
           <li><a href="contact.html">contact us</a></li>
            </ul>
          </div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="whoweare.html">who we are</a></div>
          <div class="AccordionPanelContent">
          <ul>
           <li><a href="staff.html">management and staff</a></li>
           <li><a href="why360.html">why 360</a></li>
           <li><a href="testimonial.html">patient testimonitals</a></li>
            </ul>
          </div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="services.html">services</a></div>
          <div class="AccordionPanelContent">
          <ul>
           <li><a href="javascript:;">what we do</a></li>
            </ul>
          </div>
        </div>
<div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="clinics.html">clinic locations</a></div>
          <div class="AccordionPanelContent">
          <ul>
           <li><a href="lake_elmo.html">lake elmo/stillwater</a></li>
            <li><a href="wyoming.html">wyoming/forest lake</a></li>
            </ul>
          </div>
        </div>
<div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="patient_info.html">patient info</a></div>
          <div class="AccordionPanelContent">
          <ul>
           <li><a href="insurance.html">insurance and forms</a></li>
            <li><a href="homecare.html">home care</a></li>
            <li><a href="faq.html">faq</a></li>
            <li><a href="financial.html">financial options</a></li>
            </ul>
          </div>
        </div>
<div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="photos.html">photos</a></div>
          <div class="AccordionPanelContent">
          <ul>
           <li><a href="photos.html">before & after</a></li>
            </ul>
          </div>
        </div>
</div>
    </div>

Thank you sigmadog for your kind input. but this problem has a slight slant to the one that you discussed.
If the link on a tab is clicked then you will be directed to the linked page. Click on the tab away from the link and the accordion will open.
You must make up your mind what you want to do
if there are no submenu items then place the link on the tab and do not have any content.
if there are submenus, don't place a link on the tab, but place the links within the content
For instance a home page usually does not contain submenus so your markup will look like:
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="index" onclick="window.location = this.href">home</a></div>
        </div>
And the markup for an item with submenus will look like:
        <div class="AccordionPanel">
          <div class="AccordionPanelTab">who we are</div>
          <div class="AccordionPanelContent">
            <ul>
              <li><a href="whoweare.html">who we are</a></li>
              <li><a href="staff.html">management and staff</a></li>
              <li><a href="why360.html">why 360</a></li>
              <li><a href="testimonial.html">patient testimonitals</a></li>
            </ul>
          </div>
        </div>
I hope this helps.
Ben

SPRY Accordion Linking

I want to link certain text from a homepage to a second page
that contains a SPRY Accordion with three panels. But I want to
link to the second panel open, even though this is not the default
open panel if you load that page independantly. Is there a way of
telling the widget to open a specific panel through the link code
on the homepage? I am trying to avoid the visitor having to click
the panel for the selected topic on the homepage.

We have that feature built into our widgets, which are much
different than
spry:
http://www.projectseven.com/products/tools/accordion/tweaks/params/
If you don't have a development budget for add-ons, you can
look through the
spry docs:
http://labs.adobe.com/technologies/spry/docs.html
Al Sparber - PVII
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"
"RGracia" <[email protected]> wrote in
message
news:fn55pk$htn$[email protected]..
>I want to link certain text from a homepage to a second
page that contains
>a
> SPRY Accordion with three panels. But I want to link to
the second panel
> open,
> even though this is not the default open panel if you
load that page
> independantly. Is there a way of telling the widget to
open a specific
> panel
> through the link code on the homepage? I am trying to
avoid the visitor
> having
> to click the panel for the selected topic on the
homepage.
>

Spry Accordion Link on PannelTab

After updating the Spry framework to 1.6, the link i used on
the AccordionPannelTab stopped working.
How should i do it?

ooooohhhh theres a link on ON the tabs.
I see. U could add a onclick function for it.
it would be something like
function goto(url){
window.location.replace(url);
than u can add a onclick funcion on the panneltabs.
onclick="goto('
http://www.yoursitename.com/path/url/index.htm');"
please note.. this will stop showing the pannel
content.

Open browser window in Spry TabbedPanels

Hello,
I've set up content inside a Spry Tabbed Panels to open a new
browser window when clicked:
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
... and the spry:
<a href=""
onmouseup="MM_openBrWindow('{demoLink}','Samples','scrollbars=yes,width=580,height=370')" >View
Detail</a>
I have 6 different Tabbed Panels Content. If I click on
content in Panel "2" to open a new window, it will open the new
window and also the main window jumps back to the default panel "1"
that I set up. I don't want to turn off the default, since I want
to control what shows up when the page loads the first time.
Any suggestions?
Thanks!
TS

I apologize. I'll be more clear.
Right now when you look at my page
http://www.tsgraphics.net/new/
, if you click on "View Detail" a blank new browser window appears.
I set it up to not have content for this in my xml file. I was
wondering how to make this link not show up if I don't have it
listed in xml or maybe I need to put something in my xml file so
this link does not show up if it does not apply...
Also, If you click on the second square thumbnail in the
"web" tab, it lists "ALCF Dynamic Web Content". If you click on the
"View Detail" for that, it loads the page I have listed in xml
(which is great), but the main window bounces back to the original
content labeled "Cubbyhole Projects". How do I get the main page to
stay in the "ALCF..." content?
I hope this is clear...
Thanks!
TS

Spry TabbedPanels Widget

Hi All,
I've been experimenting with the Spry Tabbed Panels Widget to
produce a navigation system for a site. It works pretty well except
for my inability to center the main Div container. I've manipulated
the Spry CSS considerably to produce the display I need, but have
been unable to have any effect on the centering. Should I be
looking at changing the controlling Javascript? Can anyone advise
please?
The link is:
test site
example is here

Hi All,
I've been experimenting with the Spry Tabbed Panels Widget to
produce a navigation system for a site. It works pretty well except
for my inability to center the main Div container. I've manipulated
the Spry CSS considerably to produce the display I need, but have
been unable to have any effect on the centering. Should I be
looking at changing the controlling Javascript? Can anyone advise
please?
The link is:
test site
example is here

CS3 Spry Accordion Link Color

Greetings:
I am attempting to change the link color to "none" within a
Dreamweaver CS3 Spry Accordion navigational element and I am unable
to make the changes I need. I have tried to change the internal
link page properties within my HTML document and also set the "a"
properties in the linked CSS file to "text-decoration: none" and
the link color still remains in the Accordion navigational element.
Do you have any suggestions on how I can fix this?
Thanks for your help!

in your spy accordian css file, put:
a:link
text-decoration:none;
or, even better
.nolinkunderline
text-decoration:none;
and then apply the style to your accordians hyperlinks
i am assuming it's the underline element that you want
removed

Spry TabbedPanels: set default state

After inserting 3 Collapsible Panels on my web page, I want to set the default state of the panels so that when the page loads, panel 1 is open and panels 2 and 3 are closed. I used this code from "Set the default state of the panel" Spry Help page:
<script type="text/javascript">
    var cp1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", { contentIsOpen: true});
    var cp2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2", { contentIsOpen: false });
    var cp3 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel3", { contentIsOpen: false });
</script>
But all panels remain open on page load.
Then I tried editing the default code that is inserted by Dreamweaver Insert > Spru > Spry Tabbed Panels :
<script type="text/javascript">

</script>
That didn't work either. Any advice on what is wrong here? Other than the wrong default state, the panels are working correctly.

Thank you. I figured out the problem, and the default panel states are working correctly now.
Next step: I want to use the open and close functions to toggle the state of the other panels so when the user clicks one tab to open a panel, the other two close. I'll try to get this working, but may be back to this forum in case I need help!

Spry TabbedPanel links?

Similar Messages

Maybe you are looking for