Microsoft Office Live Small Business Community

I would like to create anchor tags with jump links on my existing pages.

 My site acts as a "yellow page" directory for homeschool resources for my local area, and it's grown so that I'd like my readers to not have to scroll the whole page but rather simply see a list of directory headings at the top, click on the one they desire, then be taken to that section on my page.

 I've played with the HTML link, HTML module...to no avail.

I've looked at the FAQ template....this is not a FAQ, and I have more than 5 sections, and I'd like to keep my distinct fonts in headings (if possible) for those who will scroll the page.

Microsoft Support suggested I create other pages on my site for those sections, but I don't want all those pages on my web bar, and I know that if I hide those pages search engines won't find them (and I get a lot of help from those using search engines to find a particular activity).

I've even read the making a new page using a table...(oiy, do I HAVE to do the whole page again???)

Is there anyway to make simple HTML code with an achor tag and jump link work on an existing page?

 I seem to remember a workaround listed here awhile back, but can't find it now.

My website is at http://chocboard.net   Right now I'm looking to redo my directory pages of /Links.aspx and /HandyLinks.aspx (the "Local Activities and Programs, and the HandyLinks! pages).

I'm really hoping for any easier workaround rather than having to redo the whole page(s).

(If I do have to redo existing pages into a new format....is there a way to get 2 sessions of OL working at the same time?  When I tried to do that to cut and paste existing sections--when I was trying the FAQ template--it defaults into the same edit session even when I open a new browser window.)

Thanks!

TammyA

the CHOC Board 2007

Solution for creating anchors: http://solutionsforofficelive.com/creatinganchors.aspx

I followed your advice in creating a table and adding anchor links using the hyperlink box for the "markers" and then creating anchors by cut and pasting the code you suggested.  Actually did the project in June, and created an acceptable directory page.

I have time to do more work on my page, clean it up, and create more anchor links on others pages, but the Office Live hyperlink dialogue box has changed and there is no longer an "other" choice!

I played around with the hyperlink box, but it doesn't allow for a text search to allow a "jump."

 HELP!!!

Thanks,

Tammy

http://chocboard.net

Simply use the Page on my site.

They have changed things recently and I am stuck as well.  The code does not seem to work anymore as it once did.  I created one page last week and Studio Allen's solution worked great.  Today, it no longer works.  The copy and paste does not work as it did and the code such as <a name="blank" class="anchor">BLANK FORM:</a> does not show up as BLANK FORM:, it shows up as <a name="blank" class="anchor">BLANK FORM:</a> on my webpage.  Any suggestions for a new work around?

The reason why all this copy and paste won't work now is because in Page Editor, there is a function that is being used to check the content of your copy/cut and paste. When you copy something from a Page, it used to go onto into your clipboard. Now, however, it also goes to a variable in Page Editor. So whenever you want to paste, a function in the Page Editor will compare the two copies - i.e. the clipboard copy and the variable copy. If they are the same, then the paste will be successful. If not, you will get the HTML code. The reason they are doing this is to prevent you from introducing elements that cannot be controlled in Page Editor. MS wants to limit the introduction of custom HTML code only in the HTML module (and custom modules).

So going back to the examples you folks have cited. Just pasting in your own HTML code will not work because Page Editor does not have a copy of that code in the variable stored in Page Editor.

For HTML related to links, you will need to use the custom module method because you cannot have them in an IFRAME (the parent page cannot use a hyperlink to jump to a location defined inside an IFRAME). Here's how to make hyperlinks within a page:

1. Insert a custom footer module where you want to put the internal hyperlink

2. delete everything bewteen <xsl:template> and </xsl:template> , but leave these tags intact.

3. insert your <a name="blank">BLANK FORM</a> in between  <xsl:template> and </xsl:template> tags.

4. save.

Royster 

Get a free .biz domain for your website. Visit SoftPrizm.com

Blog: The SoftPrizm Channel

OLSecure Beta: Secured Web Area Solution for Office Live

Okay, using the hyperlink on the section heading text I want to jump from, I went in and tried the "my page" option...that doesn't work as you only get a choice of your pages in icon form to choose from and can't adjust the address to include the marker....if you choose "website" it does allow you to attach the #anchor to the full web address.  Okay, so I get the highlighted "hyperlink" to jump from....

But, trying to use the custom footer module, with the text you suggested, only gives me "BLANK FORM" on the page where I want my anchor title...the one I want to see....but it doesn't act like an anchor, the hyperlink to "BLANK FORM" just takes me to the top of my page. Page Editor won't let me change "BLANK FORM" to anything else.  If I try to change "BLANK FORM" in the custom footer code to an anchor name, Page Editor gives me an error that I don't have a document and won't let me proceed....okay so I probably misunderstood your answer to Randy as an answer to me as well...I'm obviously danger to a computer, so I can understand that....

Okay, so back to the table/cell workaround, but as you stated Page Editor won't let me cut and paste the HTML code in and actually use it like we did before...it just shows the code in all it's glory like you said it would...Okay, so trying once more to use the HTML module doesn't work either...it won't recognize the anchor code either...it simply gives you dashes on the Page Editor page, then looks blank on the view page, then shows the "text" you want to see in the new page after you hit the hyperlink but doesn't jump you to that spot on the page, you simply land at the top of your hyperlinked page with appropriate marker text you want to see but not at the specific anchor spot.

Back in Spring when I asked OL tech support about creating anchor links, they said to simply link to another page on my site, a parent/child page if I didn't want that page to show in my menu tabs...that could work for my directory sections nicely, but my understanding is that anything on those hidden "child" pages won't be seen by the search engines...and I need people who are surfing to find the info on my directories...that's what they are surfing for!  And I don't want to create umpteen pages on my site for every section heading, all hanging there in the tab column of page menu just so the search engines can find them too!

Fortunately what I did before, on my local activities and directory page (http://chocboard.net/directory1.aspx ) using the table with cut and paste HTML code in an empty cell, is still working...but I can't change anything to clean that page up!

I'm really stumped fellas!  HELP!!

The page I'm playing with now (you can see the mess scrolled at the far bottom) is at: http://chocboard.net/handylinks.aspx

Thanks abundantly (and if I'm simply being an ignoramus, please forgive, but these workarounds just aren't working for me!)

Tammy

the CHOC Board

http://chocboard.net

Tammy,

Let me take you step by step through this. Seems like there's a lot of confusion over what to do. For an internal hyperlink (which is what you are doing),there are two parts - the hyperlink that you click on, and the hyperlink that defines where to go. For the hyperlink that you click on, you create that with the hyperlink dialogue in Office Live. All you have to do is put in #name_of_the_target_hyperlink in the URL box for Link to Website. Save it and then go to the part where you want to insert the hyperlink that defines the where to go. You do this by inserting a custom footer. Delete everything bewteen <xsl:template> and </xsl:template> in the XSLT box but leave these tags intact. Insert your <a name="name_of_the_target_hyperlink">BLANK FORM</a> in between  <xsl:template> and </xsl:template> tags. You should see something like this:

 <xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">

  <xsl:output method="html" />

  <xsl:template match="/Footer">
   
<a name="jump">I've hyperjumped</a>

  </xsl:template>

</xsl:stylesheet>

In the above example, I am using jump as the internal link name. Save it. You will not be able to jump to any thing yet while still in Page Editor. You must view the page in a browser to see the result. That's really all that it.

Royster

Get a free .biz domain for your website. Visit SoftPrizm.com

Blog: The SoftPrizm Channel

OLSecure Beta: Secured Web Area Solution for Office Live

Thank you Royster for the clear, step by step, connect the dots explanation...WHOO HOO...it worked!

Nit picking here...is there anyway to make the text you see (your example text "I've hyperjumped") in different or bold font? ...that would be a "nice" for section heading anchor text (the text you "land" on) for my page, but not essential..

Anyway, thank you, thank you for helping me!

Tammy

the CHOC Board

<a name="jump" style="font-weight:bold;">I've hyperjumped </a>

Get a free .biz domain for your website. Visit SoftPrizm.com

Blog: The SoftPrizm Channel

OLSecure Beta: Secured Web Area Solution for Office Live

Royster,

Thank you!  The thumping sound you hear is my feet stomping a little victory dance around my computer....I actually downloaded a copy of a CSS style attribute list (once I figured out that you were talking about CSS attributes...that is how very green I am at this) and changed my font to Verdana, my size to medium, and kept the weight as bold as my styling information....It Worked!!!!!! 

Yippee!!! I have hopes of making my hyperlinks and anchors as well as have section heading text looking the way I want on my pages!

Thank you!  Thank you!

Your assistance was greatly appreciated.

Tammy

the CHOC Board

http://chocboard.net ..... a yellow page-type directory listing activities and resources for homeschooling families in my area

Thanks Royster

-Sam

www.Saving4all.com

Hi. this only worked for 2 of my FAQs!!! I don't understand why it's not working for any others...is it because we MUST use the first word? We can't use another word in the FAQ if the first word is the same as another first word in the FAQ? For example:
Why are FAQ pages difficult. >>>I would use "why" in the "jump" part
Why do FAQ pages need work? >>>Am I required to use "why_do" in the "jump" part or can I use another word like "pages"?

Thanks!

UGH! That didn't even work! It's not working at all...grrr. Here is what I have....this is the only one working...

This is where the FAQ answer is...
<font color="coral"><b>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">

  <xsl:output method="html" />

  <xsl:template match="/Footer">
  
<a name="why">Q: Why are pouch slings better than other carriers?</a>

  </xsl:template>

</xsl:stylesheet></font></b>

And this is the FAQ question link...
I clicked create hyperlink and for website I entered "#why" (without quotations).
It works for that one but none of the rest and I only changed the bold parts to correspond with each FAQ.