The element whose contents will be altered needs to be given an ID which will be used in the JavaScript to identify it. In Dreamweaver, a good way of selecting elements is to click on the appropriate part of the page, then in the tag selector (the area in the bottom left of the document window), click on the tag of the container to highlight it and then enter an ID in the Properties panel. The element that you choose will determine what can be placed in the container. If a DIV tag is being used, then you can put pretty much anything; if an H1 tag is used, then only text can be used and so forth.

You may also find it useful to create the content before using the behavior then select the content, switch to Code view and cut or copy it to the clipboard.

To use the Set Text of Content behavior, as is always the case with Dreamweaver behaviors, you begin by selecting the object which will trigger the JavaScript. This could be a hyperlink, an image or an image map hotspot. Next, locate the Behaviors panel (Windows – Behaviors) and choose Set Text then Set Text of Container from the panel menu.

Within the dialoge window which Dreamweaver displays, begin by choosing the element which will be used as the container from the drop-down menu. This is where giving the element an ID becomes useful, since elements without IDs are simply shown as “unidentified”. Finally, enter your text or code in the box marked “New HTML” or simply paste the code previously copied in Code view.

If you have experience of writing JavaScript, you may be interested to know that you can embed JavaScript function calls, variables and other expressions within the code simply by placing them within curly braces. For example “{strUserName}” would evaluate to the current contents of a global JavaScript called “strUserName” defined somewhere on the current page.

The writer of this article runs training courses for an independent computer training company offering Adobe Dreamweaver training in London and all over the UK.