Javascript code missing when inserting Fireworks html into DW document

I tried to insert fireworks html in a Dreamweaver file. After importing the fireworks html in the Dreamweaver document, the associated Javascript code was missing.
Of course, the Fireworks html file includes the Javascript code and works properly. It is just that when I insert the Fireworks html into the Dreamweaver file, the associated Javascript code gets lost although the manual clearly says that fireworks html is inserted "along with its associated images, slices, and JavaScript".
I use Fireworks CS5 and Dreamweaver CS5, but I also tried it using FW CS4 and DW CS4 which did not solve the problem.
I tried two ways to insert the html code (both with the same negative result):
1.) using the DW menu: Insert > Image Objects > Fireworks HTML
2.) Copying the HTML to the clipboard in Fireworks, and then pasting it into the Dreamweaver document
The Fireworks and the Dreaweaver files are both HTML4 docs.
Of course, I could insert the Javascript code manually, but then I would have to detach the associated template from the DW doc, and I would rather not do that because then later updates to the site will become more complicated.
BTW, I also tried to insert the fireworks html in another Dreamweaver document not using any template, but the JavaScript code got lost though.
I would be very grateful if somebody had an idea how to solve this problem.
Many thanks for your help!
Siria
Message was edited by: SiriaW

Dear Murray,
I believe you can solve your problem by changing this -
</head>
to this -

</head>
by editing this template directly.
I tried this, but it did not change anything. As I wrote before, the JavaScript code is not even inserted when I use a "blank", not-template-controlled DW page.
But nevertheless, your hint is very helpful. By making the complete head editable, I can at least insert the Javascript code manually.
But is the javascript that is currently shown there part of the FW HTML insertion? Do you want to preserve that on the child pages?
It belongs to the template. And yes, I want to preserve it on the child pages. I just want to insert this into the head of the child page:
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
Maybe we should see the FW code you are trying to insert?
Sure. Here is the code I tried to insert (of course, most of the Java Script does not need to be inserted as it is already in the template):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>example.jpg</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script language="JavaScript">

</script>
</head>
<body bgcolor="#ffffff" onLoad="MM_preloadImages('example_bilder/example_r2_c2_s2.jpg','example_bilder/example_r2 _c2_s3.jpg','example_bilder/example_r1_c4_s1.jpg','example_bilder/example_r4_c2_s2.jpg','e xample_bilder/example_r4_c2_s3.jpg','example_bilder/example_r1_c4_s2.jpg','example_bilder/ example_r6_c2_s2.jpg','example_bilder/example_r6_c2_s3.jpg','example_bilder/example_r1_c4_ s3.jpg','example_bilder/example_r8_c2_s2.jpg','example_bilder/example_r8_c2_s3.jpg','examp le_bilder/example_r1_c4_s4.jpg','example_bilder/example_r10_c2_s2.jpg','example_bilder/exa mple_r10_c2_s3.jpg','example_bilder/example_r1_c4_s5.jpg');">
<table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="915">

<tr>
   <td><img name="example_r1_c1_s1" src="example_bilder/example_r1_c1_s1.jpg" width="58" height="274" border="0" alt=""></td>
   <td><table style="display: inline-table;" align=""left" border="0" cellpadding="0" cellspacing="0" width="195">
      <tr>
       <td><img name="example_r1_c2_s1" src="example_bilder/example_r1_c2_s1.jpg" width="195" height="68" border="0" alt=""></td>
      </tr>
      <tr>
       <td><a href="javascript:;" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','example_r2_c2_s1','example_bilder/example_r2_c2_s2.jpg',' example_bilder/example_r2_c2_s3.jpg',1);" onClick="MM_nbGroup('down','navbar1','example_r2_c2_s1','example_bilder/example_r2_c2_s3. jpg',1);MM_swapImage('example_r1_c4_s1','','example_bilder/example_r1_c4_s1.jpg',1);"><img name="example_r2_c2_s1" src="example_bilder/example_r2_c2_s1.jpg" width="195" height="16" border="0" alt=""></a></td>
      </tr>
      <tr>
       <td><img name="example_r3_c2_s1" src="example_bilder/example_r3_c2_s1.jpg" width="195" height="14" border="0" alt=""></td>
      </tr>
      <tr>
       <td><a href="javascript:;" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','example_r4_c2_s1','example_bilder/example_r4_c2_s2.jpg',' example_bilder/example_r4_c2_s3.jpg',1);" onClick="MM_nbGroup('down','navbar1','example_r4_c2_s1','example_bilder/example_r4_c2_s3. jpg',1);MM_swapImage('example_r1_c4_s1','','example_bilder/example_r1_c4_s2.jpg',1);"><img name="example_r4_c2_s1" src="example_bilder/example_r4_c2_s1.jpg" width="195" height="16" border="0" alt=""></a></td>
      </tr>
      <tr>
       <td><img name="example_r5_c2_s1" src="example_bilder/example_r5_c2_s1.jpg" width="195" height="15" border="0" alt=""></td>
      </tr>
      <tr>
       <td><a href="javascript:;" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','example_r6_c2_s1','example_bilder/example_r6_c2_s2.jpg',' example_bilder/example_r6_c2_s3.jpg',1);" onClick="MM_nbGroup('down','navbar1','example_r6_c2_s1','example_bilder/example_r6_c2_s3. jpg',1);MM_swapImage('example_r1_c4_s1','','example_bilder/example_r1_c4_s3.jpg',1);"><img name="example_r6_c2_s1" src="example_bilder/example_r6_c2_s1.jpg" width="195" height="17" border="0" alt=""></a></td>
      </tr>
      <tr>
       <td><img name="example_r7_c2_s1" src="example_bilder/example_r7_c2_s1.jpg" width="195" height="14" border="0" alt=""></td>
      </tr>
      <tr>
       <td><a href="javascript:;" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','example_r8_c2_s1','example_bilder/example_r8_c2_s2.jpg',' example_bilder/example_r8_c2_s3.jpg',1);" onClick="MM_nbGroup('down','navbar1','example_r8_c2_s1','example_bilder/example_r8_c2_s3. jpg',1);MM_swapImage('example_r1_c4_s1','','example_bilder/example_r1_c4_s4.jpg',1);"><img name="example_r8_c2_s1" src="example_bilder/example_r8_c2_s1.jpg" width="195" height="16" border="0" alt=""></a></td>
      </tr>
      <tr>
       <td><img name="example_r9_c2_s1" src="example_bilder/example_r9_c2_s1.jpg" width="195" height="15" border="0" alt=""></td>
      </tr>
      <tr>
       <td><a href="javascript:;" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','example_r10_c2_s1','example_bilder/example_r10_c2_s2.jpg' ,'example_bilder/example_r10_c2_s3.jpg',1);" onClick="MM_nbGroup('down','navbar1','example_r10_c2_s1','example_bilder/example_r10_c2_s 3.jpg',1);MM_swapImage('example_r1_c4_s1','','example_bilder/example_r1_c4_s5.jpg',1);"><i mg name="example_r10_c2_s1" src="example_bilder/example_r10_c2_s1.jpg" width="195" height="16" border="0" alt=""></a></td>
      </tr>
      <tr>
       <td><img name="example_r11_c2_s1" src="example_bilder/example_r11_c2_s1.jpg" width="195" height="67" border="0" alt=""></td>
      </tr>
    </table></td>
   <td><img name="example_r1_c3_s1" src="example_bilder/example_r1_c3_s1.jpg" width="69" height="274" border="0" alt=""></td>
   <td><img name="example_r1_c4_s1" src="example_bilder/example_r1_c4_s1.jpg" width="539" height="274" border="0" alt=""></td>
   <td><img name="example_r1_c5_s1" src="example_bilder/example_r1_c5_s1.jpg" width="54" height="274" border="0" alt=""></td>
</tr>
</table>
</body>
</html>

Similar Messages

Javascript missing when insert Fireworks html to Dreamweaver

I tried to insert fireworks html in a Dreamweaver file. After importing the fireworks html in the Dreamweaver document, the associated Javascript code was missing.
Of course, the Fireworks html file includes the Javascript code and works properly. It is just that when I insert the Fireworks html into the Dreamweaver file, the associated Javascript code gets lost although the manual clearly says that fireworks html is inserted "along with its associated images, slices, and JavaScript".
I use Fireworks CS5 and Dreamweaver CS5, but I also tried it using FW CS4 and DW CS4 which did not solve the problem.
I tried two ways to insert the html code (both with the same negative result):
1.) using the DW menu: Insert > Image Objects > Fireworks HTML
2.) Copying the HTML to the clipboard in Fireworks, and then pasting it into the Dreamweaver document
Of course, I could insert the Javascript code manually, but then I would have to detach the associated template from the DW doc, and I would rather not do that because then later updates to the site will become more complicated.
BTW, I also tried to insert the fireworks html in another Dreamweaver document not using any template, but the JavaScript code got lost though.
I would be very grateful if somebody had an idea how to solve this problem.
Thanks

Thank you for your answer.
"Is the javascript inline with the HTML or does it point to an external resource (like and external JavaScript file)? "
inline.
"Does using code view differ from design view as you insert the Fireworks material?"
No
"are you trying to paste this Fireworks code into a non-editable region of a Dreamweaver template?"
No

Javascript missing when inserting Fireworks html to Dreamweaver

When importing a javascript rollover menu from Fireworks to Dreamweaver, the buttons are recognized as buttons, but the different states don't appear. Anyone? Beuhler?

OK I did a test with your file and the quick one I created. I can reproduce your issue when I use the Navbar behavior. WIth simple rollovers things work fine, but for some reason, DW is ignoring the JavaScript when I try to insert the FW HTML into a new or existing file, when the navbar JS is used.
FW is exporting the script; if you open the HTML file generated by FW, you will see the JS in the head of the document. But something is happening in DW when it tries to insert this html content into a page. Very weird. I honestly don't know if this is a DW issue or an FW issue. I admit I'm leaning toward DW, if only because the exported file from FW does work correctly.
If you like I will pass this onto the FW engineers, with your sample file.
Keep in mind my original comment still stands (espeically with navigation like your smaple, which is all text-based); strongly coonsider doing this kind of thing using and unordered list and styling the navigation using CSS. Far more flexible and accessible in this manner.

Inserting fireworks html into dreamweaver css

I have been using Fireworks CS4 to design layouts and export CSS into Dreamweaver CS4, which works just fine.
I want to import a Fireworks HTML pop-up menu in my CSS based Dreamweaver page. I have used Fireworks Export HTML and Dreamweaver's insert Fireworks HTML in the past but the pop-up behaviours are lost when I import it into a template that is CSS based. I figure I'm missing something simple, as usual.
Can the two be mixed? Do I need to edit the code view and insert a DIV manually or something? Can I just link to it with css somehow?
Getting rather frustrated now!

I had a lengthy reply written for this but lost it when I was logged out - seems the forum has a bit of a problem at the moment (at least for me !).
I'm not up to re-writing it all again, but in essence, I agree totally with Nancy, do not use html generated by Fireworks or any graphics program for that matter. If you were to ask the same question over at the FWs forum, you would be told the same thing, exporting HTML and CSS is ok for protypes, but not for live production sites.
TAKING FIREWORKS COMP TO DREAMWEAVER:
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html
The rule of thumb is to design the layout in FWs but build the site in Dreamweaver. The Spry menus are much better than the old popup menus, but the customisation of them does depend on your knowledge of CSS.
Customizing a Spry Menu:
http://foundationphp.com/tutorials/sprymenu/customize1.php
There are many websites that show how to use CSS to create nicely styled menus, including Dropdowns and I'm sure with a lot less code bloat :-)
Basic css menus: horizontal / vertical:
http://css.maxdesign.com.au/listamatic/index.htm
CSS Dropdown menus by Suckerfish:
http://www.htmldog.com/articles/suckerfish/dropdowns/

Inserting Fireworks HTML into a Dreamweaver template

I've created a dreamweaver cs3 template for my website. I've
also created a menu in fireworks which has popup menu's. If I
create a new page (not from a template) and insert the fireworks
html, everything works fine when I try to preview it.
However, if I insert the fireworks html into a page created
from a template, or even the original template file, the image of
the menu is inserted and can be viewed, but the popup menu's do not
appear. Any thoughts or suggestions?

Which version of FW? If FWMX 2004 or earlier, you would need
to read this
carefully -
http://www.losingfight.com/blog/2006/08/11/the-sordid-tale-of-mm_menufw_menujs/
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"hraklis_1" <[email protected]> wrote in
message
news:g4p0l0$lak$[email protected]..
> I've created a dreamweaver cs3 template for my website.
I've also created
> a
> menu in fireworks which has popup menu's. If I create a
new page (not from
> a
> template) and insert the fireworks html, everything
works fine when I try
> to
> preview it.
>
> However, if I insert the fireworks html into a page
created from a
> template,
> or even the original template file, the image of the
menu is inserted and
> can
> be viewed, but the popup menu's do not appear. Any
thoughts or
> suggestions?
>

Insert ImageReady HTML Into Page

I created a very cool navigational graphic with remote
rollovers, all sliced up and ready to go. I did the standard 'Save
Optimized As...' and have an HTML file with a subfolder of graphic
image slices.
Now I want to insert this HTML into a page and it won't do
it. I even downloaded the exchange extension for this, but that
extension was created back in 2000 and apparently it doesn't work
(you get an error if you try to insert it). You can't use the
Insert Fireworks HTML either because it says it's not a fireworks
doc and rejects the insert.
OK... now why is it the best image editing software is not
compatible with the best web design software..... when they are
both owned by adobe now? suggestions other then reslicing
everything all over in fireworks?

Copy and paste? It shouldn't be hard....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"jsteinmann" <[email protected]> wrote in
message
news:ejaesd$pj4$[email protected]..
>I created a very cool navigational graphic with remote
rollovers, all
>sliced up
> and ready to go. I did the standard 'Save Optimized
As...' and have an
> HTML
> file with a subfolder of graphic image slices.
>
> Now I want to insert this HTML into a page and it won't
do it. I even
> downloaded the exchange extension for this, but that
extension was created
> back
> in 2000 and apparently it doesn't work (you get an error
if you try to
> insert
> it). You can't use the Insert Fireworks HTML either
because it says it's
> not a
> fireworks doc and rejects the insert.
>
> OK... now why is it the best image editing software is
not compatible with
> the
> best web design software..... when they are both owned
by adobe now?
> suggestions other then reslicing everything all over in
fireworks?
>

When inserting a .pdf of a document with a standard white paper color the test and images show up, but the white background is transparent. How do you also make the white paper color show up?

When inserting a .pdf of a document into a Keynote template with a standard white paper color the text and images show up, but the white background is transparent. How do you also make the white paper color show up?

Use the color fill option - select the inserted .pdf and assign a fill color of white to it using the Color Fill Menu on the Toolbar or the Color Picker Palette.
Good Luck.

How to insert Tab Pages into a document

I have a print job, where I need to insert tab pages into a document. Is there a tab template that I can insert into the Indesign document? If not, how can I create tab pages in Indesign?

When I used to do tabs I would set up a page that was as wide as the tab sheet including the tab, then add text frames in each tab position.

Insert Fireworks HTML code in a Dreamweaver document

When trying to insert a FW's made html into my DW web page, I
get the following error:
While executing onClick in FireworksHTML.htm, the following
JavaScript error occured:
At Line 654 of file "C:\Program Files\Adobe\Adobe
DreamweaverCS3\Configuration\Shared\MM\Scripts\insert
FireworksHTML.js"; The object is not currently contained in a
document.
Please explain why I am getting this message. Thank
you

In the Export Wizard dialog boxes, choose Options, then check
the Use CSS For Popup Menus and check the Write CSS to an external
file. I no longer get the error message and the navigation works
properly.
Because I like to understand the specifics of what is going
on, if anyone knows the explaination, it would be greatly
appreciated.

Help me please haveing trouble inserting fireworks HTML to dreamweaver

when trying to insert a fireworks html that i exported from
fireworks mx using the export wizard as soon as i choose the file
to insert into dreamweaver i get an error message that says
A script in file C:\Program Files\Macromedia\Dreamweaver
MX\Configuration\Shared\MM\Scripts\insertFireworksHTML. js has been
running for a long time. Do you want to continue?
When i click yes it just comes up with the same message
multiple times and than after a couple times and than goes back to
the begging and does not do anything
I do not know why it is doing this it does this on multiple
computers that i have tried it on

You can try this simple fix -
Quit DW.
Find this file-
C:\Documents and Settings\<username>\Application
Data\Macromedia\Dreamweaver
8\Configuration\WinFileCache-*.dat
(these folders are normally hidden - you may have to use
Explorer > Tools >
Folder Options to unhide them)
and delete it.
Restart DW. Works better?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"homeydog2323" <[email protected]> wrote in
message
news:e0sbe3$70c$[email protected]..
> when trying to insert a fireworks html that i exported
from fireworks mx
> using
> the export wizard as soon as i choose the file to insert
into dreamweaver
> i get
> an error message that says
>
> A script in file C:\Program Files\Macromedia\Dreamweaver
> MX\Configuration\Shared\MM\Scripts\insertFireworksHTML.
js has been
> running for
> a long time. Do you want to continue?
>
> When i click yes it just comes up with the same message
multiple times and
> than after a couple times and than goes back to the
begging and does not
> do
> anything
>
> I do not know why it is doing this it does this on
multiple computers that
> i
> have tried it on
>

Inserting Fireworks HTML

I have inserted an HTML image from Fireworks into
Dreamweaver. It has converted to an AP element within Dreamweaver.
It is a drop down menu which is functional, the only problem is
when I preview it in Internet Explorer the image shifts to the
right. I have set the page margins and the L and T values but it
still seems to shift.
Does anyone know how to fix this problem?

Have you previewed it in another browser, like Firefox? If
so, what happens? IE 6 has some bugs regarding CSS, so it's always
a good check to test in another browser in addition to IE 6 to
determine if it's a browser-specific problem.

Insert JQuery .html into text field nested inside of symbol

This is one of those, 'it should be so simple....so of course, it's not' question.
Got a nested symbol. Rather simple one. Inside the symbol is a background rectangle and a text field. When I click a button, it should insert the HTML I give it from the click event.
Now initially I did this by just using the text field by itself. No nesting. This is the code:
sym.$("copy").html("Edge Rocks!");
OK, success! The text loaded just fine.
Now let's insert that text field inside of a symbol. And let's call that symbol 'content'.
Now I try....
sym.$("content").$("copy").html("Some new text");
Result? Nothing.
Tried using stage instead of sym and even added a var stage = sym.getComposition().getStage() statement before that. Nope.
Yea, they don't make it easy. So what's the solution?
Here's my example file.
https://www.dropbox.com/s/5n1ehhsp7r3rbt6/text.zip?m
BTW, ran this in Firebug's console. No errors.

Yes and no, Elaine. Kind of confusing but if the button is directly on the stage, that code works. However, if that button gets nested inside of its own symbol, the code no longer works and a JS error appears in console.
So in other words, the button and the text field are nested inside of symbols, but not the same symbol. So it's a question of the path being used.
I tried switching sym to Stage to no effect.
Redid the test file and uploaded it to Dropbox:
https://www.dropbox.com/s/ha24ki0wp0fb2nw/text2.zip?m

How to style a custom form that's been inserted as HTML into Muse

Apologies in advance if something similar already exists, and as a print-based designer I'm likely to use incorrect terminology.
I've created a basic website that requires a custom form. I've created this form using dreamweaver as it requires a dropdown and a check box. The unstyled html from DW I then insert into Muse via the 'Insert HTML' function, on a page called 'booking form'
To style it I did the following...
- Opened the form I created back in DW and added classes to the labels .formname, and added a class to some terms and conditions that sits somewhere in the form and called that .formsubtext
- Copied all of this code and inserted it back into Muse via Insert HTML
- The form shows up unstyled as expected
- I export the site as HTML
- Go into the exported folder into the CSS, and into the corresponding css file booking-form.css
- Added some custom CSS styling to reflect the font and colour I wanted to use
- Re-uploaded those edited files
- The result was that it rendered the class .formsubtext reflecting the terms and conditions as it should but not all the other labels
Would someone be able to tell me a better way to style a custom form or point out what I've done wrong.
Thanks!!!

If you have structured your HTML markup for the form well using appropriate class and id names, then you can just add corresponding CSS using the <style> element in the "HTML for <head>" section in Page Properites > Metadata.
You may also choose to add all the CSS in a separate file and add reference to that in the HTML for <head> section and then upload the CSS file in appropriate location after publish.
Cheers,
Vikas

Insert html into styled document

Hi,
I would like to insert html content into a JEditorPane that uses a StyledDocument and DefaultStyledEditorKit. I do not want to use the HtmlEditorKit for some reasons though that might change later. Now, I want to insert ElementSpec objects into my styled document and the only way seems to be doc.insert(o, espec) where espec is of type ElementSpec[]. I would like to insert my ElementSpecs one by one if possible.
Can someone tell me how I can do this.
Cheers,
Omprakash.V

Hi,
I was referring to DefaultEditorKit in the above post when I said DefaultStyledEditorKit.
Cheers,
Omprakash.V

Borders missing when displated as HTML on Web

Hi All,
I have created a matrix report and trying to publish it to the
web in HTML format. The borders are missing when published on
the Web. I tried to draw a line, but it does not help. I have
seen in these forums that it is a restriction. But can anyone
tell me any workaround and how you guys have implemented it.
Thanks
Chithan

hello,
first thing, i would use HTMLCSS as this format produces a more
accurate output.
there are restrictions with HTML(CSS) as it does not support the
creation of graphic-objects (lines, boxes, etc.) those will not
be visable in HTML(CSS); tableborders are basically graphical
objects around the datacells, therefore not available in HTML
(CSS).
regards,
the oracle reports team --pw

Javascript code missing when inserting Fireworks html into DW document

Similar Messages

Maybe you are looking for