Nova Scotia Flag

SCOTIA SYSTEMS BLOG




Adobe To Produce Flash to HTML Conversion

October 29th, 2010 admin

This could just be the saviour for Adobe’s Flash technology!

At the recent Max 2010 conference, Adobe announced that they’re working on conversion tools to allow you to export Flash FLA files as HTML 5 code!

 

Code Name Wallaby

There are some caveats in which some element such as filters, blending and animated masks can’t be converted, however the end results seem pretty impressive.

In the video below, you can see how they convert a flash animation with an external tool code named Wallaby.

 

Dreamweaver and Flash Pro

What’s also impressive is when an individual element is dragged from Flash Pro into Dreamweaver which automatically inserts the necessary elements and HTML 5 code!

This means that Adobe can continue to promote Flash as a development platform, but support both Flash and HTML 5 as the end result.   This will give them a much broader target platform as they demonstrated using an iPad and iPhone during the presentation.

Check out the video below.

 

Adobe Max 2010 Sneak at Flash to HTML Conversion




Embedding Flash Object Appends A Hash (#) To Page Title

October 16th, 2010 admin

This one has been puzzling me for a while!    There has been a bug with our SEO Site Comparison Tool which has been a tough one to track down.    The bug, though minor affects how the page title looks in Internet explorer.

 

Hash marks the spot

When the results page loaded, the page title was automatically changed to include a long list of “’#” marks?   I originally thought this must be a bug in the way the AJAX calls replace the HTML content, however it turns out to be a known bug in Internet Explorer with Flash.

For each embedded flash element, the anchor name is appended to the page title.   As the page has “a lot” of embedded flash objects, this resulted in the long list of ###’s in the page title!

 

The Solution

More of a work-around than a solution!   As the results page is loaded in AJAX, the fix for me was to replace the document title when the content is loaded:

document.title = "SEO-Checker Results";

Now this will only work if you’re dynamically loading the content, however take a look at the links below for other solutions and workarounds people have found.

 

Related Pages

http://bugs.adobe.com/jira/browse/FP-240

http://code.google.com/p/swfobject/issues/detail?id=293

http://social.msdn.microsoft.com/forums/en-US/iewebdevelopment/thread/c91e3dc4-ef05-47f9-b799-db149e3ddc80/

http://fupeg.blogspot.com/2008/01/ie-flash-bug.html





How To Hide A Div Element On A Click

September 25th, 2010 admin
 
Here’s a quick web design tip – how to hide and reveal a div element on a click.
 
To do this we use getElementById to find the required div and set the visibility to either inline or none.
 
We do this in a function we’re creating called showdiv – which itself is triggered by a button click.
 
Here’s the code:
 
   1:  <html>
   2:  <head>
   3:  <title>How To Hide A div element</title>
   4:  <style type="text/css">
   5:  div {
   6:  position: absolute;
   7:  top: 80px;
   8:  left: 15px;
   9:  width: 130px;
  10:  padding: 10px;
  11:  color: white;
  12:  border: #000000 2px;
  13:  background-color: #FF0000;
  14:  display: none;
  15:  }
  16:  </style>
  17:   
  18:  <script language="JavaScript">
  19:  function showdiv(id, visibility) {
  20:  document.getElementById(id).style.display = visibility;
  21:  }
  22:  </script>
  23:   
  24:  </head>
  25:  <body >
  26:   
  27:  <input type=button name=type value='Show Div' 
  28:              onclick="showdiv('hidden-div', 'inline');";>
  29:   
  30:  <input type=button name=type value='Hide Div' 
  31:              onclick="showdiv('hidden-div', 'none');";> 
  32:   
  33:  <div id="hidden-div">Hidden Div Element</div>
  34:   
  35:  </body>
  36:  </html>
 
 
And here’s a link to a demo page