• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 214
  • Last Modified:

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

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
gabrielPennyback
Asked:
gabrielPennyback
  • 3
  • 2
1 Solution
 
ahoffmannCommented:
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
 
gabrielPennybackReliability Business Tools Analyst IIAuthor Commented:
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
 
ahoffmannCommented:
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
 
gabrielPennybackReliability Business Tools Analyst IIAuthor Commented:
Unbelievable, thanks! I'm going to ask some followup questions later this morning, please be on the lookout.
0
 
gabrielPennybackReliability Business Tools Analyst IIAuthor Commented:
Thanks again.

- John
0

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now