Today is . Page created 08/11/07

Show Me URL Show Page URL World Wide Web (www)



Vertical Line Divider

Sometimes you may want to give your visitor the URL of the page they are on. You can provide the entire path with breadcrumb scripts ] but, if you just want to give them the current URL, this short snippet will do the trick. Just place it anywhere on the page you want to display the URL.

We have tested the code in IE 7.0, Firefox 2.0.0.6, Opera 9.21, Netscape 9.0b2, Netscape 8.1.3, AOL Explorer 1.5 and Safari 3.0.2. This script worked well in all platforms with no variations observed.

Depending on your knowledge of HTML and javascripts, this is an easy one (1) part copy and paste snipplet of code that goes in the <BODY> section(anywhere you want it to appear)of your document . The only possible reconfigurtation(s) that can be made are the font and wording prior to the URL. See below where and howto.

<script type="text/javascript">
<!--
  document.write(" <font color=#??????>This page is located at:</font> "+document.URL);
// -->
</script>

Vertical Line Divider

as you can notice in the code to the left where you need to place a font tag to change the default color of wjhat will be seen. The default would be that which is defined within your <BODY> tag. Also notice the missing " marks surrounding the HEX code. If you would to add them, the effect would not be seen and you would wonder why. Also replace the ?????? with a valid six (6) digit code.

Right way <font color=#??????> Text here</font>

Wrong way <font color=#"??????"> Text here</font>

For Your Information For your Information:     To answer your question in a word; "Yes", you can add this effect more than once on a single page.

We hope our tutorial was easy to follow and we covered everything in detail. If you would like to add this effect into your pages, grab the respective below link and you are there. If you have any problems with this or anything else, feel free to consult our FAQ ] and if you can't find the answer there, contact us ].
Get Code Here ]   [ Rate This Page ]   Digg It!