[RESOLVED] load javascript and trigger on page load ! ?

Mad_T

Hi
I'm using a small script that enables or disables input fields based on a selection from a drop down list. By default all fields are DISABLED.

This all works fine, but when the page loads I'd like to call this code and have it automatically enable the fields, but only if the referrer is a specific page.

I can take care of the referrer part, but how would I call this code and have it enable the fields ?? The 3rd option on the drop down list enables all the fields.

Is it possible to 'onpage load' to pass those values to the script ?

Thanks 🙂

The script is :

<script language="JavaScript" type="text/javascript">
function zxcEnableDisable(zxcobj){
 zxcval=zxcobj.options[zxcobj.selectedIndex].id
 if (zxcval.length<1){ return }
 zxcenable=zxcval.split('^')[1].split(',');
 for (zxc0=1;zxc0<zxcenable.length;zxc0++){
  zxcobj=document.getElementById(zxcenable[zxc0]);
  zxcobj.removeAttribute('disabled')
 }
 zxcdisable=zxcval.split('^')[0].split(',');
 for (zxc1=1;zxc1<zxcdisable.length;zxc1++){
  zxcobj=document.getElementById(zxcdisable[zxc1]);
  zxcobj.setAttribute('disabled','disabled')
 }


}
</script>

The form input field is like this :

    <tr>
      <th>Update</th>
      <td><select name="mmsms" id="mmsms" onchange="zxcEnableDisable(this);">
		<option id="D,field1,field2,field3^E" value="0">ABC</option>
		<option id="D,field1,field2,field3^E" value="1">DEF</option>
		<option id="D^E,field1,field2,field3" value="2">GHI</option>
		</select></td>
    </tr>

The first option on the drop down ensures all the fields are disabled as does the second.

The third option enables all the fields.

Thanks 🙂

Mad_T

Sorry I posted this in the wrong forum :eek:

Can anyone help me with this ?

Thanks 🙂

Weedpacket

There is an "onLoad" event handler.

Mad_T

Thanks for the reply.

I am aware of that handler, but everything I've tried has failed.

Any ideas ?

Thanks

johanafm

What does the code you tried look like?

Note that there is no "language" attribute for the script element, and no elements language attribute (for those that have it) can take a value of javascript. They are used for natural languages such as en, en-us etc.

Also note that there is no certainty that someone actualy came from a specific site just because $_SERVER['referer'] contains a certain value. From http://php.net/manual/en/reserved.variables.server.php

'HTTP_REFERER'
The address of the page (if any) which referred the user agent to the current page. This is set by the user agent. Not all user agents will set this, and some provide the ability to modify HTTP_REFERER as a feature. In short, it cannot really be trusted.

Mad_T

The script has a language of JavaScript set..

<script language="JavaScript" type="text/javascript">

I've tried:

<body onload="zxcEnableDisable(this);">
<body onload="zxcEnableDisable(this)">
<body onload="zxcEnableDisable();">

Not sure what else to try !

Thanks for the notes on REFER 🙂

johanafm

Mad_T;10990744 wrote:
The script has a language of JavaScript set..
<script language="JavaScript" type="text/javascript">
which is NOT allowed. When I said that the script element does not have a language attribute, what I mean is that it is NOT allowed to have one. The specification doesn't state that it has one so it cannot have one.

Actually, there is no language attribute at all. There is a "lang" attribute, which html, div, span and p elements (among others) can have. But the lang attribute could never have a value of "javascript" either, since the specification states that it takes a language code as defined in RFC1766. All of which you can find in the proper DTD for your document: HTML 4.01, XHTML 1.0, HTML 5 or whatever kind of document you are serving.

But in short: remove the langauge attribute since it's wrong. Also, validate your document.

Well, looking at this
Mad_T;10990744 wrote:
I've tried:
<body onload="zxcEnableDisable(this);">
<body onload="zxcEnableDisable(this)">
<body onload="zxcEnableDisable();">
and this
Mad_T;10990697 wrote:
<script language="JavaScript" type="text/javascript">
function zxcEnableDisable(zxcobj){
 zxcval=zxcobj.options[zxcobj.selectedIndex].id
it is clear that you are not passing what you think you are as function argument. Try adding an alert(zxcobj); to the first line of your function and you'll see a popup with something like
[object Window]
for the first two versions, and "null", or perhaps "undefined" for the last one.

So, <body onload="zxcobj(this)" calls zxcobj with the window object as function argument, which you then treat like a select element
zxcval=zxcobj.options[zxcobj.selectedIndex].id
(which by the way could be shortened to zxcobj.value).

Also, since the window object has no options member, you should see an error along the lines of
Error: zxcobj.selectedIndex is undefined
Source File: http://example.com/yourfile.html
Line: NN
which makes me guess you are not looking at javascript error messages. I personally prefer developing using Firefox, with the error console open (which is where this error message is shown) along with the firebug plugin which has a DOM inspector and other useful tools. These days, other web browsers offer similar functionality, but I prefer this one personally. Whatever browser you choose to use, use their debugging functionality or you will have serious problems tracking down errors.

Mad_T

Thanks for the advise and help.

I've decided to do this using PHP.

I've left the original code as is ( I'd found that on another web site ) as it does enable / disable the form fields nicely.

But I've added a quick query that triggers if the value matches.
This seems to work well in Firefox and IE.

Thanks