Javascript online/offline problems

GhostfaceKillah · 12-02-2009 4:57pm #1

Does anyone here have an explanation for my problem :

I made a webpage that does a few calculations with the user input when a button is pressed. My javascript does this perfectly when i am viewing the pages locally. It works perfectly on all major browser aswell.

However, when i upload these pages. My javascript stops working.

The error console has problems with me refering to my radio buttons etc. For example, when i want to check if a radio button is selected, i use the following code :

[COLOR=#000000]if(document.form1.radioGroup1[0].checked == true)
{
  //... blah blah blah
}

[/COLOR]

As i said, this works fine locally, but when uploaded, i get an error saying :

document.form1.radioGroup1 is undefined

...what do i do?

Any help would be appreciated

Thanks

dkell · 12-02-2009 5:40pm

Can you post the html form code?

GhostfaceKillah · 13-02-2009 10:18am

dkell wrote: »

Can you post the html form code?

<form action = "calculate();" name = "buttonForm">
                <input type = "button" name = "calc" value = "Calculate" onmouseup="calculate();">
            </form>

calculate is a huge JS function that does a load of calculations. As i said - it works offline, just not online...strangely

The reason why i use "onmouseup" is because internet explorer doesn't seem to know what to do with an "onclick" method.

forbairt · 13-02-2009 10:25am

you're including the js in an external file ? you're sure its being loaded ?

GhostfaceKillah · 13-02-2009 10:28am

forbairt wrote: »

you're including the js in an external file ? you're sure its being loaded ?

no the JS is in the html file. Its all one file . Would i be better off making it external?

forbairt · 13-02-2009 10:50am

shouldn't make any difference was just wondering if something wasn't getting loaded ... can you give access to the page ?

GhostfaceKillah · 13-02-2009 11:00am

forbairt wrote: »

shouldn't make any difference was just wondering if something wasn't getting loaded ... can you give access to the page ?

I think i've discovered the problem - The hosting site i used was called freeweb7.com. They seem to take out your <Head> tags and replace them with <center> tags?? i think this is what was causing the problem, i hosted the file on graffiti.net and it worked fine. Such a noobish problem...Thanks for the help

GhostfaceKillah · 13-02-2009 11:37am

FFS it only works in firefox, not safari or ie (it does work in all of them offline though)

why can't i say this

if(document.productSelect.group1[0].checked == true) 
{

//....

}

the if statement gives me errors on safari and ie

the html that calls it is :

<form action="calculate();" name="buttonForm">
<input name="calc" value="Calculate" onmouseup="calculate();" type="button">
</form>

Webpage url is : http://home.graffiti.net/philkav/DadsWebpage/

slavigo · 13-02-2009 11:55am

Just a quick observation.
Your 'group1' fields aren't inside a 'form' element.
In fact your 'form' element closes straight away and has no content or items inside it.

I.e. It looks like this:
<form action="formCheck.html" method="post" name="productSelect"></form>

I may be missing something here but it's just the first thing that struck me after the quick browse.

GhostfaceKillah · 13-02-2009 1:00pm

slavigo wrote: »

Just a quick observation.
Your 'group1' fields aren't inside a 'form' element.
In fact your 'form' element closes straight away and has no content or items inside it.

I.e. It looks like this:
<form action="formCheck.html" method="post" name="productSelect"></form>

I may be missing something here but it's just the first thing that struck me after the quick browse.

Well spotted, See the funny thing is - thats NOT my code. My code is this:

    <form action = "formCheck.html" method = "post" name = "productSelect">
    <tr><td>
        <table border = "0">


        <!--ROW 1-->
        <tr>
            <td>
                
                    <font color = "red">1. Select Product </font>
                        <form name = "productSelect">
                            <b><br/>
                            &nbsp;&nbsp;&nbsp;<input type = "radio" name = "group1" id="MPP"> My Broker Mortgage Payment Protection</input><br/>
                            &nbsp;&nbsp;&nbsp;<input type = "radio" name = "group1" id="IP"> My Broker Income Protection</input> 
                            <br/><br/></b>
                        </form>    

            </td>
            <td>
            </td>

But when i upload it - it changes and automatically closes the form??

I hate hosts who change the code you uploaded, its obviously something to do with my table tag i reckon. Thanks, good find, i'll mess around with that bit of code and post my results

Liam Byrne · 13-02-2009 1:28pm

There are 2 problems with that

Firstly, the first form element is immediately prior to a <tr>, which implies it's inside the <table>

Secondly, you appear to have nested forms, both called "productSelect" ?

Put the first <form> BEFORE the <table> tag and close the form AFTER the </table>, and remove any "interior "forms".

GhostfaceKillah · 13-02-2009 1:39pm

Perfect, thanks guys. I was programming that page for hours so i guess i made a few dumb mistakes. At least it works now so im in the money!:D

Javascript online/offline problems

Comments