Solved

Creating some kind of variable that generates text in a div based on the name of the page

Posted on 2009-07-13
5
195 Views
Last Modified: 2012-05-07
I want to have a server side include for the header on a site of mine, but there is one div in the header that should contain the name of the page minus the suffix. So instead of the hard-coded "Page1" that you see below, we would have some kind of asp (or javascript? ) variable such that when the server inserts the code for the header in the parent file, it would also insert the appropriate page name in the div "login"

Does this make sense?

Thanks,
John






HERE'S THE CODE FOR THE "LOGIN" DIV IN THE INCLUDED FILE "HEADER.HTML":
 

<div class="login">

<span style="color:#88e2b5; font-size:16px; font-style:italic; padding: 0 3px 0 0">Page1</span>

<div style="height:5px"></div>

<form method="post" accept-charset="utf-8" action="https://www.accountantsoffice.com/AOAdmin/AOLogin.aspx?firmcode=capit7070">

<input type="submit" name="button1" value="client login" style="color:green" />

</form>

</div>

Open in new window

0
Comment
Question by:gabrielPennyback
  • 3
  • 2
5 Comments
 
LVL 51

Expert Comment

by:ahoffmann
Comment Utility
give your span tag an id=, let's say id="me"
then add following javascript to your page

document.getElementByID("me").innerHTML=locaition.href.replace(/^.*\//,'').replace(/\.html/,'');
0
 
LVL 1

Author Comment

by:gabrielPennyback
Comment Utility
Hi ahoffman, this looks very promising. I tried it but got no result. Does the script have to be somewhere else on the page? Or do you see something else wrong in my code snippet?

Here's the page: http://travelnursecpa.com/index_wInclude.aspx

It's not quite right because it's an aspx with no web.config  aspx.cs or aspx.vb, and therefore no <form id="form1" runat="server">.  But it seems to work ok.  Except I wonder, is that why the javascript isn't working?

Thanks,
John

<body>

<script type="text/javascript">

document.getElementByID("me").innerHTML=locaition.href.replace(/^.*\//,'').replace(/\.html/,'');

</script>
 

<div class="header">

<div class="leftHeader"><!--<img src="images/SmilingNurse.png" width="201" height="251" />--></div>

  <div class="centerHeader">

<div class="rightHeaderTop">

<div class="login">

<span id="me" style="color:#88e2b5; font-size:16px; font-style:italic; padding: 0 3px 0 0"></span>

<div style="height:5px"></div>

<form method="post" accept-charset="utf-8" action="https://www.accountantsoffice.com/AOAdmin/AOLogin.aspx?firmcode=capit7070">

<input type="submit" name="button1" value="client login" style="color:green" />

</form>

</div>

Open in new window

0
 
LVL 51

Accepted Solution

by:
ahoffmann earned 500 total points
Comment Utility
oops, there is a typo, sorry
should be:
 document.getElementById("me").innerHTML=location.href.replace(/^.*\//,'').replace(/\.html/,'');

Then you have to use the script *after* the browser rendered your HTML, means it must be at the end of your page, or you need to use it in the body's onload= attribute.
0
 
LVL 1

Author Comment

by:gabrielPennyback
Comment Utility
Unbelievable, thanks! I'm going to ask some followup questions later this morning, please be on the lookout.
0
 
LVL 1

Author Closing Comment

by:gabrielPennyback
Comment Utility
Thanks again.

- John
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

This tutorial will discuss fancy secure registration forms, with AJAX technology support. In this article I assume you already know HTML and some JS. I will write the code using WhizBase Server Pages, so you need to know some basics in WBSP (you mig…
In this tutorial I will show you how to provide a dynamic RTF document on your website generated with data from your database. For this tutorial you will need Microsoft Word or WordPad, WhizBase and Microsoft Access. In this tutorial I will show …
Learn the basics of lists in Python. Lists, as their name suggests, are a means for ordering and storing values. : Lists are declared using brackets; for example: t = [1, 2, 3]: Lists may contain a mix of data types; for example: t = ['string', 1, T…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

771 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