Graphics
 

Dreamweaver CS5.5 : Using the Open Browser Window Behavior

11/7/2011 5:55:32 PM
You can launch a new browser window with the click of a link, and you can specify the height and width of the new window to perfectly fit video and images in their own viewers or add other additional information, such as definitions.


Using the Open Browser Window Behavior

1. Click an image, selection of text, or other element that you want to serve as the trigger for the behavior.

2. Click Window.

3. Click Behaviors.

  • The Behaviors pane opens in the Tag Inspector panel.



4. Click .

The list of behaviors is displayed.

5. Click Open Browser Window.

Note: You can select other behaviors from the list to apply those features.



The Open Browser Window dialog box appears.

6. Click Browse.

The Select File dialog box opens.

7. Click and select the folder with the page to which you want to link.

8. Click the file.

9. Click OK.



You are returned to the Open Browser Window dialog box.

10. Type the width in pixels.

  • If you leave the height blank, the window will expand to fill the content automatically.

11. Click any attributes that you want to include ( changes to ).

12. Type a name.

Note: You cannot use spaces or special characters.

13. Click OK.


What is the difference between behavior events and actions?

Think of an event in a behavior like a match and the action like the flame on a candle. When you use a behavior on your Web page, you get to choose what kind of event you want to serve as the spark. One common choice is onClick, which triggers the action of a behavior when a user clicks a link. Another common choice is onMouseOver, which triggers the action of a behavior when a user rolls the cursor over a link.




After you add a behavior, you can specify the event that will trigger the action of the behavior. With the Open Browser Window behavior, both the onClick and onMouseOver events are good choices.



14. Click here.

Note: Hint: Click just inside the line.

appears.

15. Click .



The drop-down list of functions appears.

16. Click an event to serve as the trigger for the behavior.



  • The event name is displayed in the Behaviors panel and is associated with the behavior.

17. Click to preview the page in a Web browser.

18. Click a browser.



The page opens in the Web browser that you selected.

  • When you perform the trigger on the element, such as click the image, the new browser window opens in the specified size.




Can I link images, text, and other types of files to behaviors?

Just about anything you can use for a link in Dreamweaver you can associate with a behavior. Just select any image, section of text, or even a video or animation file and then click to select the Behavior action and events from the Behaviors panel.


 
Others
 
- Adobe Photoshop CS5 : Fixing Shots with a Dull Gray Sky
- Adobe Photoshop CS5 : When Your Subject Is in the Shadows
- Adobe After Effects CS5 : Color Correction for Image Optimization (part 2) - Individual Channels for Color Matching
- Adobe After Effects CS5 : Color Correction for Image Optimization (part 1) - Levels
- Adobe Fireworks CS5 : Working with Bitmap Images - Managing images on the canvas
- Adobe Fireworks CS5 : Working with Bitmap Images - Resolution and file size, Cropping an image
- CorelDraw 10 : CorelDraw Web Settings
- CorelDraw 10 : World Wide Web Terms
- Adobe Flash Professional CS5 : Creating Masks (part 2) - Create the mask
- Adobe Flash Professional CS5 : Creating Masks (part 1) - Define the Mask and Masked layers
- Adobe Flash Professional CS5 : Controlling Movie Clips
- Adobe InDesign CS5 : Working with Points and Paths - Selecting and Moving Points and Segments
- Adobe InDesign CS5 : Working with Points and Paths - Drawing with the Pen Tool
- Exporting Files from Illustrator CS5 (part 3) - The Joint Photographic Experts Group Format
- Exporting Files from Illustrator CS5 (part 2) - AutoCAD Drawing, AutoCAD Interchange File & The Flash Format
- Exporting Files from Illustrator CS5 (part 1)
- Dreamweaver CS5.5 : Edit Tabbed Panels
- Dreamweaver CS5.5 : Add Content to Tabbed Panels
- Adobe Photoshop CS5 : Three Ways to Fix the Color in Indoor Shots
- Getting Started with Photoshop CS5 : Saving a Document
 
 
Most View
 
- Windows 8 : Sharing and Securing with User Accounts - Creating and Managing User Accounts (part 2) - Creating a Microsoft user account
- Windows 8 : Disks and Storage Devices - Optical Discs, USB Flash Drives
- Windows 7 : Programming Drivers for the Kernel Mode Driver Framework (part 8) - File Create and Close Requests
- Creating Extended Events Sessions in SQL Server 2012 (part 3) - Monitoring for Page Splits with Extended Events
- SQL Server 2012 : Executing Your Queries (part 2) - SQLOS - CPU Nodes, Schedulers, Tasks, Workers, Threads
- Windows 7 : Hardware and Software Compatibility (part 6) - Windows Virtual PC and XP Mode - Taking It to the Next Level: Windows XP Mode
- Windows 7 : Hardware and Software Compatibility (part 4) - Dealing with Software Incompatibility - Compatibility Mode
- Microsoft Lync Server 2013 : Mediation Server Configuration
- Windows Phone 8 : Exploring the Execution Model (part 2) - Life Cycle Events
- Packaging and Deploying Sharepoint 2013 Apps : Deploying an App (part 1) - SharePoint-Hosted App Deployment
 
 
Top 10
 
- Sharepoint 2013 : Developing Integrated Apps for Office and Sharepoint Solutions - The New App Model for Office
- Overview of Oauth in Sharepoint 2013 : Application Authorization - On-Premises App Authentication with S2S
- Overview of Oauth in Sharepoint 2013 : Application Authorization - Requesting Permissions Dynamically
- Microsoft Excel 2010 : Working with Graphics - Inserting a Diagram,Inserting an Object
- Microsoft Excel 2010 : Working with Graphics - Inserting WordArt, Using Smart Art in Excel
- Microsoft Excel 2010 : Working with Graphics - Using AutoShapes
- Overview of Oauth in Sharepoint 2013 : Application Authentication (part 2) - Managing Tokens in Your Application
- Overview of Oauth in Sharepoint 2013 : Application Authentication (part 1) - Using TokenHelper
- Overview of Oauth in Sharepoint 2013 : Creating and Managing Application Identities
- Overview of Oauth in Sharepoint 2013 : Introduction to OAuth