:: Forum >>

Tabbed forms and the problems with having more than one working page

I've been hacking away at creating tabbed forms using AW to replace my XHTML version in my application generator. The XHTML version works nicely, but isn't as pretty as AW and lacks a number of features.

The examples on this site are not complete insofar as a second page/tab of controls is not shown. In experimenting, I used the method of collecting the objects using innerHTML join as shown in /examples/2.0/dialog.htm

The problem with this method is that not all of the control properties of the included objects work properly. An example are buttons. The mouseover and click effects do not display as they do when the object is committed with a document.write() method. Another example is the combo control does not populate the field with a selected item.

***

The next method shown in the examples in the licensed version is to use show/hide divisions. This too is problematic when mixing html <div> tags as the masking and unmasking of the layers > 1 does not show the embedded controls. Selecting a tab to display div > 1 shows a blank div.

HOWEVER, when committing the objects to the div layers with document.write() causes them to operate properly unlike using the innerHTML join in the above referenced example.

It would stand to reason that using AW.HTML.DIV to create and control the divisions might be the proper course, but this control is not documented as to how to assign objects to a specific devision. In XHTML, we use <div> ..... </div>. How is the same feature accomplished in using the AW.HTML.DIV?

***
This example is a 7-page tabbed form created by my application generator. "pagedivs" is the container division with divs1-7 embedded.

<div id="pagedivs"><script>
</script><div id="div1" style="display:none"><script>
var pgroup1 = new AW.UI.Group;
pgroup1.setId("pgroup1");
pgroup1.setControlSize(850, 475);
pgroup1.setStyle("top","135px");
pgroup1.setStyle("left","15px");
pgroup1.setControlText("page 1");
document.write(pgroup1);
var l101001= new AW.UI.Label;
l101001.setControlText("People Master");
l101001.setStyle("top","160px");
l101001.setStyle("left","15px");
document.write(l101001);
var d101001 = new AW.UI.Button;
d101001.setId("d101001");
d101001.setControlText("Go");
d101001.setStyle("left", "265px");
d101001.setStyle("top", "160px");
d101001.setStyle("width","80px");
d101001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=U_PEOPLE'),document.MAIN.submit()");
document.write(d101001);
var l102001= new AW.UI.Label;
l102001.setControlText("Insurance Policies");
l102001.setStyle("top","185px");
l102001.setStyle("left","15px");
document.write(l102001);
var d102001 = new AW.UI.Button;
d102001.setId("d102001");
d102001.setControlText("Go");
d102001.setStyle("left", "265px");
d102001.setStyle("top", "185px");
d102001.setStyle("width","80px");
d102001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=U_POLICIES'),document.MAIN.submit()");
document.write(d102001);
var l103001= new AW.UI.Label;
l103001.setControlText("Eligibility/Prior Authorizations");
l103001.setStyle("top","210px");
l103001.setStyle("left","15px");
document.write(l103001);
var d103001 = new AW.UI.Button;
d103001.setId("d103001");
d103001.setControlText("Go");
d103001.setStyle("left", "265px");
d103001.setStyle("top", "210px");
d103001.setStyle("width","80px");
d103001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=U_ELIGIBILITY'),document.MAIN.submit()");
document.write(d103001);
var l104001= new AW.UI.Label;
l104001.setControlText("Visit");
l104001.setStyle("top","235px");
l104001.setStyle("left","15px");
document.write(l104001);
var d104001 = new AW.UI.Button;
d104001.setId("d104001");
d104001.setControlText("Go");
d104001.setStyle("left", "265px");
d104001.setStyle("top", "235px");
d104001.setStyle("width","80px");
d104001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=U_VISIT'),document.MAIN.submit()");
document.write(d104001);
var l105001= new AW.UI.Label;
l105001.setControlText("Charge Lines");
l105001.setStyle("top","260px");
l105001.setStyle("left","15px");
document.write(l105001);
var d105001 = new AW.UI.Button;
d105001.setId("d105001");
d105001.setControlText("Go");
d105001.setStyle("left", "265px");
d105001.setStyle("top", "260px");
d105001.setStyle("width","80px");
d105001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=U_CHARGES'),document.MAIN.submit()");
document.write(d105001);
var l106001= new AW.UI.Label;
l106001.setControlText("Payments");
l106001.setStyle("top","285px");
l106001.setStyle("left","15px");
document.write(l106001);
var d106001 = new AW.UI.Button;
d106001.setId("d106001");
d106001.setControlText("Go");
d106001.setStyle("left", "265px");
d106001.setStyle("top", "285px");
d106001.setStyle("width","80px");
d106001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=U_PAYMENTS'),document.MAIN.submit()");
document.write(d106001);
var l107001= new AW.UI.Label;
l107001.setControlText("Schedule");
l107001.setStyle("top","310px");
l107001.setStyle("left","15px");
document.write(l107001);
var d107001 = new AW.UI.Button;
d107001.setId("d107001");
d107001.setControlText("Go");
d107001.setStyle("left", "265px");
d107001.setStyle("top", "310px");
d107001.setStyle("width","80px");
d107001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=U_SCHED'),document.MAIN.submit()");
document.write(d107001);
var l108001= new AW.UI.Label;
l108001.setControlText("HTTP Session Display");
l108001.setStyle("top","335px");
l108001.setStyle("left","15px");
document.write(l108001);
var d108001 = new AW.UI.Button;
d108001.setId("d108001");
d108001.setControlText("Go");
d108001.setStyle("left", "265px");
d108001.setStyle("top", "335px");
d108001.setStyle("width","80px");
d108001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=R_HTTP_SESSIONS'),document.MAIN.submit()");
document.write(d108001);
var l110001= new AW.UI.Label;
l110001.setControlText("Prototype Form");
l110001.setStyle("top","385px");
l110001.setStyle("left","15px");
document.write(l110001);
var d110001 = new AW.UI.Button;
d110001.setId("d110001");
d110001.setControlText("Go");
d110001.setStyle("left", "265px");
d110001.setStyle("top", "385px");
d110001.setStyle("width","80px");
d110001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=PROTOTYPE'),document.MAIN.submit()");
document.write(d110001);
var l111001= new AW.UI.Label;
l111001.setControlText("Payment Listing");
l111001.setStyle("top","410px");
l111001.setStyle("left","15px");
document.write(l111001);
var d111001 = new AW.UI.Button;
d111001.setId("d111001");
d111001.setControlText("Go");
d111001.setStyle("left", "265px");
d111001.setStyle("top", "410px");
d111001.setStyle("width","80px");
d111001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=R_PAYMENTS'),document.MAIN.submit()");
document.write(d111001);
var l126001= new AW.UI.Label;
l126001.setControlText("Firms Master");
l126001.setStyle("top","160px");
l126001.setStyle("left","428px");
document.write(l126001);
var d126001 = new AW.UI.Button;
d126001.setId("d126001");
d126001.setControlText("Go");
d126001.setStyle("left", "678px");
d126001.setStyle("top", "160px");
d126001.setStyle("width","80px");
d126001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=S_FIRMS'),document.MAIN.submit()");
document.write(d126001);
var l127001= new AW.UI.Label;
l127001.setControlText("Contact Lenses");
l127001.setStyle("top","185px");
l127001.setStyle("left","428px");
document.write(l127001);
var d127001 = new AW.UI.Button;
d127001.setId("d127001");
d127001.setControlText("Go");
d127001.setStyle("left", "678px");
d127001.setStyle("top", "185px");
d127001.setStyle("width","80px");
d127001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=S_CONTACTS'),document.MAIN.submit()");
document.write(d127001);
var l001001= new AW.UI.Label;
l001001.setControlText("IP Information");
l001001.setStyle("top","435px");
l001001.setStyle("left","428px");
document.write(l001001);
var d001001 = new AW.UI.Button;
d001001.setId("d001001");
d001001.setControlText("Go");
d001001.setStyle("left", "678px");
d001001.setStyle("top", "435px");
d001001.setStyle("width","80px");
d001001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form='),document.MAIN.submit()");
document.write(d001001);
</script><div id="div2" style="display:none"><script>
var pgroup2 = new AW.UI.Group;
pgroup2.setId("pgroup2");
pgroup2.setControlSize(850, 475);
pgroup2.setStyle("top","135px");
pgroup2.setStyle("left","15px");
pgroup2.setControlText("page 2");
document.write(pgroup2);
var l201001= new AW.UI.Label;
l201001.setControlText("Ophthalmic Chart");
l201001.setStyle("top","160px");
l201001.setStyle("left","15px");
document.write(l201001);
var d201001 = new AW.UI.Button;
d201001.setId("d201001");
d201001.setControlText("Go");
d201001.setStyle("left", "265px");
d201001.setStyle("top", "160px");
d201001.setStyle("width","80px");
d201001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=OCHART'),document.MAIN.submit()");
document.write(d201001);
var l202001= new AW.UI.Label;
l202001.setControlText("Sensory Motor Exam");
l202001.setStyle("top","185px");
l202001.setStyle("left","15px");
document.write(l202001);
var d202001 = new AW.UI.Button;
d202001.setId("d202001");
d202001.setControlText("Go");
d202001.setStyle("left", "265px");
d202001.setStyle("top", "185px");
d202001.setStyle("width","80px");
d202001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=U_O_SME'),document.MAIN.submit()");
document.write(d202001);
var l203001= new AW.UI.Label;
l203001.setControlText("Medication Rx");
l203001.setStyle("top","210px");
l203001.setStyle("left","15px");
document.write(l203001);
var d203001 = new AW.UI.Button;
d203001.setId("d203001");
d203001.setControlText("Go");
d203001.setStyle("left", "265px");
d203001.setStyle("top", "210px");
d203001.setStyle("width","80px");
d203001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=U_RX'),document.MAIN.submit()");
document.write(d203001);
</script><div id="div3" style="display:none"><script>
var pgroup3 = new AW.UI.Group;
pgroup3.setId("pgroup3");
pgroup3.setControlSize(850, 475);
pgroup3.setStyle("top","135px");
pgroup3.setStyle("left","15px");
pgroup3.setControlText("page 3");
document.write(pgroup3);
</script><div id="div4" style="display:none"><script>
var pgroup4 = new AW.UI.Group;
pgroup4.setId("pgroup4");
pgroup4.setControlSize(850, 475);
pgroup4.setStyle("top","135px");
pgroup4.setStyle("left","15px");
pgroup4.setControlText("page 4");
document.write(pgroup4);
var l401001= new AW.UI.Label;
l401001.setControlText("Lens Styles");
l401001.setStyle("top","160px");
l401001.setStyle("left","15px");
document.write(l401001);
var d401001 = new AW.UI.Button;
d401001.setId("d401001");
d401001.setControlText("Go");
d401001.setStyle("left", "265px");
d401001.setStyle("top", "160px");
d401001.setStyle("width","80px");
d401001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=S_O_STYLES'),document.MAIN.submit()");
document.write(d401001);
var l402001= new AW.UI.Label;
l402001.setControlText("Spectacle Lens Materials");
l402001.setStyle("top","185px");
l402001.setStyle("left","15px");
document.write(l402001);
var d402001 = new AW.UI.Button;
d402001.setId("d402001");
d402001.setControlText("Go");
d402001.setStyle("left", "265px");
d402001.setStyle("top", "185px");
d402001.setStyle("width","80px");
d402001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=S_O_MATERIALS'),document.MAIN.submit()");
document.write(d402001);
var l403001= new AW.UI.Label;
l403001.setControlText("Lens Colors");
l403001.setStyle("top","210px");
l403001.setStyle("left","15px");
document.write(l403001);
var d403001 = new AW.UI.Button;
d403001.setId("d403001");
d403001.setControlText("Go");
d403001.setStyle("left", "265px");
d403001.setStyle("top", "210px");
d403001.setStyle("width","80px");
d403001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=S_O_COLORS'),document.MAIN.submit()");
document.write(d403001);
var l404001= new AW.UI.Label;
l404001.setControlText("Contact Lens Master");
l404001.setStyle("top","235px");
l404001.setStyle("left","15px");
document.write(l404001);
var d404001 = new AW.UI.Button;
d404001.setId("d404001");
d404001.setControlText("Go");
d404001.setStyle("left", "265px");
d404001.setStyle("top", "235px");
d404001.setStyle("width","80px");
d404001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=S_CL'),document.MAIN.submit()");
document.write(d404001);
var l405001= new AW.UI.Label;
l405001.setControlText("Device Definitions");
l405001.setStyle("top","260px");
l405001.setStyle("left","15px");
document.write(l405001);
var d405001 = new AW.UI.Button;
d405001.setId("d405001");
d405001.setControlText("Go");
d405001.setStyle("left", "265px");
d405001.setStyle("top", "260px");
d405001.setStyle("width","80px");
d405001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=S_GIZMOS'),document.MAIN.submit()");
document.write(d405001);
</script><div id="div5" style="display:none"><script>
var pgroup5 = new AW.UI.Group;
pgroup5.setId("pgroup5");
pgroup5.setControlSize(850, 475);
pgroup5.setStyle("top","135px");
pgroup5.setStyle("left","15px");
pgroup5.setControlText("page 5");
document.write(pgroup5);
var l502001= new AW.UI.Label;
l502001.setControlText("Office Locations");
l502001.setStyle("top","185px");
l502001.setStyle("left","15px");
document.write(l502001);
var d502001 = new AW.UI.Button;
d502001.setId("d502001");
d502001.setControlText("Go");
d502001.setStyle("left", "265px");
d502001.setStyle("top", "185px");
d502001.setStyle("width","80px");
d502001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=U_LOCATIONS'),document.MAIN.submit()");
document.write(d502001);
var l503001= new AW.UI.Label;
l503001.setControlText("Fee Schedule");
l503001.setStyle("top","210px");
l503001.setStyle("left","15px");
document.write(l503001);
var d503001 = new AW.UI.Button;
d503001.setId("d503001");
d503001.setControlText("Go");
d503001.setStyle("left", "265px");
d503001.setStyle("top", "210px");
d503001.setStyle("width","80px");
d503001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=U_FEES'),document.MAIN.submit()");
document.write(d503001);
var l505001= new AW.UI.Label;
l505001.setControlText("Plan Fee Schedule");
l505001.setStyle("top","260px");
l505001.setStyle("left","15px");
document.write(l505001);
var d505001 = new AW.UI.Button;
d505001.setId("d505001");
d505001.setControlText("Go");
d505001.setStyle("left", "265px");
d505001.setStyle("top", "260px");
d505001.setStyle("width","80px");
d505001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=U_I_FEES'),document.MAIN.submit()");
document.write(d505001);
var l506001= new AW.UI.Label;
l506001.setControlText("Appointment Type Codes");
l506001.setStyle("top","285px");
l506001.setStyle("left","15px");
document.write(l506001);
var d506001 = new AW.UI.Button;
d506001.setId("d506001");
d506001.setControlText("Go");
d506001.setStyle("left", "265px");
d506001.setStyle("top", "285px");
d506001.setStyle("width","80px");
d506001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=U_APPT_TYPES'),document.MAIN.submit()");
document.write(d506001);
</script><div id="div6" style="display:none"><script>
var pgroup6 = new AW.UI.Group;
pgroup6.setId("pgroup6");
pgroup6.setControlSize(850, 475);
pgroup6.setStyle("top","135px");
pgroup6.setStyle("left","15px");
pgroup6.setControlText("page 6");
document.write(pgroup6);
var l601001= new AW.UI.Label;
l601001.setControlText("Emdeon Payers");
l601001.setStyle("top","160px");
l601001.setStyle("left","15px");
document.write(l601001);
var d601001 = new AW.UI.Button;
d601001.setId("d601001");
d601001.setControlText("Go");
d601001.setStyle("left", "265px");
d601001.setStyle("top", "160px");
d601001.setStyle("width","80px");
d601001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=S_PAYERS'),document.MAIN.submit()");
document.write(d601001);
var l602001= new AW.UI.Label;
l602001.setControlText("Insurance Plans");
l602001.setStyle("top","185px");
l602001.setStyle("left","15px");
document.write(l602001);
var d602001 = new AW.UI.Button;
d602001.setId("d602001");
d602001.setControlText("Go");
d602001.setStyle("left", "265px");
d602001.setStyle("top", "185px");
d602001.setStyle("width","80px");
d602001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=S_PLANS'),document.MAIN.submit()");
document.write(d602001);
var l603001= new AW.UI.Label;
l603001.setControlText("Diagnosis");
l603001.setStyle("top","210px");
l603001.setStyle("left","15px");
document.write(l603001);
var d603001 = new AW.UI.Button;
d603001.setId("d603001");
d603001.setControlText("Go");
d603001.setStyle("left", "265px");
d603001.setStyle("top", "210px");
d603001.setStyle("width","80px");
d603001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=S_DIAGNOSIS'),document.MAIN.submit()");
document.write(d603001);
var l604001= new AW.UI.Label;
l604001.setControlText("Procedure Database");
l604001.setStyle("top","235px");
l604001.setStyle("left","15px");
document.write(l604001);
var d604001 = new AW.UI.Button;
d604001.setId("d604001");
d604001.setControlText("Go");
d604001.setStyle("left", "265px");
d604001.setStyle("top", "235px");
d604001.setStyle("width","80px");
d604001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=S_PROCEDURES'),document.MAIN.submit()");
document.write(d604001);
var l605001= new AW.UI.Label;
l605001.setControlText("Charge Codes");
l605001.setStyle("top","260px");
l605001.setStyle("left","15px");
document.write(l605001);
var d605001 = new AW.UI.Button;
d605001.setId("d605001");
d605001.setControlText("Go");
d605001.setStyle("left", "265px");
d605001.setStyle("top", "260px");
d605001.setStyle("width","80px");
d605001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=S_CHARGES'),document.MAIN.submit()");
document.write(d605001);
var l606001= new AW.UI.Label;
l606001.setControlText("Fee Adjustments");
l606001.setStyle("top","285px");
l606001.setStyle("left","15px");
document.write(l606001);
var d606001 = new AW.UI.Button;
d606001.setId("d606001");
d606001.setControlText("Go");
d606001.setStyle("left", "265px");
d606001.setStyle("top", "285px");
d606001.setStyle("width","80px");
d606001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=S_ADJ'),document.MAIN.submit()");
document.write(d606001);
var l608001= new AW.UI.Label;
l608001.setControlText("Payment Codes");
l608001.setStyle("top","335px");
l608001.setStyle("left","15px");
document.write(l608001);
var d608001 = new AW.UI.Button;
d608001.setId("d608001");
d608001.setControlText("Go");
d608001.setStyle("left", "265px");
d608001.setStyle("top", "335px");
d608001.setStyle("width","80px");
d608001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=S_PAYCODES'),document.MAIN.submit()");
document.write(d608001);
var l610001= new AW.UI.Label;
l610001.setControlText("Medication Database");
l610001.setStyle("top","385px");
l610001.setStyle("left","15px");
document.write(l610001);
var d610001 = new AW.UI.Button;
d610001.setId("d610001");
d610001.setControlText("Go");
d610001.setStyle("left", "265px");
d610001.setStyle("top", "385px");
d610001.setStyle("width","80px");
d610001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=S_DRUGS'),document.MAIN.submit()");
document.write(d610001);
var l626001= new AW.UI.Label;
l626001.setControlText("NAIC Master Database");
l626001.setStyle("top","160px");
l626001.setStyle("left","428px");
document.write(l626001);
var d626001 = new AW.UI.Button;
d626001.setId("d626001");
d626001.setControlText("Go");
d626001.setStyle("left", "678px");
d626001.setStyle("top", "160px");
d626001.setStyle("width","80px");
d626001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=S_NAIC'),document.MAIN.submit()");
document.write(d626001);
var l627001= new AW.UI.Label;
l627001.setControlText("ZIP Master Database");
l627001.setStyle("top","185px");
l627001.setStyle("left","428px");
document.write(l627001);
var d627001 = new AW.UI.Button;
d627001.setId("d627001");
d627001.setControlText("Go");
d627001.setStyle("left", "678px");
d627001.setStyle("top", "185px");
d627001.setStyle("width","80px");
d627001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=S_ZIPCODE'),document.MAIN.submit()");
document.write(d627001);
var l628001= new AW.UI.Label;
l628001.setControlText("Labcorp Order Codes");
l628001.setStyle("top","210px");
l628001.setStyle("left","428px");
document.write(l628001);
var d628001 = new AW.UI.Button;
d628001.setId("d628001");
d628001.setControlText("Go");
d628001.setStyle("left", "678px");
d628001.setStyle("top", "210px");
d628001.setStyle("width","80px");
d628001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=S_LCA'),document.MAIN.submit()");
document.write(d628001);
var l629001= new AW.UI.Label;
l629001.setControlText("ISO-3166 Country Database");
l629001.setStyle("top","235px");
l629001.setStyle("left","428px");
document.write(l629001);
var d629001 = new AW.UI.Button;
d629001.setId("d629001");
d629001.setControlText("Go");
d629001.setStyle("left", "678px");
d629001.setStyle("top", "235px");
d629001.setStyle("width","80px");
d629001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=S_COUNTRIES'),document.MAIN.submit()");
document.write(d629001);
var l630001= new AW.UI.Label;
l630001.setControlText("Claim Adjustment Reason Codes");
l630001.setStyle("top","260px");
l630001.setStyle("left","428px");
document.write(l630001);
var d630001 = new AW.UI.Button;
d630001.setId("d630001");
d630001.setControlText("Go");
d630001.setStyle("left", "678px");
d630001.setStyle("top", "260px");
d630001.setStyle("width","80px");
d630001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=S_CARC'),document.MAIN.submit()");
document.write(d630001);
var l631001= new AW.UI.Label;
l631001.setControlText("Remittance Advice Remark Codes");
l631001.setStyle("top","285px");
l631001.setStyle("left","428px");
document.write(l631001);
var d631001 = new AW.UI.Button;
d631001.setId("d631001");
d631001.setControlText("Go");
d631001.setStyle("left", "678px");
d631001.setStyle("top", "285px");
d631001.setStyle("width","80px");
d631001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=S_RARC'),document.MAIN.submit()");
document.write(d631001);
var l632001= new AW.UI.Label;
l632001.setControlText("Provider Taxonomy Codes");
l632001.setStyle("top","310px");
l632001.setStyle("left","428px");
document.write(l632001);
var d632001 = new AW.UI.Button;
d632001.setId("d632001");
d632001.setControlText("Go");
d632001.setStyle("left", "678px");
d632001.setStyle("top", "310px");
d632001.setStyle("width","80px");
d632001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=S_TAXONOMY'),document.MAIN.submit()");
document.write(d632001);
var l633001= new AW.UI.Label;
l633001.setControlText("Procedure Modifiers");
l633001.setStyle("top","335px");
l633001.setStyle("left","428px");
document.write(l633001);
var d633001 = new AW.UI.Button;
d633001.setId("d633001");
d633001.setControlText("Go");
d633001.setStyle("left", "678px");
d633001.setStyle("top", "335px");
d633001.setStyle("width","80px");
d633001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=S_MODS'),document.MAIN.submit()");
document.write(d633001);
var l635001= new AW.UI.Label;
l635001.setControlText("VSP Option Codes");
l635001.setStyle("top","385px");
l635001.setStyle("left","428px");
document.write(l635001);
var d635001 = new AW.UI.Button;
d635001.setId("d635001");
d635001.setControlText("Go");
d635001.setStyle("left", "678px");
d635001.setStyle("top", "385px");
d635001.setStyle("width","80px");
d635001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=S_VSP_OPTIONS'),document.MAIN.submit()");
document.write(d635001);
var l636001= new AW.UI.Label;
l636001.setControlText("Plan Fees (System)");
l636001.setStyle("top","410px");
l636001.setStyle("left","428px");
document.write(l636001);
var d636001 = new AW.UI.Button;
d636001.setId("d636001");
d636001.setControlText("Go");
d636001.setStyle("left", "678px");
d636001.setStyle("top", "410px");
d636001.setStyle("width","80px");
d636001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=S_I_FEES'),document.MAIN.submit()");
document.write(d636001);
</script><div id="div7" style="display:none"><script>
var pgroup7 = new AW.UI.Group;
pgroup7.setId("pgroup7");
pgroup7.setControlSize(850, 475);
pgroup7.setStyle("top","135px");
pgroup7.setStyle("left","15px");
pgroup7.setControlText("page 7");
document.write(pgroup7);
var l701001= new AW.UI.Label;
l701001.setControlText("File Layout");
l701001.setStyle("top","160px");
l701001.setStyle("left","15px");
document.write(l701001);
var d701001 = new AW.UI.Button;
d701001.setId("d701001");
d701001.setControlText("Go");
d701001.setStyle("left", "265px");
d701001.setStyle("top", "160px");
d701001.setStyle("width","80px");
d701001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=FILE'),document.MAIN.submit()");
document.write(d701001);
var l703001= new AW.UI.Label;
l703001.setControlText("Prototype Form");
l703001.setStyle("top","210px");
l703001.setStyle("left","15px");
document.write(l703001);
var d703001 = new AW.UI.Button;
d703001.setId("d703001");
d703001.setControlText("Go");
d703001.setStyle("left", "265px");
d703001.setStyle("top", "210px");
d703001.setStyle("width","80px");
d703001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=PROTOTYPE'),document.MAIN.submit()");
document.write(d703001);
var l704001= new AW.UI.Label;
l704001.setControlText("Form Layout");
l704001.setStyle("top","235px");
l704001.setStyle("left","15px");
document.write(l704001);
var d704001 = new AW.UI.Button;
d704001.setId("d704001");
d704001.setControlText("Go");
d704001.setStyle("left", "265px");
d704001.setStyle("top", "235px");
d704001.setStyle("width","80px");
d704001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=FORM'),document.MAIN.submit()");
document.write(d704001);
var l705001= new AW.UI.Label;
l705001.setControlText("Element Definition");
l705001.setStyle("top","260px");
l705001.setStyle("left","15px");
document.write(l705001);
var d705001 = new AW.UI.Button;
d705001.setId("d705001");
d705001.setControlText("Go");
d705001.setStyle("left", "265px");
d705001.setStyle("top", "260px");
d705001.setStyle("width","80px");
d705001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=ELEMENT'),document.MAIN.submit()");
document.write(d705001);
var l709001= new AW.UI.Label;
l709001.setControlText("Ophthalmic Chart");
l709001.setStyle("top","360px");
l709001.setStyle("left","15px");
document.write(l709001);
var d709001 = new AW.UI.Button;
d709001.setId("d709001");
d709001.setControlText("Go");
d709001.setStyle("left", "265px");
d709001.setStyle("top", "360px");
d709001.setStyle("width","80px");
d709001.setEvent("onclick","document.MAIN.setAttribute('action','https://www.qmsystems.net/qmrox.qsp&amp;app=penta&amp;account=M30000&amp;form=GRID'),document.MAIN.submit()");
document.write(d709001);
</script></div><script>
</script></div><script>
toptabs.onSelectedItemsChanged = function(selected){
var i, divs = document.getElementById("pagedivs").childNodes;
for(i=0; i<divs.length;i++){
if (divs[i].style) {
divs[i].style.display = "none"; // hide all elements
}
}
var index = selected[0];
var value = this.getItemValue(index);
document.getElementById(value).style.display = "block"; // show selected
}
toptabs.setSelectedItems([0]); // load the first page.
</script>
Myshka
Monday, June 30, 2008
I would recommend using the approach demonstrated in 'dialog box' example only if you have to build the whole UI from a script. Normally, combining html layout with placeholders for AW control is much better method -

<!-- layout tags -->
<div>
<div>
...

<!-- control1 placeholder -->
<span id="control1"></span>

<!-- control2 placeholder -->
<span id="control2"></span>

...

</div>
</div>
<script>
var obj1 = new AW.UI.Input;
obj1.setId("control1"); // same as placeholder id
...
obj1.refresh();

var obj2 = new AW.UI.Button;
obj2.setId("control2");
...
obj2.refresh();

</script>
Alex (ActiveWidgets)
Monday, June 30, 2008

This topic is archived.


Back to support forum

Forum search