Skip to: Main Content Search Main Navigation Audience Navigation

V8 -- Jumping Into a Formatted Text Block

A "Jump" is a link to a location within a page (using an anchor tag with HREF ending in #whatever). In order to be reachable by a jump link, the target location must be "bookmarked," so that it will be rendered using an anchor tag with NAME="whatever". If the page is not in CommonSpot, then the person who is responsible for it must put the target anchor tag in the code for you, and you must build the link manually to include the target specification. There are two ways to build bookmarks into CommonSpot pages, each of which has its own way to build the link to reach it:

  • If the target location you want the link to jump to is at the top of an element on a CommonSpot page, you must name that element, and then link to it.

  • If the target location you want the link to jump to is in the interior of a Formatted Text Block, then build the bookmark at the target first, before starting the link creation process.

First, here are the steps for bookmarking a location within the interior of a Formatted Text Block:

  1. While editing that Formatted Text Block in the Rich Text Editor, move the insertion point to the location you wish to bookmark. BEWARE: if that place is within a link, you risk destroying the linked text and the existing link code. Just press the left-arrow key as many times as needed to move the insertion point to a nearby prior place that is not within a link.

  2. Click on the "Anchor" button (that button is in the lower-left quadrant of the toolbar, and may well be hidden in the overflow tools collection -- RTE Menu Expansion Tool Icon -- for that quadrant); it will be identified by the pop-up text block if you let the mouse hover over it.

  3. Observe the "Please enter anchor name:" and type a name that consists of letters, digits, periods, hyphens, or underscores, but no spaces or other punctuation. Jump destinations are case-sensitive, so note or remember which letters you made uppercase, and which lowercase.

  4. Click on the "OK" button for the anchor name.

  5. You may instead enter the full anchor tag in the HTML view (<A NAME="label"></A> -- be sure that the label you give does not duplicate one used anywhere else in the same page, and that it has no spaces or punctuation marks). When you are done, go back to standard view.

  6. Click on the "Save" button of the Rich Text Editor.

Second, here are the steps to build the link:

  1. Login and navigate to the page that is to contain the jump to the element you just marked. It can be the same page, or a different page. Choose "Work on this Page" or "Work on this Page (All Changes)."

  2. Click on the element properties tool icon of an existing link, and choose "Link" to edit it (or create a new link element, as described above).

  3. Adjust the header text, if appropriate, and then click on "Next."

  4. If the jump is to go to a specific place within a different page, create (or edit) the link to go to the correct page, using the Choose dialog.

    If the jump is to go to a different place within the same page, create (or edit) the link, ensuring that it does not go to a different page (you can choose the "No Link" option if necessary, to cancel an existing link to another page, and then re-edit).

  5. Click on the Bookmark button.

  6. Select, "Enter bookmark manually" (a future version of CommonSpot may include tools to create jumps to bookmarked locations within a Formatted Text Block by selecting from a pop-up -- as is already possible for named elements -- but for now, you must create the jump manually).

  7. Type the name you gave (without quotes, and without a leading "#") with the NAME attribute in the HTML view (step 5 in the prior section), or the name you gave for the RTE's "Anchor" process (step 3 in the prior section); remember that names are case-sensitive and must contain no spaces.

  8. Click on "Select Bookmark" to return to the link-editing process.

  9. Finish the link-editing process and click on the "Save" button.

  10. Choose "Preview" mode and click on the link to test it. Examine the URL in the browser display. If the place you marked is too close to the bottom of the page, it may not have scrolled up to the top of the window; if necessary, re-size the window to convince yourself that it is working as it should.

  11. Submit the change (or the page) for publication; in class, wait your turn to click on the "OK" button.