Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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
198 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
ID: 24848487
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
ID: 24855187
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
ID: 24856752
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
ID: 24860538
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
ID: 31603063
Thanks again.

- John
0

Featured Post

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In this tutorial I will aim to show you how simple is making a small application in WhizBase, how to add, remove and update data in the DB. I will make a small address book application where you can add, browse, update and remove addresses. I wi…
Active Directory replication delay is the cause to many problems.  Here is a super easy script to force Active Directory replication to all sites with by using an elevated PowerShell command prompt, and a tool to verify your changes.
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)
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

828 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