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
199 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
[X]
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
  • 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

How our DevOps Teams Maximize Uptime

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us. Read the use case whitepaper.

Question has a verified solution.

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

Batch, VBS, and scripts in general are incredibly useful for repetitive tasks.  Some tasks can take a while to complete and it can be annoying to check back only to discover that your script finished 5 minutes ago.  Some scripts may complete nearly …
In threads here at EE, each comment has a unique Identifier (ID). It is easy to get the full path for an ID via the right-click context menu. However, we often want to post a short link within a thread rather than the full link. This article shows a…
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)
In this fourth video of the Xpdf series, we discuss and demonstrate the PDFinfo utility, which retrieves the contents of a PDF's Info Dictionary, as well as some other information, including the page count. We show how to isolate the page count in a…

740 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