HTML: Difference between revisions
(10 intermediate revisions by 2 users not shown) | |||
Line 5: | Line 5: | ||
== Description == | == Description == | ||
The HTML statement allows you to | '''This statement is deprecated in AppStudio 6. Put the statements inside your Style...End Style block into Project CSS, in the Project menu.''' | ||
The HTML statement allows you to embed pure HTML in your app. This allows you to have additional functionality to your app. Statements within this block must follow all HTML rules and can only appear within BASIC code. For more information, see the Tech Note ‘The role of JavaScript, HTML5 and WebKit’. | |||
It will be subject to all the regular rules of page formatting. If some other element is on top of it, it will not be visible. The z-index property can be used to change the hierarchy of where the element gets drawn. | It will be subject to all the regular rules of page formatting. If some other element is on top of it, it will not be visible. The z-index property can be used to change the hierarchy of where the element gets drawn. | ||
Do not embed <script> or <style> elements inside an HTML block. Use [[Javascript...End Javascript|JavaScript]] and [[Style/End Style|Style]] instead. | |||
== Example (Basic) == | == Example (Basic) == | ||
Line 20: | Line 24: | ||
Sub Main() | Sub Main() | ||
'Hide the form, otherwise our elements will hidden by it | 'Hide the form, otherwise our elements will be hidden by it | ||
Form1.hide() | Form1.hide() | ||
End Sub | End Sub | ||
Line 27: | Line 31: | ||
box.innerHTML= event.screenX & ", " & event.screenY | box.innerHTML= event.screenX & ", " & event.screenY | ||
End Function | End Function | ||
</pre> | </pre> | ||
Latest revision as of 13:03, 12 June 2017
HTML
- [statements]
- [statements]
End HTML
Description
This statement is deprecated in AppStudio 6. Put the statements inside your Style...End Style block into Project CSS, in the Project menu.
The HTML statement allows you to embed pure HTML in your app. This allows you to have additional functionality to your app. Statements within this block must follow all HTML rules and can only appear within BASIC code. For more information, see the Tech Note ‘The role of JavaScript, HTML5 and WebKit’.
It will be subject to all the regular rules of page formatting. If some other element is on top of it, it will not be visible. The z-index property can be used to change the hierarchy of where the element gets drawn.
Do not embed <script> or <style> elements inside an HTML block. Use JavaScript and Style instead.
Example (Basic)
'This sample shows how to add a button at runtime. HTML <button onmousedown="button1()">Button 1</button> <div id="box">Box</div> End HTML Sub Main() 'Hide the form, otherwise our elements will be hidden by it Form1.hide() End Sub Function button1() box.innerHTML= event.screenX & ", " & event.screenY End Function
Output
(a button and a box are displayed. Click the button and text is put in the box)