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

Similar Messages

Link to named anchor in current file not working

Links to named anchors are not working at this particular site. Works with Konqueror.
Go to this web site: http://www.kusc.org/playlist/
Right below the calendar displays is a section "Playing this Hour" and below is list hours for AM and PM. You should be able to click one of the hours and page should skip down to that hour in the playlist. This doesn't work with FIREFOX 7. Has not work since FIREFOX 5 or 6 at least. Works with other browsers.
Executing FIREFOX 7.0 on openSUSE 11.4. Mouseover shows the link as an anchor with #. Although, the referenced page is not the same. But again, this works with Konqueror on Linux and IE on Windows.

Something to do with your coding. The page we opens is HTML not a PDF file. When we click on the links, it opens the PDF. I can see that destination tag along with the URL and the PDF is properly bookmarked. So check ur code.

Links to id's and named anchors within a page in an iframe do not open in firefox

In order to force layout of my liquid website, I use i-frames to display content . It is all on my sight www.rdelutherie.com, and I am not displaying pages from other sights. The links to sections of pages from within the same page do not work in firefox.
I have had this problem before with named anchors, and in moving up to html5 and in making my site accessible for people with dissabilities, I started using <nav> eliments... and changed from named anchors to links to ID's like this:
In an unordered list I have these:
<pre><nowiki> <li><a href="#s1">Subject 1:</a></li>
</nowiki></pre>
They link to sections of the same page like this one:
<pre><nowiki>
<section id=s1>
<h2>Subject 1:</h2>
<p>Blah blah blaaaaah, and bla bla!</p>
</section></nowiki></pre>
Last time I researched this problem (a year or more ago), I was told that it was because of a security risk (something about being able to count views...and other peoples proprietary and copyrighted material), but the vaguely described reasoning made little to no sense to me nor many others, who can not even link to our own stuff. The Mozilla developers were rather abrupt and some were even rude in telling us to live with it, instead of trying to come up with a solution or work around, and closed the post and disallowed further posting.
The problem still persists, and although I am not a programmer, I have a real hard time believing that it is impossible for Firefox to distinguish between links contained within a document and site, from those on different sights, domains and what have you.
As far as I know, no other browsers have this problem, so if it is such a big security risk, what is to stop someone with malicious intentions, from just using M$ IE, to bring their evil plan to fruition?
In keeping with "Making the web a better place": Please address this problem, and find a solution, workaround, or at least explain why it is impossible.
Bob English

Thanks again jscher2000,
I know exactly what you mean, but I have had other page display problems with adjacent columns where one side does not display completely and seems to be conforming to the other ones height... hence the height settings and other tricks to force things to be acceptable.
I am far from understanding code, and most of the solutions, including the one in the link you posted do not have the information a novice like me would need to implement them successfully. Most of them are written for people much more advanced. Without it telling me where exactly to put the code, point to it, what I can (and should) change and remove elsewhere because of it... I am at a loss. I don't know the basics, and have tried hard to understand them, but it is not like electrical circuits, physics and other things that I can understand naturally and with ease.
I will look into it further in a few days, meanwhile I have to attend to my real work that doesn't even pay the bills completely: guitar building and repair, now that comes easy and naturally to me!

Dreamweaver CS5.5 - Header, Named Anchor and Hidden text

Hello,
I am a relative novice when using dreamweaver. I don't use it in an official capacity, rather than as a Hobby.
I have created a webpage with a position fixed header, displaying a Jump Menu/Drop Down Menu linking to named anchors on the page. I have a css linked to the page using:
#header {
    text-align: center;
    width: 100%;
    background-color: #CFC;
    position:fixed;
    top:0;
    left:0;
    z-index:1000;
When I use the menu to jump to the named anchor (#a04x01), the page will display the text, but the "Chapter One" text is hidden behind the header.
My question is how to either offset the named anchor so when it is jumped to, it appears 200px above where it is meant to (So displaying "Chapter One")?, or to alter the header so it is in a solid state so the text cannot scroll "beneath" it, rather the page considers the bottom on the header the top of the page?.
Any suggestion or solves would be gratefully accepted.
PS: If needed, I can supply the .html page, & .css
Thank you
Regards
TjStorm

Remove position:fixed from your <header> and you won't have that problem. Fixed positioned elements are not part of the normal document flow as they are at fixed coordinates at all times.
This example uses fixed elements with ample top- and bottom-padding between sections. View source to see the code.
jQuery Smooth Scrolling with Fixed Layout
Nancy O.

Jump to a Named Anchor when loading an HTML doc

I have a CollapsiblePanel with a Content Link to a Named
Anchor in info.html and I thought I could use loadURL() to load the
page into the Div "thetext" but it does not work. Can Spry Jump to
a Named Anchor when it loads an HTML doc?
onClick:
Spry.Utils.updateContent('thetext',
'/information2.php#Insurance')
And I also tried:
Spry.Utils.loadURL('thetext', '/information2.php#Insurance')
The Head:
<script src="SpryAssets/SpryCollapsiblePanel.js"
type="text/javascript"></script>
<link href="SpryAssets/SpryCollapsiblePanel.css"
rel="stylesheet" type="text/css" />
<script language="JavaScript" type="text/javascript"
src="Spry_P1_6_10-01/includes/SpryData.js"></script>
<script language="JavaScript" type="text/javascript"
src="Spry_P1_6_10-01/includes/SpryEffects.js"></script>

On 08 Oct 2007 in macromedia.dreamweaver, antonioconte wrote:
> Does anyone know if and how its possible to jump to a
named anchor?
> I need to use the behavior panel to call a page into a
pop up and
> jump to an anchor too - is this possible?
Sure - just make the link to the anchor:
<a
href="page.php#anchor"
onclick="popupscript('page.php#anchor');return false;">
Open my popup window</a>
Making the link attribute (href=) the same as the popup
window means that
people who are visiting your site with javascript turned off
will also
get the information from the page. The 'return false' in the
onclick
event means that the href won't fire if javascript is turned
on.
Joe Makowiec
http://makowiec.net/
Email:
http://makowiec.net/contact.php

Named Anchors don't work in IE 8

Hi everyone,
In my .dwt template file I placed a Named Anchor at the top of the page (not an editable region) and named it "top". At the bottom of the page a link named (top).
All other browsers give a satisfactory result: click on (top) and to the top of the page you go!
IE nope!
http://artdesignsneed.com/joeldoctor/index.html
What can I do?
Thanks for the help!

It seems that IE8 doesn't like named anchor tags that are empty.
1) Try a non-breaking space (or any text content) inside the <a> tag
<a name="top" id="top">& n b s p ; </a>
without any spaces between & n b s p ;
2) or try the inline-block trick mentioned here
http://chrisjean.com/2010/10/20/links-to-named-anchors-or-element-ids-fail-in-ie8/
<a name="top" id="top" style="display:inline-block"></a>
3) or, for a sitewide solution, try using an attribute selector in an IE8-only CC in one of the linked CSS stylesheets
/* ensure named anchors work in IE8 */

Linking page to Named Anchor on multiple spry tabbed panels

I am a Dreamweaver (cs5) "beginner" with little HTML knowlege. I am doing a site for an artist friend with several art gallery images. I have created a separate .html page for each image from the gallery (the gallery pages are built within several tabs in a spry tabbed set). When it came time to link my image page back to the particular gallery page, it did not work, only the default panel could be linked. I found Gramps' answer to another persons question that was similar to mine, only that person was using spry collapsible panels. Gramps answer: <a name="myAnchor"></a>, then URL origin page: ourPage.html?col2=open#myAnchor, and it apparently worked. I tried this using "tabbedpanel2" which is probably wrong; at any rate.... nothing seems to work.
For my first time doing this, can anyone put this in the simplest form, using my own page, link names? I have spent several day not getting anywhere.
Spry Panel page is called: store_sheet.html
namedAnchor on this page is called: o-pg2
origin page is called: 009.html
Because I'm not very good in HTML, I usually highlight what I am going to code so that I can find where it is at in the split screen, then I edit. This is how raw my knowledge-base is at this point.
Any help and advise would be greatly appreciated. I'm several days behind because of this glitch.

On the first page, the peeling turnips image looks like this -
<p><a href="shop_originals/001.html"><img src="shop_originals/peelingturnips.jpg" width="188" height="254" alt="original"></a></p>
The next image in the row looks like this -
<p><img src="shop_originals/02.jpg" width="188" height="254" alt="original"></p>
So, just select that image and link it to the detail page, e.g.,
<p><a href="shop_originals/002.html"><img src="shop_originals/02.jpg" width="188" height="254" alt="original"></a></p>
The on that detail page, make the continue shopping link like this -
<a href="../store_sheet.html#o-002"><strong>Continue Shopping</strong></a>
Is that what you wanted?

Target Named Anchor in a Spry Collapsible Panel from a different page

Let me start by saying I have combed this forum (and others) looking for a resolution to this. I am familiar with David Powers solution on Foundationphp.com and am using that code in project to open the collapsible panel from a separate page and it works beautifullly. The problem I have is that I want the browser to move down to a specific named anchor inside that opened collapsible panel when clicked from a different page.
Snippets of my current code here.
Below is the code that I have on an image that when clicked goes to the correct page and opens Panel1. Works Perfectly!
<a href="bamboo-species.php?col1=open#CollapsiblePanel1"><img src="images/Content/Photos/HomeScroll/blackTmbor.jpg" width="227" height="175" /></a>
Below is the link to the .js file and the script in the head of the target page
<script type="text/javascript" src="SpryAssets/SpryURLUtils.js"></script>
<script type="text/javascript">
// Grabs the values of the URL parameters for the current URL.
var params = Spry.Utils.getLocationParamsAsObject();
</script>
Below is the code that I have on the target page for Panel1
<script type="text/javascript">
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {contentIsOpen:params.col1 ? true : false},{duration: 1000});
</script>
If I have a named anchor say <a name="species1" id="species1"></a> down in the page, how do I target that named anchor from my link on the separate page. I have tried adding the #species1 to the end of the link on the link page (see below) but with no luck. I believe those were the instructions on foundationphp.com site.
<a href="bamboo-species.php?col1=open#CollapsiblePanel1#species1"><img src="images/Content/Photos/HomeScroll/blackTmbor.jpg" width="227" height="175" /></a>
I hope (and suspect) that this is an easy fix, I just do not know what it is. Any help or direction where to look is greatly appreciated.

I once had the same issue can created a small function that allows me to "jump" to a element.
function scrollTo( element ){
     var stylize = function( element){ return !+"\v1" ? element.currentStyle : document.defaultView.getComputedStyle( element , null ) },
          getPosition = function( element ){
               // based on the SpryEffect's module:
               var computedStyle, tryComputedStyle,
                    position = { x: 0, y: 0 };
                    if ( element.style.left && /px/i.test(element.style.left) ){
                         position.x = parseInt(element.style.left, 10); // without padding
                    } else {
                         computedStyle = stylize( element );
                         var tryComputedStyle = computedStyle && computedStyle.left && /px/i.test( computedStyle.left );
                         if (tryComputedStyle)
                              position.x = parseInt( computedStyle.left, 10 ); // without padding, includes css
                         if(!tryComputedStyle || position.x == 0) // otherwise we might run into problems on safari and opera (mac only)
                              position.x = element.offsetLeft;   // includes padding
                    if ( element.style.top && /px/i.test(element.style.top) )
                         position.y = parseInt( element.style.top, 10); // without padding
                    else
                         if ( !computedStyle )
                              computedStyle = stylize( element );
                    var tryComputedStyle = computedStyle && computedStyle.top && /px/i.test( computedStyle.top );
                         if ( tryComputedStyle )
                              position.y = parseInt( computedStyle.top, 10 ); // without padding, includes css
                         if( !tryComputedStyle || position.y == 0 ) // otherwise we might run into problems on safari and opera (mac only)
                              position.y = element.offsetTop;   // includes padding
               return position;
          scroll( 0, getPosition( element ).y );
So now we have a scrollTo function that accepts a pure HTML element as argument, all what is left to do is figure out if we have a hash, and if the anchor exits on the page.
( hopes this works, i wrote it without testing, but you get the general idea ):
if( window.location.hash ){
     var hash = window.location.hash.substr(1), // remove the # from the hash
     element;
     // as anchors can also be used with id attributes, check that first,
     element = document.getElementById( hash );
     // maby we used name="" attribute
     if( !element && ( element = document.getElementsByName( hash )) ){
          element = element[0];
     // if we have a match:
     if( element ){
          // give the collapsible panel some time to init and update the DOM;
          setTimeout(function(){ scrollTo( element ) },0);
\o/

Named Anchors and the HTML doc

Normally, when using the the default "Flash Only" setting in the HTML publish settings, you can set the dimensions to 100 x 100 percent. This will make the Flash movie fill the browser window and resize with the browser.
I'm using named anchors and am using the "Flash with Named Anchors" setting in the HTML publish settings. Everything else is the same as when I use the "Flash Only" template. However, when I publish this HTML document it is not filling the browser window correctly. Instead, the movie is being displayed as if I had set the movie size to 100 x 100 pixels instead of percent. In other words, the Flash movie is squeezed into a size of 100 x 100 pixels. Something is causing it to misinterpret percent as pixels.
I've looked at the HTML document and it correctly says width="100%" height="100%". This problem occurs in Firefox 3.6. Everything displays correctly in IE8 and Safari 5. Thank you in advance to anybody with advice or a solution.

helpall wrote:
> I looked in my books and help but found nothing on
linking to anchors in Spry
> panels. I have this sinking feeling that DW doesn't let
you link to anchors in
> specific panels. Or am I wrong and just need to add
additional code to the link
> besides the url and the #anchor name?
It has nothing to do with what Dreamweaver will let you do
nor not do, it has to do with what you the panels are "told" to do
in certain situations. In this case you want to open a specific
panel, preferably based upon the anchor name that you're already
using. Take a look at the URL Utilities sample page, in particular
at the last example:
http://labs.adobe.com/technologies/spry/samples/utils/URLUtilsSample.html
This means you'd need to get the full Spry download:
http://labs.adobe.com/technologies/spry/home.html
If you wanted, you could add a query string parameter like
the above example does, but that might mean changing a lot of
links.
Or you could modify the example code above to "slice" out the
first letter of the anchor and figure out the index of the tab to
show (they use a 0 based index, so 'a' would 0 and 'z' would be 25.
Try the following:
<script type="text/javascript">

</script>
Danilo Celic
|
http://blog.extensioneering.com/
| WebAssist Extensioneer
| Adobe Community Expert

Named Anchor linking from another document

I made a Named Anchor and linked from some text in another document. Great. Worked just fine. The only thing is it doesn't display the named anchor at the top of the page.
In other words the footer is at the bottom of the page and the named anchor in the middle of the page... not at the top. Like a #top would be.
Anyway to get it to the top of the page? Do I just need more content under it?
Much appreciated!

Thanks for the help. I had no luck trying it out.
If possible, at: artdesignsneed.com/joeldoctor
Under menu choice "Treatment" then choose "TFP".... the first sentence has ..."Borderline PD developed..."
I wanted to link Borderline PD to:
Menu choice: Disorders... choose Personality... go down to "Cluster B" and there's Borderline PD.
The link worked but the named anchor "Borderline PD" is in the middle of the page.
Cheers if you can help.
If not, I'm going in the right direction.
Much appreciated.

How to close one browser window and return to a named anchor on a page in another window

I'm working on a website that has several book images at the bottom of each page. I have set it up so when the user clicks on a book another smaller browser window opens up with a description of the book. At the bottom of book description window, I have a close button which I added the window.close() behavior to. But I'd like to not just have the window close but return the user to the bottom of the original page where I have the books, an area that I have applied a named anchor to. Any ideas on how I can get this done.
I'd appreciate any and all help.

I haven't tried to customize this lightbox extension much. But I'm pretty sure the size of the box is pre-determined by image size. Bigger image, bigger box. And that is coded into one of the Lightbox javascript libraries.
As to placing a link in the caption, sure. Just paste your html link code into the Lightbox Caption Panel like so.
<a href="http://amazon.com"> Buy now from Amazon</a>
There is much more detailed information about Lightbox and how it works at the huddled together website.
http://www.huddletogether.com/projects/lightbox/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

Named anchors, asp, and javascipt

Hello,
I have a named anchor on a page.
<a name="starset"></a>
on another page I have a link to the page with the anchor
<input type="button" class="btn" value="View more"
onClick="parent.location='star_detail.asp?star=<%=(Reclistall.Fields.Item("star_joint_id" ).Value)%>&pro=<%=(Reclistall.Fields.Item("id_usr").Value)%>#starset'">
my problem is the anchor doesnt work, Firefox is not the same
as IE, and
needs to be dealt with different when using javascript. , I
havent a clue on
how to resolve this and have looked else where, if any one
here knows I
would be grateful.
regards
Kenny

Thanks Murray,
It works in IE but not n Firefox, huuumm
"Murray *ACE*" <[email protected]> wrote
in message
news:e8c0n7$duh$[email protected]..
> <a name="starset"> </a>
> In other words add some content to the link.
>
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
>
http://www.dreamweavermx-templates.com
- Template Triage!
>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
> ==================
>
>
> "twocans" <[email protected]> wrote in message
> news:e8c0j8$dq3$[email protected]..
>> Hello,
>> I have a named anchor on a page.
>>
>> >
>> on another page I have a link to the page with the
anchor
>>
>> <input type="button" class="btn" value="View
more"
>>
onClick="parent.location='star_detail.asp?star=<%=(Reclistall.Fields.Item("star_joint_id" ).Value)%>&pro=<%=(Reclistall.Fields.Item("id_usr").Value)%>#starset'">
>>
>>
>> my problem is the anchor doesnt work, Firefox is not
the same as IE, and
>> needs to be dealt with different when using
javascript. , I havent a clue
>> on how to resolve this and have looked else where,
if any one here knows
>> I would be grateful.
>>
>> regards
>>
>> Kenny
>>
>
>

Help!! Why are of my sitemap links not landing on their named anchors?

I've just manually completed a sitemap for my dreamweaver 8 website: http://www.ggordontowerofbabel.co.cc The first 2 pages are fine, with all the links landing just at the spot I want them to.
However, on the 3rd page, they land on the spot, but as soon as the page is fully loaded, it jumps off indiscriminately to another part of the page? This is only a problem once it is loaded onto the server for anyone to access. However, all is fine locally, where only, "MyMediaPage.htm#MyFilm" is applied to the link, but once on the server, I add the full url http://www.ggordontowerofbabel.co.cc//MyMediaPage.htm#MyFilm
Again, all is fine on the first 2 pages on the server, and I'm using the same method.
After removing code from the body tag, it helped only partially. However, now the link lands on the next named anchor instead, almost as catch-up. So, while it may briefly land on its target, it still shoots onto the previous or next one. Please help!!

Hi
Thank you for your help. Since you didn't experience the same problem, I checked the page in IE. It was fine. So, it seems that it is only a Mozilla Freezefox problem, and will need to figure out how to fix that.
I'm gratefull too for your additional information, as all constructive criticism is very welcome, so I will now change the red font colour as you suggested. If you thought it was bad then, I had just changed the font itself from TN Roman to Ariel, so think yourself lucky your eyes were spared that
I've also considered your excellent advice on running the page throught the validator. I've done that. However, reading and understanding html coding is torture for me, as simple, plain English would help me better.
Truly grateful.

Why is my named anchor link not working

Can someone please help.
I am a novice at Dreamweaver - but my website works well with almost all links working.
Situation :
The problem lies on the following page www.ozonesystems.co.uk/airunits
There are 7 links in the table which point to Named Anchors
While browsing in Internet Explorer, all links work perfectly
While in MozillaFirefox or Google Chrome, only the fist 2 links work. The remaining 5 links do not redirect me to the appropriate section (anchor) on the page. There is no error message.
Can anybody please help with this problem?
Thanks - Roy Marnewick

Hi Jon
Many thanks for your reply and comments.
I am a real novice. I used ApDiv's only because I had a problem in getting images and text to reside where I intended them to be placed - and this was the only way which I discovered would achieve the result I required. I do not want to re-invent the wheel, so I will just live with problems which may appear to those using different size text, and hope there are minimal visitors doing this!
I will visit the link which you have provided to resolve the minor errors. Thanks for the link.
It is good to hear that (hopefully) the problem is not as widespread as I thought it might be as you did not experience a problem while browsing with Firefox36 and Chrome40. I will try and clear the browser cache as suggested - do not know how - but will try and find out.
Thanks & Regards
Roy Marnewick

Named anchor like link in textfield

I'm trying to get links in a textfield that link to
paragraphs in that textfield. The same as you would do in html
using named anchors.
For now I've an asfunction href in the text that searches the
textfields text for a certain substring using indexOf. This gives
me a position index of that substring in the text.
Then I use a search for "\r" to get the number of lines
before the position index is reached. I then use this number of
lines value as a scroll value for the textfield. This works but
since the textfield is textwrapped I never get the correct amount
of lines, because the textfield actually has more lines than it has
"\r" linebreaks.
Does anybody have an idea how to solve this issue?

Instead of inserting an tag and style it so it looks
right. Then replace the z with a when you save it.

Spry and link to named anchors

Similar Messages

Maybe you are looking for