Part 1 - The
Button
- Rename "page1" to "whatever you want" Hint:
Save it with a name you'll remember, then you can use this as a templelate, then you only
need to cut and paste to place it where you want in the future.
- From the "Edit" tab, select "insert an ActiveX
control".
- Choose Microsoft Forms 2.0 CommandButton. You will see two windows appear: one with a visual picture of the
command button and the other with it's properties.
- You can click on the left mouse button and resize the
"button" if you want to or you can set the height and width in pixels using the
properties box.
- In the properties box, select "caption". Type in the
text/label you want the button to have. Click Apply.
- Optional: In the property
box, select back color and change the color of the button.
- Optional:In the property
box, select fore color and adjust the color of your text/label.
- Optional: In the property
box, select "font" and choose the size and type of text you want to use.
- Choose ID and name your button(commandbutton1,
etc) This is important and will help keep things straight
when it is time to add the scripting.
- Click on the "x" and close both windows.The pad
automatically will write the object code.
|
|
Part 2 - The Text Box
- Choose "Insert ActiveX control from the Edit command.
- Select "Microsoft Forms 2.0" text box
- Again, two windows will appear. One with the visual of the object and the other being
the property box.
- Adjust the size of the box by either dragging the mouse or choosing the pixel height in
the property box.
- Set the back color in the property box. This is important if
you plan to change the background color when clicked on.
- Choose the FontColor from the property box. Also important for changing the color later, even if you want the
window default, choose that colot.
- Enable multiline to "true".
- Set WordWrap to "true"
- In this example, change the special effect to "flat".
- Give the box a name - click on ID and name it (ie. textbox 1, etc.)
- Choose "Text" and type in what you want said in your
text box.
- Choose your font. (At this point you
can play with the font face and style to really customize your box.)
- Click the "x" and close the boxes. The pad does the
rest. Remember to save what you have done so far.
Relax - you're
half way there!
|
|
tag.
Select "Tools", "Script
Wizard" This opens up a window interface
containing three parts: the Event window, the Action window and the Events
Schuduled window.
In the Event window you will see:
an icon labeled window, a little box icon labled commandbutton1(or whatever you named your command button) and a little box icon labled "textbox1"(or the name of your text box). Click open the commandbutton icon.
A list of actions should appear directly
under the commandbutton icon. Select the "click" option.
Now look at the Action window.
Choose the "Go to Page" option. Enter the url for the page you want to go to
from the button. (example: www.somewhere.else/this-page.htm) This action will now appear in the Events Schuduled
window.
Select "click" again in the Event
window.
Choose the "commandbutton1"
icon in the Action window. Click on backcolor. Change it to a different color. This will appear in the Events Schuduled window. When the
button is clicked, it will not only send the browser to a different page, but it will also
change it's background color.
At this point, you can continue to change
properties of the commandbutton, such as font, font color, etc. ( The catch is you had to have chosen to include the
specific property you want to change when you created the object. You can go back and re-
edit the object, if you need to).
Now, once again choose the
"commandbutton" in the Event window. Select "click".
In the Action window, choose the
"textbox". Again you can select the properties you want to change: backcolor,
font, font color, special effects, and even the displayed text.(One action at a time.)
These will write to the Events Schuduled window.
Continue to select "click" and
"textbox" properties until you have made all the changes you want to happen when
the "button" is clicked.
Choose "ok" and the
"wizard" will write the script to your html file.
Now you can test it in your browser to
see how it works.
At this point, you can save the file as a
templete for later use and just edit the "param" to customize it, then copy and
paste into any html file.
Take a deep breath!
---You're done!
© 1996 E-Mail
Mary L. Walker (Hayes)
To the