Customer Template.
Template To Load:
Why do you need customer templates? If your new
DHTML window is ready, you can hit Next Step to deploy it to your website. The
problem is when you need to modify the window later; you have to start from the
beginning. Create Customer Template option allows you to save DHTML window as a
text file for further modification.
Note. Ferant Studio can not access your hard
disk (because it is written in JavaScript), so it is your job to save your new
DHTML window as a customer template in some text file.
How to modify DHTML window.
The left tree view has 79 editable properties for your DHTML window. To edit properties, select the property you want to modify, change the value, and click Update button. If you keep DHTML window open, the changes take effect immediately.
Note. Ferant DHTML Studio is written in JavaScript, so it can
not save anything to hard disk. In order to save property values, use "Create
Customer Template" option. A customer template has all property values, and it
can be saved in a text file. Load Customer Template option allows you to
restore properties, saved in a customer template.
How to Close DHTML window.
To close window use CloseWindow() method.
Example.
<a
href="JavaScript:FerantDHTMLWindow1.CloseWindow()">Close DHTML
Window</a>
Show me.
Close DHTML window
How to open DHTML window.
To open DHTML window use OpenWindow() method.
Example.
<a
href="JavaScript:FerantDHTMLWindow1.OpenWindow()">Open DHTML
Window</a>
Show me.
Open DHTML window
How to update DHTML window content programmatically.
To update DHTML window use UpdateContentHTML(newContentHTML) method.
Example.
<a href="JavaScript:DoContentUpdate()">Update DHTML window
content</a>
<script language='javascript' type='text/javascript'>
function DoContentUpdate(){
var x = prompt("Enter HTML to update
content","Hi, <b>world!</b>");
FerantDHTMLWindow1.UpdateContentHTML(x);
}
</script>
Show me.
Update DHTML window content
How to update status bar HTML programmatically.
To update status bar text use UpdateStatusBarHTML(newStatusBarHTML)
method.
Example.
<a href="JavaScript:DoStatusBarHTMLUpdate()">Update Status Bar
HTML</a>
<script language='javascript' type='text/javascript'>
function DoStatusBarHTMLUpdate(){
var x = prompt("Enter HTML to update
status bar HTML","Hi, <b>world!</b>");
FerantDHTMLWindow1.UpdateStatusBarHTML(x);
}
</script>
Show me.
Update Status Bar HTML
How to update status bar text programmatically.
To update DHTML window status bar use
UpdateStatusBarText(newStatusBarText) method.
Example.
<a href="JavaScript:DoContentUpdate()">Update status bar text</a>
<script language='javascript' type='text/javascript'>
function DoStatusBarTextUpdate(){
var x = prompt("Enter text to update
status bar","Hi, world!");
FerantDHTMLWindow1.UpdateStatusBarText(x);
}
</script>
Show me.
Update status bar text
How to update title bar HTML programmatically.
To update DHTML window status bar use
UpdateTitleBarHTML(newTitleBarHTML) method.
Example.
<a href="JavaScript:DoTitleBarHTMLUpdate()">Update title bar
HTML</a>
<script language='javascript' type='text/javascript'>
function DoTitleBarHTMLUpdate(){
var x = prompt("Enter HTML to update
title bar","Hi, <b>world!</b>");
FerantDHTMLWindow1.UpdateTitleBarHTML(x);
}
</script>
Show me.
Update title bar HTML
How to update title bar text programmatically.
To update DHTML window status bar use
UpdateTitleBarText(newTitleBarText) method.
Example.
<a href="JavaScript:DoTitleBarTextUpdate()">Update title bar
text</a>
<script language='javascript' type='text/javascript'>
function DoTitleBarTextUpdate(){
var x = prompt("Enter text to update
title bar","Hi, world!");
FerantDHTMLWindow1.UpdateTitleBarText(x);
}
</script>
Show me.
Update title bar text
How to deploy DHTML window to your website.
1. Copy the following code to new file myWindow.js, and save (or FTP)
the file to your website/inc folder.
2. Copy (or FTP) FerantLib.js file to your website/inc
folder. This file contains JavaScript code to support DHTM windows. It comes
with Ferant Studio and located in your
FerantStudio/inc
folder.
3. Copy (or FTP) image files from
FerantStudio/img
to your website/img folder.
4. Add the following two lines to the bottom of your page
(after </HTML> tag):
</BODY>
</HTML>
<script language="JavaScript"
src="inc/FerantLib.js"> </script>
<script language="JavaScript"
src="inc/myWindow.js"> </script>
|
