Solved

Scroll Control

Posted on 2004-04-12
4
243 Views
Last Modified: 2010-08-05
hELLO,

Thanks for reading our question.  We have a page of big images.  We have gotten some GREAT help regarding the full-size of the popup screen.  Many thanks for that all you <i><b>experts</b></i>! :))  Here's another question, perhaps a bit tougher.  When people scroll down, inevitably the next image rolls a little off the top, or the caption is obscured a little, because the images are so big.  Detail in the images is important, so we prefer to have them really large.  Our question is:

Is there any way to control how a browser scrolls to a book mark?  Currently, if you clicked on our "Advance" bookmark next to each image, it ROCKETS the user to the bookmark.  Is there a way to write a bookmark link that when clicked causes the screen R...O...L...L.... slowly / smoothly to the target?

Many thanks,

Yunkaa
0
Comment
Question by:yunkaa
  • 2
  • 2
4 Comments
 
LVL 33

Accepted Solution

by:
sajuks earned 500 total points
Comment Utility
// with reference to http://www.sitepoint.com/article/scroll-smoothly-javascript/1
// Read the article and use the example .that should help you out.



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Smooth scrolling demo</title>
<script type="text/javascript">
function ss_fixAllLinks() {
  // Get a list of all links in the page
  var allLinks = document.getElementsByTagName('a');
  // Walk through the list
  for (var i=0;i<allLinks.length;i++) {
    var lnk = allLinks[i];
    if ((lnk.href && lnk.href.indexOf('#') != -1) &&
        ( (lnk.pathname == location.pathname) ||
        ('/'+lnk.pathname == location.pathname) ) &&
        (lnk.search == location.search)) {
      // If the link is internal to the page (begins in #)
      // then attach the smoothScroll function as an onclick
      // event handler
      ss_addEvent(lnk,'click',smoothScroll);
    }
  }
}

function smoothScroll(e) {
  // This is an event handler; get the clicked on element,
  // in a cross-browser fashion
  if (window.event) {
    target = window.event.srcElement;
  } else if (e) {
    target = e.target;
  } else return;
 
  // Make sure that the target is an element, not a text node
  // within an element
  if (target.nodeType == 3) {
    target = target.parentNode;
  }
 
  // Paranoia; check this is an A tag
  if (target.nodeName.toLowerCase() != 'a') return;
 
  // Find the <a name> tag corresponding to this href
  // First strip off the hash (first character)
  anchor = target.hash.substr(1);
  // Now loop all A tags until we find one with that name
  var allLinks = document.getElementsByTagName('a');
  var destinationLink = null;
  for (var i=0;i<allLinks.length;i++) {
    var lnk = allLinks[i];
    if (lnk.name && (lnk.name == anchor)) {
      destinationLink = lnk;
      break;
    }
  }
 
  // If we didn't find a destination, give up and let the browser do
  // its thing
  if (!destinationLink) return true;
 
  // Find the destination's position
  var destx = destinationLink.offsetLeft;
  var desty = destinationLink.offsetTop;
  var thisNode = destinationLink;
  while (thisNode.offsetParent &&
        (thisNode.offsetParent != document.body)) {
    thisNode = thisNode.offsetParent;
    destx += thisNode.offsetLeft;
    desty += thisNode.offsetTop;
  }
 
  // Stop any current scrolling
  clearInterval(ss_INTERVAL);
 
  cypos = ss_getCurrentYPos();
 
  ss_stepsize = parseInt((desty-cypos)/ss_STEPS);
  ss_INTERVAL = setInterval('ss_scrollWindow('+ss_stepsize+','+desty+',"'+anchor+'")',10);
 
  // And stop the actual click happening
  if (window.event) {
    window.event.cancelBubble = true;
    window.event.returnValue = false;
  }
  if (e && e.preventDefault && e.stopPropagation) {
    e.preventDefault();
    e.stopPropagation();
  }
}

function ss_scrollWindow(scramount,dest,anchor) {
  wascypos = ss_getCurrentYPos();
  isAbove = (wascypos < dest);
  window.scrollTo(0,wascypos + scramount);
  iscypos = ss_getCurrentYPos();
  isAboveNow = (iscypos < dest);
  if ((isAbove != isAboveNow) || (wascypos == iscypos)) {
    // if we've just scrolled past the destination, or
    // we haven't moved from the last scroll (i.e., we're at the
    // bottom of the page) then scroll exactly to the link
    window.scrollTo(0,dest);
    // cancel the repeating timer
    clearInterval(ss_INTERVAL);
    // and jump to the link directly so the URL's right
    location.hash = anchor;
  }
}

function ss_getCurrentYPos() {
  if (document.body && document.body.scrollTop)
    return document.body.scrollTop;
  if (document.documentElement && document.documentElement.scrollTop)
    return document.documentElement.scrollTop;
  if (window.pageYOffset)
    return window.pageYOffset;
  return 0;
}

function ss_addEvent(elm, evType, fn, useCapture)
// addEvent and removeEvent
// cross-browser event handling for IE5+,  NS6 and Mozilla
// By Scott Andrew
{
  if (elm.addEventListener){
    elm.addEventListener(evType, fn, useCapture);
    return true;
  } else if (elm.attachEvent){
    var r = elm.attachEvent("on"+evType, fn);
    return r;
  } else {
    alert("Handler could not be removed");
  }
}

var ss_INTERVAL;
var ss_STEPS = 25;

ss_addEvent(window,"load",ss_fixAllLinks);
</script>
</head>
<body>
<h1><a name="top">Smooth scrolling demo</a></h1>
<p>It's quite often, when navigating through a long document, confusing
or disorienting for users to click a link which immediately jumps them
to somewhere else in that document. Are they on the same page, on a
different page, should they scroll more from here, what's going on?</p>
<p>Smooth link scrolling alleviates this a little, by scrolling the
page to the new link rather than jumping there directly. Try the links
below (and the "back to top" links) to jump around the document to see
the effect. Happy scrolling!</p>
<a href="#p0">Paragraph 0</a>
<a href="#p1">Paragraph 1</a>
<a href="#p2">Paragraph 2</a>
<a href="#p3">Paragraph 3</a>
<a href="#p4">Paragraph 4</a>
<a href="#p5">Paragraph 5</a>
<a href="#p6">Paragraph 6</a>
<a href="#p7">Paragraph 7</a>
<a href="#p8">Paragraph 8</a>
<a href="#p9">Paragraph 9</a>
<a href="#p10">Paragraph 10</a>
<a href="#p11">Paragraph 11</a>
<a href="#p12">Paragraph 12</a>
<a href="#p13">Paragraph 13</a>
<a href="#p14">Paragraph 14</a>
<a href="#p15">Paragraph 15</a>
<a href="#p16">Paragraph 16</a>
<a href="#p17">Paragraph 17</a>
<a href="#p18">Paragraph 18</a>
<a href="#p19">Paragraph 19</a>
<a href="#p20">Paragraph 20</a>
<a href="#p21">Paragraph 21</a>
<a href="#p22">Paragraph 22</a>
<a href="#p23">Paragraph 23</a>
<a href="#p24">Paragraph 24</a>
<a href="#p25">Paragraph 25</a>
<a href="#p26">Paragraph 26</a>
<a href="#p27">Paragraph 27</a>
<a href="#p28">Paragraph 28</a>
<a href="#p29">Paragraph 29</a>

<h2><a name="p0">Paragraph 0</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2><a name="p1">Paragraph 1</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2><a name="p2">Paragraph 2</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2><a name="p3">Paragraph 3</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2><a name="p4">Paragraph 4</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2><a name="p5">Paragraph 5</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2><a name="p6">Paragraph 6</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2><a name="p7">Paragraph 7</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2><a name="p8">Paragraph 8</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2><a name="p9">Paragraph 9</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2><a name="p10">Paragraph 10</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2><a name="p11">Paragraph 11</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2><a name="p12">Paragraph 12</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2><a name="p13">Paragraph 13</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2><a name="p14">Paragraph 14</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2><a name="p15">Paragraph 15</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2><a name="p16">Paragraph 16</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2><a name="p17">Paragraph 17</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2><a name="p18">Paragraph 18</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2><a name="p19">Paragraph 19</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2><a name="p20">Paragraph 20</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2><a name="p21">Paragraph 21</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2><a name="p22">Paragraph 22</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2><a name="p23">Paragraph 23</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2><a name="p24">Paragraph 24</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2><a name="p25">Paragraph 25</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2><a name="p26">Paragraph 26</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2><a name="p27">Paragraph 27</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2><a name="p28">Paragraph 28</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2><a name="p29">Paragraph 29</a></h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
</body>
</html>
0
 

Author Comment

by:yunkaa
Comment Utility
Hello Sajuks,

WELL!  That is JUST what we wanted.  How WONDERFUL of you!  FANTASTIC!!!!!!!  e-e... FOREVER AND EVER... you guys are so great :))))))))))))))))

Many thanks,

Yunkaa
0
 
LVL 33

Expert Comment

by:sajuks
Comment Utility
Hi there yunkaa , thanks for the points and grade.
0
 

Author Comment

by:yunkaa
Comment Utility
=)
0

Featured Post

Find Ransomware Secrets With All-Source Analysis

Ransomware has become a major concern for organizations; its prevalence has grown due to past successes achieved by threat actors. While each ransomware variant is different, we’ve seen some common tactics and trends used among the authors of the malware.

Join & Write a Comment

Preface In the first article: A Better Website Login System (http://www.experts-exchange.com/A_2902.html) I introduced the EE Collaborative Login System and its intended purpose. In this article I will discuss some of the design consideratio…
What is Node.js? Node.js is a server side scripting language much like PHP or ASP but is used to implement the complete package of HTTP webserver and application framework. The difference is that Node.js’s execution engine is asynchronous and event…
Viewers will learn one way to get user input in Java. Introduce the Scanner object: Declare the variable that stores the user input: An example prompting the user for input: Methods you need to invoke in order to properly get  user input:
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

728 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now