Ultradev example tutorial: 4 Installation and use of plug-ins
Author：Eve Cole
Update Time：2009-05-30 18:34:38
Chapter 4: Installation and simple use of ultratrade plug-in
Using plug-ins can help us quickly implement some functions and save a lot of programming pain. In the past, Dreamweaver and Ultradev plug-ins required manually copying files to the corresponding directory before they could work, which was quite troublesome for those who were not familiar with this aspect. In version 4.0, Marcomedia used a software called Extention Manager. Tools to help users install plug-ins, and the plug-in format has also changed to *.mxp.
Extention Manager is installed when Dreamweaver or Ultradev is installed. We can open it through Start->Programs->Macromedia Extention Manager. The displayed interface is as follows:
The display interface is simple and clear. The two buttons on the left side of the toolbar are install and uninstall. The name, version, type, author and other information of the plug-ins you have installed will be listed in the window below the toolbar. The window below lists the purpose description of the plug-in and some precautions or simple usage methods. As shown in the picture above.
If you want to install a new plug-in, you can directly double-click your plug-in file, and the system will automatically call Extention Manager to install it. You can also install it by clicking the Install button on the Extention Manager toolbar, and then you select the plug-in you want to install:
At the beginning of the installation, you will be asked whether you agree with Macromedia's statement, which generally states that this plug-in should not be used as a commercial distribution, etc. Decline will exit the installation program, so of course we choose Accept :)
Where can you find plug-ins? It is recommended to go to the home of Macromedia, which provides a plug-in center where Ultradev users from all over the world provide plug-ins. The classification is scientific, and there is also a search to help you quickly find the plug-ins you want.
Below I will briefly introduce how to use a plug-in.
Plug-in name: dHTML Outlines
Version: 1.7.7
Type: Object
This is an object plugin that creates an explorer-style drop-down menu (collapse tree). This plug-in requires IE4 or above or Netscape 6 to support it (mentioned in the plug-in introduction in the picture).
After installation, you can open the plug-in settings panel from the object panel or menu Insert -> Outlines.
The control panel of the plug-in is very simple, as shown in the figure:
Select the details tab, and we can see that there are three places on the panel for us to set.
Base Name for Outlines: You can fill this in as you like, but it must be a valid name. It will only act as a parameter in the JavaScript code that will be generated later and will not be displayed on the web page. Note that spaces cannot be included.
Add Heading: This is the trunk you want to display on the web page. The content of the branches cannot be modified until later on the web page. As shown in the picture:
Text Indent of Child Items: The indentation number of the branch content, you can choose according to your needs. The picture above shows the default indentation display effect.
Include Latin Filler Text: Probably just use a piece of Latin text to describe it. It doesn't matter. You can use the default value of false.
After clicking create, the plug-in generates a page like this:
Our next job is to modify the content of the black bottom part to what you want to display, as shown in the picture above. After modification, preview.
Looking at the source code of the web page, we can see:
< div id="helloParenthello3" onClick="javascript:hideshow('helloChildhello3')" class="exheading" >hello3< /div >
< div id="helloChildhello3" style="cursor:auto" class="exindent" >Hello world!!< /div >
In this way, if we want to dynamically generate a folding tree from the data in the database, it will be easy. We only need to replace hello world!! with the field to be displayed, such as <%=rs("filename")%>.
