Premium Content


Premium Content articles are the very best articles from the world's leading internet technology, subject-matter experts. We have many categories of content below on a wide variety of subjects that have all been commissioned from big name authors.

Explore the Premium Content

Creating a Tool tip Movie Clip

Tool tips are a useful feature of most software applications. They display messages to users for navigation purposes or to indicate functionality. Whenever you use Flash, you’ll see a tool tip when you point at an icon in the Toolbox.

In this tutorial, I’m going to show you how to make a tool tip movie clip that you can reuse in your Flash applications. You’ll be able to change the text and the tool tip background colour. The tool tip will appear when you move your mouse over an instance on the Stage. It will follow the position of the mouse and will disappear when you remove the mouse. You’ll be able to have different tool tips for each instance and the tool tips will automatically resize themselves depending on the text that you assign.

I’ve used ActionScript 1.0 for the code in this tutorial so you’ll need at least Flash MX to complete it. I’ve assumed that you’ve got some experience at working with ActionScript and that you know how to add code in the Actions panel. I’ll cover how you might achieve the same functionality with AS 2.0 classes in a later article.

You can download the resource files from the blue Properties box that contains the article PDF. There's a heading titled Code Download and you can click the Details link next to it to get the zip file.

Note: If you have difficulties downloading the source files or PDF, you might have a problem with your cookies. Delete the cookies from your machine and try again. In Internet Explorer, you can do this by choosing Tools > Internet Options… and clicking the Delete Cookies… button on the General tab.

We’ll need to create a symbol in the Library and write some ActionScript to generate the tool tip. We’ll get started by creating the Library symbol. It will be a movie clip that includes a text field for the tool tip text.

Read More

What is New in ActionScript in Flash 8

What’s New in ActionScript in Flash 8

If you’ve been reading through the first two articles in this series, you’ll have seen the new features and changes to Flash Basic 8 and Flash Professional 8. In this article, I want to show you some of the changes to ActionScript in Flash 8. These include changes to the editor as well as changes to the language itself.

I’m going to cover the following areas:

  • Changes to the ActionScript editor
  • Changes to the Actions panel
  • Changes to the ActionScript language
  • Miscellaneous changes

This article doesn’t include example files but you may want to read it with Flash 8 open so you can familiarise yourself with the new features. If you haven’t yet bought Flash 8, you can download a trial version from the Macromedia web site.

We’ll start by looking at changes to the ActionScript editor panel.

This article is part of the new interactive e-book; Out of my mind: Flash 8 Power

Read More

Dreamweaver 8 SiteWise

Dreamweaver 8 is packed full of all kind of wonderful additions and terrific tools to make your design and coding experience a “piece of cake”.  When we get into the series on CSS, starting in Article 4, I could go on for weeks, and probably will.  When we get to the XML support in Dreamweaver 8, we’re talking more like a month!

But none of it would be any good without solid Site support.  The site features in Dreamweaver 8 are exciting in their own rite; though they may lack the glamour of CSS or the code coolness of Code Collapse or XML.  But without solid support in the site experience; without accurate FTP, without accessibility, none of the rest would mean anything.

This article is part of the new interactive e-book; Dreamweaver Crystal Gazer: The Power Of Dreamweaver 8

Read More

An Online Presentation Application With Flash Communication Server MX part 1

Introduction:

I believe most of you guys have attended online presentations with Macromedia Breeze or at least you have heard of Macromedia Breeze earlier and you may have thought, “What an outstanding application! I want to deliver my presentations, but I can’t afford it, what should I do? Can I make an application like this?”  The answer is yes! After reading this article you can make something like macromedia breeze. In this first part of this series, we will learn how to create such an application that lets you deliver your presentations online to your customers/visitors/clients and employees with features like slide-by-slide presentation, voice-over by the presenter, and chat facility b/w presenter and attendees of this presentation. So let’s move forward.

Read More

New in Flash Professional 8

What’s New in Flash Professional 8

Welcome to the second article about the new release, Flash 8. In the first article, I showed you the new features available in all editions of Flash 8. This article will cover at the new features that are only available within the Professional edition of Flash 8.  Flash Professional 8 is aimed at advanced web designers and web developers.  Macromedia recommends that it should be used by people who work with Flash on a regular basis. People who use Flash 8 infrequently should use Flash Basic 8.

This article is part of the new interactive e-book; Out of my mind: Flash 8 Power

Read More

Dreamweaver 8: Under the Hood

Welcome back to our 15 part tour of Dreamweaver 8.  In the first part, we introduced you to the program and took a look at the changes in Design View.  While it looks basically like Dreamweaver MX 2004 on the surface, there are some big differences and I don’t just mean performance, although it is greased lightning in comparison. 

This article is part of the new interactive e-book; Dreamweaver Crystal Gazer: The Power Of Dreamweaver 8 

Read More

Working with Masks in Flash

Masks allow you to show and hide elements within a Flash movie. You use a shape to determine which parts of the image to show and place it on a mask layer above the layer you want to cover. In this tutorial, I’ll show you how you can create a simple mask using the Flash interface. We’ll then add animation to the mask. I’ll show you how you can use ActionScript to set the mask and make it follow the movement of the mouse. We’ll also draw a shape in ActionScript with the Drawing API and use it to mask a photo. Finally, we’ll create a simple example where you can gradually reveal an image a mask and the mouse – kind of an instant lottery scratch effect.

I’ve used ActionScript 1.0 for the examples in the tutorial so you’ll need at least Flash MX to complete the exercises here. I’ve assumed that you’ve got some experience at working with ActionScript and that you know how to add code in the Actions panel.

You can download the resource files from the blue Properties box that contains the article PDF. There's a heading titled Code Download and you can click the Details link next to it to get the zip file.

Note: If you have difficulties downloading the source files or PDF, you might have a problem with your cookies. Delete the cookies from your machine and try again. In Internet Explorer, you can do this by choosing Tools > Internet Options... and clicking the Delete Cookies... button on the General tab.

Read More

Hybrid Layout, the peaceful coexistence of tables and CSS Part 2

Hybrid layout is a special way to create a page's layout, it stands for tables and CSS in a peaceful coexistence. In part 1 I showed you how to clean up <body> tag, how to define and modify CSS rules, and how to attach an external style sheet.  

There are still tons of <font>, <b> and <i> tags and deep nested tables in the example files. In this article we'll

  • Convert <b> and <i> tags into <strong> and <em>,
  • Get rid of <font> tags,
  • Get rid of nested <tables> used for creating small borders,
  • Add footer & header DIVs.
Read More

More controlling form fields

Once you begin to use JavaScript you’ll find that a lot of what you end up scripting involves dealing with forms. Form submissions, validations, dynamically displaying fields and even disabling and enabling fields. The disabling and enabling part can be confusing so we’re going to cover how to deal with this subject with each type of form field: the textbox, radio button, checkbox, button and dropdown list.

 

I’ve covered this once before, but I wanted to take a different approach with this article and also show you how to deal with radio buttons and trigger field control with a dropdown menu.

Read More

The new and improved Date Picker!

The new and improved Date Picker!

In January of 2004 I wrote an article called The JavaScript Date Picker. This was before DMXzone included the code and essential files with your article. The date picker was pretty good, but some people had problems with copying the code and implementing the widget.

Nowadays  you get the whole kit and caboodle when you buy an article. Secondly, while the date picker itself was pretty decent, there were a couple of issues I didn’t like about it. I guess you could say I gave you a foundation but not a whole working widget you could drop into your pages. This article aims to fix that by providing you with an updated, better working calendar which you can drop right into whatever project you are using. Included will not only be the code, but the graphics files, HTML and CSS as well. And you can be sure this is something you can use in production. I just finished implementing this very code into a rather large project in my 9-5 job, and it has been thoroughly tested. (Our QA department is very picky!)

With this new script, I’ll be talking more about what the script does and how it works and a little bit less about the Date object. So if you are rusty or inexperienced with the Date object, you could review the other article as well.

Read More

An online radio station for your website (Using Flash Communication Server MX) Part 2

Introduction:

In last article of this series, we learnt how we can make an MP3 Player for our websites that will continue to entertain our visitors by playing continuous music. We used Macromedia Flash MX 2004 to create such a player. In this episode, we will learn how to integrate our Player that we created in first part with Macromedia Flash Communication Server MX.

Read More

Hybrid Layout the peaceful coexistence of tables and CSS Part I

Hybrid layout is a special way to create a page's layout, it stands for tables and CSS in a peaceful coexistence. In this article I'll show you how to convert old web sites with tons of <table>, <font>, <b>, and <i> tags into neat hybrid layout pages without messing up the existing page's basic layout.

We won’t use any hand coding! I'll show you how to create a Hybrid layout with nothing more then the built-in features of Dreamweave! You will learn

  • How to get rid of <tables> and <font> tags,
  • How to convert <b> and <i> tags into <strong> and <em>,
  • How to create new CSS rules,
  • How to change CSS rules, and
  • How to apply CSS rules in Dreamweaver.

I will work on an old version of a web site from the year 2001 with a horrible "old-fashioned" source code. We'll convert those into a neat and easy to edit source code.  I'm sure you will soon get familiar with the techniques I use and you don't want to miss them any more.

Read More
Newer articles Older articles