Jump to content

script tag outside head in new project


Trainee

Recommended Posts

As I create a new project I select application wizard for unigui trial build 1551 in delphi 10.4.2. I create a new project, select VCL yes and create a new project. Press save project.

What I notice is that the form class used is TUniForm instead of the TUnimForm that is used in the allfeatures touch demo.

Once the browser is opened, I open the html source and notice that the script tag is outside the head tag:

 

<!DOCTYPE html>
<html lang="nl">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>New Application</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=10.0, user-scalable=yes">
<meta http-equiv="content-type" content="charset=utf-8" />
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="-1">
<link REL="SHORTCUT ICON" HREF="/cache/uniguidb_exe/AOR1EHYxZo108D5151D/favicon.ico">

<link rel=stylesheet href="/uni-1.90.0.1551/css/uni-ext.css" />
<link rel=stylesheet href="/ext-7.0.0/build/classic/theme-classic/resources/theme-classic-all.css" />
<script src="/ext-7.0.0/build/ext-all.js"></script>
<script src="/ext-7.0.0/build/classic/theme-classic/theme-classic.js"></script>
<script src="/uni-1.90.0.1551/ext-unicommon-min.js"></script>
<script src="/uni-1.90.0.1551/ext-sync-min.js"></script>
<script src="/ext-7.0.0/build/classic/locale/locale-nl.js"></script>
<script src="/uni-1.90.0.1551/jQuery/jquery-1.11.2.min.js"></script>
<link rel=stylesheet href="/ext-7.0.0/build/packages/font-awesome-4.7.0/resources/font-awesome-all.css" />
<link rel=stylesheet href="/ext-7.0.0/build/packages/font-pictos/resources/font-pictos-all.css" />
<link rel=stylesheet href="/ext-7.0.0/build/packages/font-awesome/resources/font-awesome-all.css" />
<script src="/uni-1.90.0.1551/jQuery/MaskedInput/jquery.inputmask.min.js"></script>
<script src="/uni-1.90.0.1551/jQuery/autoNumeric/autoNumeric-1.9.35.js"></script>
<link rel=stylesheet href="/uni-1.90.0.1551/css/uni-xtheme-common.css" />
<link rel=stylesheet href="/uni-1.90.0.1551/css/uni-xtheme-classic.css" />
<script src="/uni-1.90.0.1551/ext-unigui-min.js"></script>
<style type="text/css">.x-viewport > .x-body {position:relative !important;}</style>
<style type="text/css">body {overflow-y: hidden !important;}</style>

</head>
<script>
uniVars._extVer="7.0.0";_S_ID="_S_ID=AOR1EHYxZo108D5151D";Ext.appUri="/HandleEvent";Ext.Date.defaultDateFormat="j/n/Y";uniSyncObj.errShow=true;uniSyncObj.errText="Connection Error";uniSyncObj.errRetryText="Retrying...";uniSyncObj.errTextColor="#0055AA";uniSyncObj.errAfterRetry=1;
Ext.application({name:"uniApplication",launch: function(){setTimeout(function(){Ext.get("loading").remove();Ext.get("loading-mask").fadeOut({remove:true});},250);Ext.BLANK_IMAGE_URL="/ext-7.0.0/build/classic/theme-classic/resources/images/tree/s.gif";
Ext.BLANK_IMAGE_SRC="<img src="+Ext.BLANK_IMAGE_URL+">";
TextMetrics=new Ext.util.TextMetrics(Ext.getBody());
var _ajxerr=false;_ifrm_("FRM_AOR1EHYxZo108D5151D");_showAjaxErr=true;_ajxflerr="Communication Error";Download=Ext.DomHelper.append(document.body,{tag:"iframe",cls:"x-hidden"});try{ O0=new Ext.window.Window({id:"O0_id",retfalse:{},onEsc:Ext.emptyFn,layout:"fit",title:"MainForm",closeToolText:"",maximizable:true,minimizable:true,resizable:true,icon:"/cache/uniguidb_exe/AOR1EHYxZo108D5151D/favicon.ico",iconCls:"x-uni-icon-contain",uniFMask:{beforeclose:true},width:851,height:524});O0.nm="O0";_cdo_("MainForm");MainForm.ajxS=AjaxSuccess;MainForm.ajxF=AjaxFailure;O0.rootObj=true;MainForm.appRoot="/";_cdo_(null,O0,"window",MainForm); O8=new Ext.form.Panel({id:"O8_id",border:false,uActive:false,tabItems:new Ext.util.MixedCollection(),layout:"absolute"});O8.nm="O8";_cdo_(null,O8,"form",MainForm);O0.add(O8); O10=(function(P0){return Ext.xR("this="+P0.nm+""+_gv_(O8),O0,"beforeclose");});O10.nm="O10";O0.on("beforeclose",O10); O11=(function(P0){_saf_(P0);return Ext.xR("this="+P0.nm+""+_gv_(O8),O0,"activate");});O11.nm="O11";O0.on("activate",O11); O12=(function(P0){return Ext.xR("this="+P0.nm+""+_gv_(O8),O0,"deactivate");});O12.nm="O12";O0.on("deactivate",O12);uniVars._mFrm_=O8;O0.on("deactivate",function(f){_sdf_(f)});ajaxRequest(O0,"cinfo",{ci:_gci_()});Ext.Msg.setAlwaysOnTop(10000000); O13=new Ext.form.field.Text({id:"O13_id",value:"UniEdit1",name:"O13",enableKeyEvents:true,tabIndex:11,width:121,x:232,y:120});O13.nm="O13";_cdo_("UniEdit1",O13,null,MainForm); O17=new Ext.button.Button({id:"O17_id",text:"UniButton1",tabIndex:12,width:75,height:25,x:112,y:192});O17.nm="O17";_cdo_("UniButton1",O17,null,MainForm); O1B=new Ext.form.field.Text({id:"O1B_id",trackBlurChange:true,name:"O1B",enableKeyEvents:true,tabIndex:13,readOnly:true,width:121,x:440,y:80});O1B.nm="O1B";_cdo_("UniDBEdit1",O1B,null,MainForm); O23=new Ext.data.Store({autoDestroy:true,fields:[],storeId:"O23_id",remoteSort:true,pageSize:25,proxy:{type:"ajax",url:"/HandleEvent?IsEvent=1&Obj=O1F&Evt=data&"+_S_ID,reader:{type:"json",responseType:""},timeout:15000}}); O2A=new Ext.selection.CellModel({}); O34=new Ext.toolbar.Paging({id:"O34_id",store:O23,focusDisabled:true}); O5C=new Object({}); O1F=new Ext.grid.Panel({id:"O1F_id",store:O23,columns:[],columnLines:true,bodyBorder:true,border:true,tabIndex:14,forceFit:true,selModel:O2A,bbar:O34,loadDataMask:O5C,enableColumnMove:false,viewConfig:{preserveScrollOnRefresh:true,markDirty:false,loadMask:false},plugins:[Ext.create("Ext.grid.plugin.CellEditing",{pluginId:"uniGridEditor",clicksToEdit:2})],width:320,height:160,x:360,y:280});O1F.nm="O1F";_cdo_("UniDBGrid1",O1F,null,MainForm);O23.nm="O23";_cdo_("UniDBGrid1",O23,"store",MainForm);O23.grid=O1F;O23.dbgrid=true; O24=(function(P0){return Ext.xR("this="+P0.nm+""+_gv_(O8),O23,"load");});O24.nm="O24";O23.on("load",O24); O25=(function(P0){return Ext.xR("this="+P0.nm+""+_gv_(O8),O23,"prefetch");});O25.nm="O25";O23.on("prefetch",O25); O26=new Ext.form.field.Hidden({name:"O26",enableKeyEvents:true});O26.nm="O26";O2A.nm="O2A";_cdo_("UniDBGrid1",O2A,"cellModel",MainForm); O2B=new Ext.selection.RowModel({});O2B.nm="O2B";_cdo_("UniDBGrid1",O2B,"rowModel",MainForm); O2C=new Ext.selection.CheckboxModel({});O2C.nm="O2C";_cdo_("UniDBGrid1",O2C,"checkboxModel",MainForm);O2A.grid=O1F;O2B.grid=O1F;O2C.grid=O1F;O26.grid=O1F;O1F.hidField=O26; O2D=(function(P0,P1){_src_(O26,xlatRow(P1),P1.column.dataIndex,null,P1.record,true);_ae_(P1);return Ext.xR("VR="+_o2s_(P1.newValues, P1.originalValues)+"&V="+_xl_(P1.value)+"&O="+_xl_(P1.originalValue)+"&R="+xlatRow(P1)+"&C="+P1.column.dataIndex+"&RN="+_getrno_(P1.record, P1.column.dataIndex)+""+_gv_(O8),O1F,"edit");});O2D.nm="O2D";O1F.on("edit",O2D); O2E=(function(P0,P1){return Ext.xR("R="+P1.rowIdx+"&C="+P1.column.dataIndex+""+_gv_(O8),O1F,"canceledit");});O2E.nm="O2E";O1F.on("canceledit",O2E);O1F.on("beforeedit",function(P0,P1){if(P1.isCheckCol)return(true);if(!_ce_(P1))return(false);if(checkFixed(P1))return(false);return true;}); O2F=(function(P0,P1){if(P1.isCheckCol)return(true);_src_(O26,xlatRow(P1),P1.column.dataIndex,null,P1.record,true);return Ext.xR("V="+_xl_(P1.value)+"&O="+_xl_(P1.originalValue)+"&R="+xlatRow(P1)+"&C="+P1.column.dataIndex+"&RN="+_getrno_(P1.record, P1.column.dataIndex)+""+_gv_(O8),O1F,"beforeedit");});O2F.nm="O2F";O1F.on("beforeedit",O2F,O1F,{delay:1}); O30=(function(P0,P1,P2,P3){if(P3<0)return false;_cge_(P0);_src_(O26,xlatRecRow(P2,P1),_gcdi_(P0,P3),null,P1);if(_ccell_(P0))return;return Ext.xR("This="+P0.nm+"&rr="+xlatRecRow(P2,P1)+"&cc="+P3+""+_gv_(O8),O2A,"select");});O30.nm="O30";O2A.on("select",O30); O31=(function(P0,P1){_src_(O26,null,null,false,P1);return Ext.xR("This="+P0.nm+"&sels="+P1.length+""+_gv_(O8),O2B,"selectionchange");});O31.nm="O31";O2B.on("selectionchange",O31); O32=(function(P0,P1){_src_(O26,null,null,false,P1);return Ext.xR("This="+P0.nm+"&sels="+P1.length+""+_gv_(O8),O2C,"selectionchange");});O32.nm="O32";O2C.on("selectionchange",O32);O1F.on("beforereconfigure",function(g){var ct=g.headerCt;if(ct){ct.setMaxHeight(10000)};});O1F.on("reconfigure",function(g){var ct=g.headerCt;if(ct.getEl()){var h=ct.getHeight();if(h>20){ct.setMaxHeight(h)}};}); O33=(function(P0,P1,P2,P3){if(!P1.dataIndex)return;return Ext.xR("oldDataIndex="+P1.dataIndex+"&oldIndex="+P2+"&newIndex="+P3+""+_gv_(O8),O1F,"columnmove");});O33.nm="O33";O1F.on("columnmove",O33);O34.nm="O34";_cdo_("UniDBGrid1",O34,"pagingBar",MainForm); O38=(function(P0,P1){if(!P1.dataIndex || P1.discarded)return;return Ext.xR("col="+P1.dataIndex+""+_gv_(O8),O1F,"columnhide");});O38.nm="O38";O1F.on("columnhide",O38); O39=(function(P0,P1){if(!P1.dataIndex || P1.discarded)return;return Ext.xR("col="+P1.dataIndex+""+_gv_(O8),O1F,"columnshow");});O39.nm="O39";O1F.on("columnshow",O39);O8.add(O26); O3A=new Ext.form.Label({id:"O3A_id",text:"UniLabel1",x:464,y:136});O3A.nm="O3A";_cdo_("UniLabel1",O3A,null,MainForm); O3E=new Ext.button.Button({id:"O3E_id",text:"crash",tabIndex:15,width:75,height:25,x:80,y:304});O3E.nm="O3E";_cdo_("UniButton2",O3E,null,MainForm); O42=new Ext.button.Button({id:"O42_id",text:"terminate",tabIndex:16,width:75,height:25,x:96,y:360});O42.nm="O42";_cdo_("UniButton3",O42,null,MainForm); O46=new Ext.button.Button({id:"O46_id",text:"UniButton4",tabIndex:17,width:75,height:25,x:552,y:224});O46.nm="O46";_cdo_("UniButton4",O46,null,MainForm);O8.add([O13,O17,O1B,O1F,O3A,O3E,O42,O46]);Ext.util.Format.decimalSeparator=",";Ext.util.Format.thousandSeparator=".";uniVars._loginFrm=null; O4A=new Ext.container.Viewport({id:"O4A_id",layout:"border",scrollable:true,style:"background:#004080;"});O4A.nm="O4A";_cdo_(null,O4A,"viewport",MainForm);uniVars._vport=O4A;_cwk_();uniVars.gNavigate={e:true,t:true,c:true,gn:{s:0},gp:{s:0},gs:{s:0},gc:{s:0}};_dko_({BS:true,ESC:true}); O52=(function(P0,P1,P2){return Ext.xR("this="+P0.nm+"&w="+P1+"&h="+P2+""+_gv_(O8),O0,"resize");});O52.nm="O52";O0.on("resize",O52); O53=(function(P0,P1,P2){return Ext.xR("this="+P0.nm+"&x="+P1+"&y="+P2+""+_gv_(O8),O0,"move");});O53.nm="O53";O0.on("move",O53); O54=(function(P0){return Ext.xR("this="+P0.nm+""+_gv_(O8),O0,"maximize");});O54.nm="O54";O0.on("maximize",O54); O55=(function(P0){return Ext.xR("this="+P0.nm+""+_gv_(O8),O0,"minimize");});O55.nm="O55";O0.on("minimize",O55); O56=(function(P0){return Ext.xR("this="+P0.nm+""+_gv_(O8),O0,"restore");});O56.nm="O56";O0.on("restore",O56); O57=(function(P0,P1,P2){return Ext.xR("this="+P0.nm+"&w="+P1+"&h="+P2+""+_gv_(O8),O4A,"resize");});O57.nm="O57";O4A.on("resize",O57);showBrowserWarning("Your browser is not supported.\x3Cbr /\x3EYou may experience compatibility issues.");O0.show("");O0.retfalse.beforeclose=1;_axy_(O0);O0.uniMask={ldMask:false,maskWaitData:false,maskUseMsg:true};O0.uniMask.targetObj=null;O13.addToTab(110);O17.addToTab(120); O58=(function(P0){return Ext.xR("this="+P0.nm+""+_gv_(O8),O17,"click");});O58.nm="O58";O17.on("click",O58);O1B.addToTab(130); O59=(function(P0){return Ext.xR("this="+P0.nm+""+_gv_(O8),O1B,"mouseover");});O59.nm="O59";O1B.on("mouseover",O59); O5A=(function(P0){return Ext.xR("this="+P0.nm+""+_gv_(O8),O1B,"mouseout");});O5A.nm="O5A";O1B.on("mouseout",O5A); O5B=(function(P0){return Ext.xR("This="+P0.nm+""+_gv_(O8),O1B,"edited");});O5B.nm="O5B";O1B.on("edited",O5B);O1F.addToTab(140);_fixmultis_(O1F);O5C.nm="O5C";O5C.uniMask={ldMask:true,maskMsg:"Loading data...",maskWaitData:false,maskUseMsg:true,maskAttribs:{color:"#FFFFFF",opacity:0.5}};O5C.uniMask.targetObj=O1F; O5D=new Ext.grid.column.Column({ogrid:O1F,sortable:false,dataIndex:"0",renderer:_rndcll_,rdonly:false,text:"AANHEF",width:64,editor:{xtype:"textfield"}});O5D.nm="O5D";O5D.editor.uform=O1F.uform;O5D.editor.focusDisabled=true;O5D.editor.isCellEditor=true;var O1F_Cols=[O5D];O1F.reconfigure(null,O1F_Cols);O1F.uniConfigColumns();O3E.addToTab(150); O65=(function(P0){return Ext.xR("this="+P0.nm+""+_gv_(O8),O3E,"click");});O65.nm="O65";O3E.on("click",O65);O42.addToTab(160); O66=(function(P0){return Ext.xR("this="+P0.nm+""+_gv_(O8),O42,"click");});O66.nm="O66";O42.on("click",O66);O46.addToTab(170); O67=(function(P0){return Ext.xR("this="+P0.nm+""+_gv_(O8),O46,"click");});O67.nm="O67";O46.on("click",O67);}catch(e){throw e;alert(e.message)}}});
window.addEventListener("unload", function(){_cunld_()}, false);
window.onbeforeunload=null;
</script>
<body>
<div id="loading-mask"></div><div id="loading"><div class="loading-indicator">Loading...</div></div>
<div id=body></div><noscript>This web application requires JavaScript enabled</noscript></body>
</html>

I also notice that the form isn't the same size of the browser window, unlike the allfeatures demo there remains a small border.

What silly thing am I doing wrong here? How can the script tag be inside the head tag?

Link to comment
Share on other sites

Silly me, I just saw that the desktop allfeatures demo also has the script outside the head or body of html, whereas the mobile or touch has it inside. The TUnimForm is obviously meant for the touch version. My concern is, as it isn't valid html, how will this affect browser behaviour? Should I be in any way concerned?

Or should I just stick to the mobile touch version? If so is there any way to remove the red white colored terminate button at the far left?

Many thanks in advance for your thoughts / suggestions.

Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...