Soccersite javascript problem

thedutch · October 25th, 2004, 12:28 PM

Hi,

I've come to page 248 and finaly tried my page after typing in some code. but it doesn't display the menu bigger and bolder as it should.
(the javascript should display the HOME text bigger and bolder)
All menu items are the same size and the statusbar indicates that the page is ready but with errors.

I checked the code and even copy pasted the code from the downloadable code at wrox (the code for chapter 7) but this doesn't change a thing.

When i look at the code in the browser it seems to be ok (it shows the text '/thesoccersite/home.asp') but still it doesn't work.
I'll post both the template code and the browser code after this:

Best regards,

Edwin Frinking

[u]template code:</u>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="../images/logo.gif" width="257" height="58"></td>
    <td>
        <table border="0" align="right" cellpadding="0" cellspacing="0">
          <tr>
          <td><a href="../home.asp" id="home">Home</a></td>
            <td>   </td>
            <td><a href="../events.asp" id="events">Events</a></td>
            <td>   </td>
            <td><a href="../mysite.asp" id="mysite">MySite</a></td>
  </tr>
</table>
</td>
  </tr>
</table>
<br>
<script language="JavaScript" type="text/javascript">
    var sPageName = '<%=Request.ServerVariables("SCRIPT_NAME")%>';
    sPageName = sPageName.substr(sPageName.lastIndexOf('/') + 1).toLowerCase();
    sPageName = sPageName.substr(0, sPageName.lastIndexOf('.'));
    if (document.getElementById(sPageName))
    {
            document.getElementById(sPageName).style.fontWeigh t = 'Bold';
            document.getElementById(sPageName).style.fontSize = '14pt';
    }
</script>

[u]browser code:</u>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="images/logo.gif" width="257" height="58"></td>
    <td>
        <table border="0" align="right" cellpadding="0" cellspacing="0">
          <tr>
          <td><a href="home.asp" id="home">Home</a></td>
            <td>   </td>
            <td><a href="Events.asp" id="events">Events</a></td>
            <td>   </td>
            <td><a href="MySite.asp" id="mysite">MySite</a></td>
  </tr>
</table>
</td>
  </tr>
</table>
<br>
<script language="javascript" type="text/javascript">
    var sPageName = '/thesoccersite/home.asp';
        sPageName = sPageName.substr(sPageName.lastIndexOf('/')
                    + 1).toLowerCase();
        sPageName = sPageName.substr(0, sPageName.lastIndexOf('.'));
    If (document.getElementById(sPageName))
    {
    document.getElementById(sPageName).style.fontWeigh t = 'Bold';
    document.getElementById(sPageName).style.fontSize = '14pt';
    }
    </script><table width="100%" border="0" cellspacing="0" cellpadding="0">
<br>

Imar · October 25th, 2004, 02:43 PM

Hi Edwin,

You have written If with a capital I. However, in JavaScript, if is with a lower case i:

If (document.getElementById(sPageName))

should be:

if (document.getElementById(sPageName))

If you fix that, I think the menu will work. If not, let me know.

HtH,

Imar

P.S. Heb je een beetje lol met het boek?

---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.
While typing this post, I was listening to: Forty six & 2 by Tool (Track 5 from the album: Aenima) What's This?

ukbrit · October 25th, 2004, 05:54 PM

I to am having a problem getting the menu item when selected to show bigger! The code I am using is reproduced below. I have gone through it with a fine toothcomb but cannot for the life of me find the error! could you please help?

Iain

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="../Images/logo.gif" alt="logo" width="257" height="58"></td>
    <td><table border="0" align="right" cellpadding="0" cellspacing="0">
  <tr>
    <td><a href="../home.asp" id="home">Home</a></td>
    <td>   </td>
    <td><a href="../events.asp" id="events">Events</a></td>
    <td>   </td>
    <td><a href="../mysite.asp" id="mysite">My Site</a></td>
  </tr>
</table>
</td>
  </tr>
</table>
<br>
<script language="JavaScript" type="text/javascript">
var sPageName = '<%=Request.ServerVariables("SCRIPT_NAME")%>';
sPageName = sPageName.substr(sPageName.lastIndexOf('/')
+ 1).toLowerCase();
sPageName = SPageName.substr(0, sPageName.lastIndexOf('.'));
if (document.getElementById(sPageName))
{
    document.getElementById(sPageName).style.fontWeigh t='Bold';
    document.getElementById(sPageName).style.fontSize= '14pt';
}
</script>

Imar · October 26th, 2004, 01:19 AM

I think you need an even finer comb ;) Take a look at this:

sPageName = SPageName

You're mixing the case of the sPageName variable.....

HtH,

Imar

ukbrit · October 26th, 2004, 02:44 AM

Imar

It worked many thanks for you prompt reply.

I must have gone 'word blind' I must blame you.....your book is so addictive I can't put it down!

The Drreamweaver book is excellent; I have tried many so called 'teaching books' but Wrox are by far the best. I was also encouraged to see such an active forum and am very appreciative of your prompt reply to my query. I already have Wrox books to learn Javascript and ASP.NET because of my experience with your Dreamweaver book. Once again many thanks to you..and the other authors.

thedutch · October 26th, 2004, 04:23 AM

hi imar,

it works now, strangly enough when I look at the template it was writen in lowercase but in the home.asp and events.asp it was writen in uppercase.
this is strange as I let dreamweaver update the pages when asked for at save.
I set it to upper again and updated then changed it to lower and updated again and checked if it was changed in home.asp and events.asp and now it is changed and it works!

chanks a lot...it's so simple right!

best regards

Edwin frinking

ps. lol ja dat kun je wel zeggen, ik heb het zelden zo leuk gevonden om weer eens iets te leren sinds ik van school af ben.
misschien omdat je direct een visueel resultaat hebt.
groeten edwin

TotalNewbie · February 20th, 2005, 08:20 PM

I am also having the problem of the Home link not looking bold or larger...

Here is the code that I have used:
<script language="JavaScript" type="text/javascript">
var sPageName = '<%=Request.ServerVariables("SCRIPT_NAME")%>';
sPageName = sPageName.substr(sPageName.lastIndexOf('/') + 1).toLowercase();
sPageName = sPageName.substr(0, sPageName.lastIndexOf('.'));
if (document.getElementById(sPageName))
{
document.getElementById(sPageName).style.fontweigh t = 'Bold';
document.getElementById(sPageName).style.fontsize = '14pt';
}
</script>

I am sure it is just something silly I have missed, but I can't find it!

Thanks in advance!

Imar · February 21st, 2005, 01:23 PM

What do you see when you look at the HTML source in the browser?

Do you see the actual page name, or do you still see

<%=Request.ServerVariables("SCRIPT_NAME")%>

Can you post the (relevant parts of) the HTML source?

Cheers,

Imar

TotalNewbie · February 21st, 2005, 02:04 PM

Forgive my complete ignorance, but how do I look at the code in the browser?? I am totally embarrassed that I have to ask that...

Imar · February 21st, 2005, 04:22 PM

Right-click somewhere on the page in the browser, and then choose View Source....

No worries about asking this; after all, that's why you are a TotalNewbie, aren't you? ;)

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.