Account services

Internal links or fragments

You have probably experienced it. You click on a link and the page jumps to a location in the middle of the document. It is very disorienting, and you need a few seconds to find out where you are. Consequently, the use of internal links has been sparse. As a usability feature, Eionet highlights the segment you have jumped to with a different background colour. This page allows you to try out the functionality.

To make use of it, you simply set id="something" on any element in your HTML. Note that <a name="something"></a> became obsolete in year 2000 and isn't supported. The Eionet template then has a few lines of JavaScript that adds an event handler all internal links.

Test area

Table of Contents
  • Fragment 1 Jump to first paragraph in the test area.
  • Fragment 2 Jump to second to last paragraph in the test area.
  • Fragment 3 Jump to last paragraph in the test area.
  • Nowhere This links goes to "#", which is to the top of the page.

Fragment 1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam semper bibendum tempor. Integer ac metus leo. Proin vitae magna sit amet neque elementum malesuada in quis felis. Morbi est sapien, aliquet at pulvinar non, ullamcorper id augue. Etiam neque massa, luctus at lobortis sed, pellentesque ut sapien. Nunc vestibulum velit sit amet justo venenatis consectetur. Nunc venenatis varius lorem, a dapibus sapien rutrum nec. Phasellus magna augue, molestie sed auctor commodo, sodales vitae sem. In vitae lorem at leo euismod egestas. Maecenas id odio ac ipsum aliquet pellentesque vel et mi. Duis adipiscing lectus at nunc commodo id tincidunt enim euismod. Aliquam erat volutpat. Quisque elementum lacus et tellus consectetur dictum. Sed non metus in ligula blandit dapibus. Nulla at ipsum sed erat placerat faucibus ac eget neque. Donec sit amet dignissim leo. Quisque non nisi at urna feugiat fermentum. Sed pharetra venenatis dictum. Aliquam faucibus fringilla tellus, quis dictum odio imperdiet id.

Sed feugiat, leo id convallis varius, velit sapien commodo turpis, vel aliquam risus dolor eu metus. Quisque placerat, sem vitae ultricies vestibulum, neque leo sagittis erat, id adipiscing est est nec magna. Nunc scelerisque massa at turpis luctus porta feugiat massa porta. Quisque sed lectus a quam tempor pulvinar non vitae ipsum. Mauris sollicitudin vestibulum purus, sed consequat sem molestie eget. Morbi cursus, nisi a varius adipiscing, tortor tortor varius est, at vulputate nibh massa nec nisl. Quisque purus turpis, sagittis in adipiscing et, tincidunt id diam. Nam porttitor aliquam purus nec fringilla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin aliquam, quam eget egestas mollis, sem nisl dapibus risus, nec malesuada ante urna vitae massa. Nulla vitae sem mauris. Nam nibh massa, egestas id facilisis eget, lobortis a massa. Nullam eu metus ac risus adipiscing volutpat. Maecenas ante dui, scelerisque non mattis ut, sodales et purus. Ut sit amet eros ligula. Sed facilisis imperdiet tortor, vitae tristique leo mattis a.

Fusce metus arcu, varius ac varius in, tincidunt quis ante. Pellentesque neque ante, porttitor id mattis a, consectetur vel sapien. Nullam eget adipiscing tellus. Maecenas est sem, iaculis at consequat ultricies, scelerisque non velit. Aenean velit nisi, tincidunt in accumsan quis, dignissim a nunc. Mauris vitae purus quam, id laoreet est. Nulla luctus molestie arcu, et sagittis dolor elementum sed. Sed sit amet purus et lorem rutrum scelerisque. Curabitur hendrerit iaculis odio, sed placerat sapien tincidunt ac. Donec in justo ante.

Praesent vitae rhoncus lectus. In elit risus, euismod nec viverra sed, rhoncus quis nunc. Sed lorem enim, ullamcorper vitae tincidunt id, tincidunt in sem. Aliquam vulputate dapibus velit, id viverra eros vestibulum in. Pellentesque vehicula, turpis eu posuere placerat, dolor nibh lacinia ipsum, sed sollicitudin mi enim vitae augue. Pellentesque tincidunt, orci sit amet tincidunt rhoncus, magna magna dignissim neque, quis varius nisi leo eget mi. Praesent aliquam malesuada nulla auctor vehicula. Integer molestie, mi nec faucibus consectetur, odio mi blandit augue, nec tempus eros lectus facilisis est. Proin tempus, sem at euismod egestas, elit turpis volutpat nisl, porttitor pellentesque sapien elit at orci. Sed vulputate lectus nec augue molestie semper auctor metus tincidunt. Nulla facilisi. Donec lacus magna, scelerisque et sollicitudin at, elementum non ipsum. Suspendisse bibendum leo dui, vitae cursus felis. Ut mattis scelerisque purus, a molestie nisl iaculis eget. In interdum est sit amet mi rutrum rhoncus vel id lacus. Aenean dignissim fringilla nulla, eu sagittis velit tempor eu. Maecenas pharetra enim congue leo rutrum rhoncus. Phasellus iaculis congue magna venenatis euismod. Curabitur vel tellus erat, at tempus nulla. Vivamus neque erat, laoreet eget condimentum eget, facilisis eget diam.

Duis id lacinia dui. Vestibulum id nisl tortor. In sed leo magna, quis tincidunt nisi. Nulla sed dolor odio, eget dignissim nunc. Donec mattis diam at dui sollicitudin id luctus massa dignissim. Nam eget risus nisi, quis faucibus orci. Pellentesque eget mauris ut magna porttitor ullamcorper. In laoreet pharetra mattis. Mauris eget mi non sapien congue lobortis id vel neque. Vestibulum quis diam urna, sed tempus justo. Nunc ultrices purus nec diam viverra volutpat. Mauris rhoncus accumsan purus non porttitor. Sed convallis gravida orci ut suscipit. Mauris a metus vel lacus feugiat tincidunt eu ut dui. In sodales neque ut tellus ullamcorper mollis. Quisque dictum ultrices arcu eget vehicula. Vivamus libero elit, semper at commodo id, dictum non ipsum.

Integer et sagittis sapien. Fusce ornare pretium elit, nec dictum dolor semper sed. Donec vehicula urna non nunc consectetur tincidunt. Sed eros magna, varius non volutpat vel, bibendum accumsan metus. Quisque eleifend diam sed sem tempor mollis. Integer lacinia elementum neque. Sed eleifend mollis velit at fringilla. Vivamus euismod ultrices mauris, sed tempus neque semper a. Praesent pulvinar, augue in congue commodo, elit lacus vehicula lacus, sit amet vestibulum tortor lectus sit amet arcu. Vestibulum accumsan eleifend metus, at mollis urna pellentesque porttitor. Maecenas nisl leo, dapibus ac tincidunt ac, semper et mauris. Ut mattis, augue sit amet rhoncus sollicitudin, odio nisl hendrerit nunc, id sodales urna turpis vel sapien. Sed dolor nisl, hendrerit in eleifend et, consequat et augue. Integer varius nisi eu ligula ullamcorper tristique. Sed a luctus leo. Ut vestibulum, libero et iaculis rhoncus, felis purus vestibulum dolor, vitae semper lacus nisl mollis metus. Sed posuere, leo eu vestibulum consectetur, augue purus iaculis dolor, sit amet pulvinar arcu ipsum a purus. Aenean molestie nibh ac mi porta tempor. Nullam cursus, massa vitae imperdiet semper, sapien lorem iaculis orci, vel varius sapien ante quis tortor. Aliquam erat volutpat.

Fragment 2: Curabitur at ipsum id nibh facilisis tincidunt et vel urna. Sed massa lorem, eleifend faucibus lobortis at, cursus vel arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sed ante neque, sed feugiat lorem. Praesent tincidunt, mi non lobortis feugiat, turpis turpis tempor tellus, quis facilisis dui metus sed ante. Nam eu felis quis augue accumsan blandit. Duis id ligula enim. Integer auctor, libero ac commodo viverra, diam mi tincidunt lacus, quis aliquam enim elit nec arcu. Aliquam eu eleifend mi. Curabitur porta diam at justo pulvinar egestas. Pellentesque sed arcu elit, in tincidunt lorem. Nulla arcu mi, consectetur condimentum dictum nec, euismod id mauris.

Fragment 3: Morbi eleifend volutpat nisi eu mattis. Nam eget vehicula diam. Aliquam et felis nunc, at laoreet diam. Cras non sollicitudin nisi. Integer venenatis, sem ut pharetra congue, erat turpis bibendum risus, in tincidunt massa nisi sit amet nisl. Donec placerat, mauris ut malesuada suscipit, ipsum enim pulvinar mi, vel dictum mi ligula ut metus. In hac habitasse platea dictumst. Nunc non orci ac ligula viverra posuere. Quisque malesuada ultricies tellus, et mattis turpis rutrum ac. Proin in arcu id orci accumsan ultrices. Cras vestibulum iaculis turpis, sed dignissim odio ullamcorper ac. Vivamus at urna turpis, nec consectetur lectus.

Table of Contents
  • Fragment 1 Jump to first paragraph in the test area.
  • Fragment 2 Jump to second to last paragraph in the test area.
  • Fragment 3 Jump to last paragraph in the test area.
  • Nowhere This links goes to "#", which is to the top of the page.