Difference between revisions of "Using a Check Box to run a JavaScript"

From SmartWiki
Jump to: navigation, search
 
(5 intermediate revisions by 2 users not shown)
Line 1: Line 1:
You can use a [[Custom Field Type (20): Select Many – Check Boxes|Check Box]] to run a JavaScript, such that the check box works much like a button on the page to run the script. This is done using a combination of the HTML Tag and a browser script to create the '''action''' event. One of the lines in the script can also un-check the check box.
+
You can use a [[Custom Field Type: Select Many – Check Boxes|Check Box]] to run a JavaScript, such that the check box works much like a button on the page to run the script. This is done using a combination of the HTML Tag and a browser script to create the '''action''' event. One of the lines in the script can also un-check the check box.
  
 
In the '''HTML Tag''' field on the Check Box [[Custom Field]] you would put an '''OnClick''' event:
 
In the '''HTML Tag''' field on the Check Box [[Custom Field]] you would put an '''OnClick''' event:
Line 6: Line 6:
 
</pre>
 
</pre>
 
   
 
   
Then in the browser script [[Custom Field]] you would define the '''JavaScript''' function:<br>
+
Then in the [[Custom Field Type: Special – Browser Script|browser script]] [[Custom Field]] you would define the '''JavaScript''' function:<br>
 
<pre>
 
<pre>
 
function runthis()
 
function runthis()
Line 18: Line 18:
  
 
'''Note''':  
 
'''Note''':  
*At Level one use ''document.form1'' instead of ''document.frmevent''
+
*At {{l1}} use ''document.form1'' instead of ''document.frmevent''
 
*On a tab use ''document.frmedit'' instead of ''document.frmevent''
 
*On a tab use ''document.frmedit'' instead of ''document.frmevent''
  
Line 24: Line 24:
 
See Also: [[Using an HTML Tag to Create Action Events]]
 
See Also: [[Using an HTML Tag to Create Action Events]]
  
[[Category: Custom Fields]][[Category: JavaScript Examples]]
+
[[Category: Custom Fields]][[Category: JavaScript]]

Latest revision as of 08:47, 20 June 2013

You can use a Check Box to run a JavaScript, such that the check box works much like a button on the page to run the script. This is done using a combination of the HTML Tag and a browser script to create the action event. One of the lines in the script can also un-check the check box.

In the HTML Tag field on the Check Box Custom Field you would put an OnClick event:

onclick="runthis()"

Then in the browser script Custom Field you would define the JavaScript function:

function runthis()
{
--enter whatever the script should do here--
document.frmevent.cf_123456[1].checked=false;
}

where "123456" is the field ID of the Check Box.

  • The document.frmevent.cf_123456[1].checked=false line unchecks the check box if you wish to have the check box behave like a button.

Note:

  • At Level 1 use document.form1 instead of document.frmevent
  • On a tab use document.frmedit instead of document.frmevent


See Also: Using an HTML Tag to Create Action Events