Pasting ordinary HTML into an Animate div

I have an ordinary div I composed with HTML, that I'd like to import into an existing Edge Animate comp and have it treated like an ordinary div.
The two closest things I saw were:
a YouTube video of a whole page opening in EA, and divs animated within it
This other forum, which has more components imported than I need: http://forums.adobe.com/message/5039684#5039684
Isn't there some kind of pasting window somewhere?

Hi there,
Edge Animate is not an HTML editor.
However, you could use jQuery's append method to append the div to the body of your HTML file. It won't appear in Edge itself, but would be dynamically loaded when you open the page in the browser. I would add it in the compositionReady event.
Another solution might be to create an HTML file containing the div, and then open that in EA. You'll then see it rendered in Edge Animate's stage.
hth,
Joe

Similar Messages

Adding html into edge animate text box from external js file

I have a text field in edge animate that I want to update with a score. The function that is used to click and update the score is in an enternal file so I'm trying to figure out how to get my edge animate div to be read by jquery in the external file. This is what I have so far in the external js but it isn't reading the edge animate text field properly:
external .js file:
        AdobeEdge.coinCounter += 250; // this calls the variable coinCounter which was set in edgeActions.js and updates it from the original 0 value
                alert(AdobeEdge.coinCounter); // this shows it works and updated correctly
       var comp = AdobeEdge.getComposition("EDGE-172492634");
       var stage = comp.getStage();
     stage.sym.$("gameText").html(AdobeEdge.coinCounter); // this is where things go wrong. I want this updated value to read back into the textbox called "gameText" that is in the edgeAnimate composition
      stage.sym.$("gameText").html("NewText"); // nothing reads to the "gameText" textbox; something must be wrong how I am referencing it outside of edgeActions in the external .js file
Would someone mind helping me reference the textbox "gameText" correctly so I can input my new value? Thank you!!

Thank you. The learning curve is taking me awhile. It works now:
    var checking = AdobeEdge.getComposition("EDGE-172492634").getStage().$("gameText").text();
    alert(checking); //yay!
Thanks Joel!

Looking for cli tool that can convert ordinary html into rss

Does a tool like this exist?
What I'm thinking of:
cat $html | tool_i_need --match-post='<p class="newspost">' > output.rss
does something like this exist? Note: I am not interested in "online services" that do it for me.
The main use case: a lot of blogs have comments which i want to follow, but no rss feeds for the comments, so i want to create my own feed.
Last edited by Dieter@be (2010-10-30 09:24:13)

For xhtml (blogs are using it, aren't they? ) there is xsltproc. You just need a stylesheet like this:
<?xml version="1.0" encoding="UTF-8" ?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:param
name="channel-title"
select="/head/title" />
<xsl:param
name="channel-description"
select="/head/title" />
<xsl:param
name="channel-url" />
<xsl:param
name="page-url" />
<xsl:template match="/">
<rss version="2.0">
<channel>
<title><xsl:value-of select="$channel-title"/></title>
<link><xsl:value-of select="$channel-url"/></link>
<description><xsl:value-of select="$channel-description"/></description>
<xsl:apply-templates/>
</channel>
</rss>
</xsl:template>
<xsl:template match="//p[@class == 'newspost']">
<item>
<title><xsl:value-of select=".//id('title-id')"/></title>
<link><xsl:value-of select="$page-url"/>#</link>
<description></description>
</item>
</xsl:template>
</xsl:stylesheet>
The params values may be set from the command-line for those that can't be guessed from the source file.
While xsltproc is a generic tool, stylesheets are mostly site specific
Dieter@be: do you have a link for your sample?, I'd like to test this crap
Last edited by diegonc (2010-10-30 17:05:32)

Adobe CC 2014 can't paste HTML into lightbox container

In the latest update of Muse CC 2014, I am suddenly unable to paste any HTML into a lightbox container. Every time I paste it, it simply adds the HTML as a separate layer on the page. Anyone else having this issue? I've used lightboxes in the past for videos & other HTML objects and have never had an issue. Thanks!

Hello,
I believe you are using LightBox Widget listed under Slideshows However you Should be using "LightBox Display" listed under "Compositions" for the same purpose.
Here also another location to find it in Muse:
Object > Insert Widget > Compositions> LightBox Display
Please let me know if you still facing problem.
Regards
Vivek

Why can't I paste HTML into target container of widget?

I cannot paste the HTML code into the target container of the lightbox widget. After making sure I have selected the image frame, i delete the placeholder image ( ridged leaf ) by pressing Delete ( Mac ). I reselect the inner container and choose Object>insert HTML but it always places it outside the widget! I have succesfully done this in the past, but with the latest version it is impossible. It's driving me nuts!!!

After the HTML object is inserted into the page, you can drag it into the target.

How do I include 'Edge Web Fonts' into Edge Animate?

How do I include 'Edge Web Fonts' (not Google Web Fonts) into Edge Animate?

Have you tried to use google fonts? I have used them and they work for me.
When you add your font for example:
Copy paste:
<link href='http://fonts.googleapis.com/css?family=Finger+Paint' rel='stylesheet' type='text/css'>
and then for font family.
'Finger Paint', cursive;
then select addfont on the addfont screen

How do I include a drop shadow effect when I import an Illustrator vector into Edge Animate?

How do I include a drop shadow effect when I import an Illustrator vector into Edge Animate? It should be noted that I also have another effect (an extrude & bevel) applied which does copy over when I paste (or create an SVG and import) into Edge Animate. Any thoughts on why the drop shadow disappears but the extrude & bevel carries over?

Which version of Illustrator are you using?
In earlier versions of Illustrator it is not that easy to apply drop shadows with spot colours.
Another reason why it's always important to tell which version of AI … well …

How do I combine 3 HTML into 1 long HTML in DW?

Question 1:
I'm designing a few layouts for my blogspot recently, and have faced several problem. One of those is regarding "HTML coding", I will be using Illustrator to slice and upload to Dreamweaver, but I realised that Illustrator and Photoshop does not work the same way. Illustrator cs6 does not have "save as HTML", and it can only "save as images". So I would like to ask where should I get started at?
Question2:
I wanted to upload my own HTML layout design(from Dreamweaver-question 1) for my personal blogspot. But I realise that blogspot only allow 1 HTML code for the entire website design and when I did my web design in Dreamweaver (my website consists of HOME, ABOUT, CONTACT pages), it has a total of 3 HTML code for different pages and I couldn't upload it to my blogspot. So I would like to ask how can I actually do to combine all 3 HTML codes into 1 HTML code. Thank you.

I don't think you want to combine all of the HTML into one file. That doesn't make too much senese. If you wanted to, then just copy everything from all 3 files between <body></body> and paste into one html file between <body></body>. I think what you're trying to do is create seperate static pages. I would read/youtube how to setup a blogger website. This website also might help you out - http://www.wikihow.com/Add-a-Page-to-Blogger. This video will show to how to create a navigation - http://www.youtube.com/watch?v=8KD3vF8ofgw

How to load a large amount of HTML into HTML region?

I am trying to display a clickable image map (HTML <map>) in a region. The HTML source for the image map is fairly large and will not fit in the Apex editor (HTTP 400 error when I Apply Changes). I would also rather not manage that much HTML in the Apex web editor. So I stored the code in a file and added it to my applications file storage.
I have tried various methods of getting the HTML to load when the page is rendered. I tried a URL region, but that leads to all kinds of ACL/security issues that we do not want the customner to have to deal with. i also tried some PL/SQL:
DECLARE
l_file_id NUMBER;
BEGIN
SELECT id
INTO l_file_id
FROM APEX_APPLICATION_FILES
WHERE filename = 'myhtml';
APEX_UTIL.GET_FILE(
p_file_id => l_file_id,
p_inline => 'YES');
END;
But that just replaces the entire page, not just the region it's defined in (even when the HTML is without <head> etc).
Various attampes wih #APP_IMAGES#myhtml and &APP_IMAGES.myhtml just give me the translation of the APP_IMAGES variable.
So, how do I load a large chunk of HTML into a region dynamically at run time? I also need this to interact with APEX in the sense that JavaScript will set APEX variables and cause a SUBMIT when the use clicks on the image map.

Hi Andy,
ATD wrote:
Does your HTML define the regions/points on the map using AREA tags?Yes. it is actually generated using MapSefrver from huge tables of SDO_GEOMETRY (Oracle Spatial).
If so, you could define a report template that does this and use this for a report based on a table that has the settings for shape, coords, href etcHmm, the code (HTML map) is auto-generated so if I understand you correctly, this might be difficult. One of the HTML is approximately 180KB of text.
I found a way to do this using dynamic PL/SQL. I created a new table that has a varchar filename and a CLOB for the file data. I then imported the HTML into the table using SQL Developer (copy&paste, nice!). I then created an HTML region and used the following:
declare
html clob;
len number;
st number;
c number;
begin
select length(data)
into len
from FILES
where name = 'state_query.html';
st := 1;
while len > 0
loop
if len > 32000 then
c := 32000;
else
c := len;
end if;
select substr( data,st,c )
into html
from FILES
where name = 'state_query.html';
htp.p( html );
st := st + c;
len := len - c;
end loop;
end;
Edited by: CoyoteTech on May 13, 2009 7:27 AM

How can I make this possible? Loading another html, into a table?

Hello everyone!
Im using Dreamweaver CS3. I have a website thats all image based - which is not good because google or any search engine cant really pick up any keywords. So I have a table filled with images, Id like to take an image in the center out, and put in some type of code that says "load blah.html into the current row and collumn of this table. I attached an image of what I mean.
Id like to do this because it will be easier for me to update 1 html file and have it load that into the master html file. Is this even possible?
If anyone is interested in checking out the source of the page im working on please feel free to go here:
http://www.ryandeyoung.com/home.html
Thanks in advance for anyones help.

TheFiend1 wrote:
Well, I mean 1 row and 1 column, sorry - but when I go to type something in there it starts typing in the middle - is there a text field I can stick in that empty spot? Where I can write whatever and for it to be as long as I make it, without making the master table change in length?
Here's an example of some scrolling text inside a table cell...
http://dreamweaverresources.com/tutorials/scroller.html
Easy enough to see how it's done, I've provided the code :-)
You can set up the scrolling div in the table cell and then use an include file to populate the text into that div... that way,, you can make changes to the include file and it will be updated automatically on the page.
Here's a quick and easy article on creating server side includes (SSI). Use this to create your 'include file' that goes into that scrolling div.
http://bignosebird.com/ssi.shtml
Nadia
Adobe® Community Expert : Dreamweaver
Unique CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
Book: Ultimate CSS Reference
http://www.sitepoint.com/launch/005dfd4/3/133
http://twitter.com/nadiap

Load an external gallery file into a host div via Ajax method?

I was just wondering if anyone has been able to get a spry
gallery to work when placed within an external html file and loaded
into the host div of a page using Ajax method to load. It must work
remotely (on the Internet).
I've tried and mutilated enough sample files, that I'm
continuing my work in Flash and don't have anything un-mutilated to
post at this moment.
If you have, great. Let me know. If you have a link somewhere
it has been done correctly that I can look into and are willing to
post the link, I'd be glad to see it working.
thanx.

I am not calling any scripts from an outside server. All of
the external htm files I am pulling are located within the site
root (or in a sub folder of).
What I am trying to do is have two Spry gallery slideshows
(very similar to the demo) coded on separate htm pages that are
brought into divs of the index file (main file).
I have a spry tabbed panels widget. The content for each of
the "TabbedPanelsContent" divs are in external htm files. The
external files that contain basic text, images, and links work
beautifully. The files that have Spry Gallery slideshows in them do
not display properly.
The experimental files I've created are in major disarray
because I've added other issues to test. When I can return to it
and prepare a new troubleshooting file, I will post a link if I
haven't resolved it. -- or the solution if I find it. Mainly I was
wondering if anyone had created something similar so I could
inspect the code to compare.
Thank you for replying Cristian!

Paste Google code into template?

Hi all – I am trying to get my company site recognized by Google's tracking software. I am using templates, and trying to paste the code into the master template. The code as viewed in my Dreamweaver file is multi-colored and I cannot paste into the place where it is needed. Can you tell me why this is, and more importantly, how to remedy the situation?

Here it is to the </head> tag. I think I've included all the important code (since Google wants their code put in before </head>.).
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<meta name="alexaVerifyID" content="95U4t0_M0WeCXeUdZ-WPwQzaUAc" /><html>
<link href="../black text.css" rel="stylesheet" type="text/css"><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>Untitled Document</title>



<style type="text/css">

</style></head>
<body>
I copied it directly from the code. I don't know if this matters or not, but the code is multi-colored, which didn't come through in the pasting. I appreciate your help...

Load HTML into a Tabbed Panel?

Can I load another URL Into a tabbed panel's main div? In
other words, I click on a tab and then the Tabbed Panels' Content
area loads up an HTML page into it's div. I know of similar
frameworks that can do it but I haven't seen it done in Spry
yet.

Hi Data,
Check out UpdateContent and see if that will do what you
need:
http://labs.adobe.com/technologies/spry/samples/utils/update_content.html
Thanks,
Don

Pasting javascript widgets into pages

is there any way yet to paste javascript code into pages using iweb 09?
i've tried pasting sharethis code using the insert html widget function, instead, it appears is it pasted into a separate html file (which includes headers and all) that is in the download_files folder...
all work-arounds i've seen so far include copy-pasting it into the actual html code outside iweb and having to re-do this everytime you make changes.
kinda clumsy to be honest....
any way around this?
\

is there any way yet to paste javascript code into pages using iweb 09?
It's depend on how/what the javascript code is implemented.
i've tried pasting sharethis code using the insert html widget function, instead, it appears is it pasted into a separate html file (which includes headers and all) that is in the download_files folder...
That's how HTML Snippet widget works, it does not add the codes to the page but to another page called widget#_markup.html thru an iframe.
Most people do not know this (or ignore to) and make the common mistakes... have their StatCounter or Google Analytical codes track the wrong pages.
all work-arounds i've seen so far include copy-pasting it into the actual html code outside iweb and having to re-do this everytime you make changes.
kinda clumsy to be honest....
You know it... post editing after every publishing... is clumsy, old, oh so yesterday...
any way around this?
Yes, build your own iweb3 widgets, this pretty much answer your first question.
However... AFAIK, I am the only one (as far) builds iweb widgets (in iweb3 context), google my page (cyclosaurus.com)... you find sharethis widget is on upper left corner.
All javascript is linked to my page... sorry, I don't do tutorial nor how-to.

'Paste Fireworks HTML' will not go away!

After exporting a navbar from Fireworks into Dreamweaver, in
the Edit menu DW (CS4) shows only 'Paste Fireworks HTML.' Even when
copying and trying to paste other material, that will not go away.
Then the correct paste fails to occur.
Truly infuriating ...
How to revert DW to straight 'Paste'?
Thanks in advance, David Allen

Did you try closing and re-opening DW? Can you reproduce the
problem and
note the exact steps taken to cause it? If yes, you should
report this
issue to the Adobe team where it may do some good.
http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform
Nancy O.
Alt-Web Design & Publishing
www.alt-web.com

Pasting ordinary HTML into an Animate div

Similar Messages

Maybe you are looking for