Code cells are one of the three types of cells that you can choose when Formatting Cells (the other two are "Typical" and "Image"). Code Cells enable you to add custom HTML and JavaScript code to your Web page.
Creating Code Cells
To create a code cell, you begin by creating a cell. Click the  button or choose "Edit", "Add", and "Cell" from the menu. Then edit the Cell Properties by choosing "Edit", "Cells", and "Edit" from the menu or clicking the  button. On the "Cell Properties" screen, choose "Code" from the "Cell Type" list:
The cell on the page will appear similar to other cells, but instead of "Empty Cell", you will see "Click To Enter Code":
Click anywhere within the cell borders. You will see the following screen into which you can enter HTML or JavaScript code:
You should first erase the text "Click To Enter Code". Then type the HTML or JavaScript code that you want the cell to contain.
In the following example, the user enters HTML code to build a table:
When the user clicks on the "OK" button, the table appears in the cell:
Here's an example using JavaScript:
Here's what the cell produced by this cell might look like. (Note that WebBuild Express cell formatting has been used to set the cell's size and format a border):
Important Warning: the code that you enter into code cells is "unmanaged"; that is, WebBuild Express is unable to control and guarantee the proper functioning of code in such cells. Instructions in code cells may or may not display correctly in all browsers, especially if you make an error in your HTML or JavaScript code. You should test pages created with code cells on all browsers visitors to your site may conceivably use.
|
|
