Embedding interactive documents into a webpage

Hi there,
Does anyone know of a solution, in the catalogue of Apple Technologies, that would help achieve the following interactive « read-only » result of embedding a PDF or iWork document into a webpage? Example: http://dunod.ebrochure.fr/10-plaies-internet/netbook_dunod.php (no need to refer me back to web-based hosting solutions, I need something as DRM-safed as iBooks Author for iBooks Store, but for an author’s website!).
Thank you

Hi Jasmine and Fiona,
We are still have difficulties. See below the info I have been provided by our Web Services Team:
We’d already looked at the two help topics that they’ve linked to below and I believe we’ve got the correct code snippet:
<iframe height="580" src="https://tra-opa.custhelp.com/tra_opa/web-determinations/startsession/TRAWizardv3" width="100%"></iframe>
We’ve even tried putting it in an (extremely) simple HTML page and we still get the same issue. I’ve attached a copy of the page for your reference. We’ll need to investigate further.
We will need to resolve this in order to move our 'wizard' rulebase into a production website.
Thank you
Bryce

Similar Messages

Embedding MP3 files into dreamweaver webpage

I've embedded mp3 files into my webpage, but every time someone opens the page, they are prompted to either open or save the file. I want the viewer to be able to play the song using the embedded player, without the prompt.

Embedded players are very old school. And it won't work for many since they need a player and appropriate browser plugins installed on their end. The modern approach is HTML5 <audio> which is widely supported by all browsers, including mobile and tablets. For an example of HTML5 audio, copy and paste this code into a new, blank document.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 Audio Demo</title>

<style>
header {
    width: 500px;
    margin: 0 auto;
    text-align: center
audio { color: red }
figure {
    margin: 20px auto;
    padding: 20px;
    width: 500px;
    text-align: center;
    border: 1px #ccc dashed;
    clear: both;
figcaption {
    display: block;
    clear: both;
    text-align: center;
    font-style: italic;
    padding-top: 15px;
dl {
    text-align: left;
    margin-left: 40%
dt {
    clear: both;
    float: left;
    width: 4.5em;
    font-weight: bold;
line-height: 150%
dd {line-height:150%; color:maroon}
</style>
</head>
<body>
<header> <h1>HTML5 Audio Demo</h1>
<p><a href="http://www.w3schools.com/html/html5_audio.asp">HTML5 Audio Tutorial</a></p>
</header>
<figure>
<audio preload="auto" controls >

<source src="http://alt-web.com/Media/Fake-Empire.ogg" type="audio/ogg">
<source src="http://alt-web.com/Media/Fake-Empire.mp3" type="audio/mp3">
Looks like your browser is outdated and doesn't support the audio element.
Please upgrade to a modern browser that does.
</audio>
<figcaption>HTML5 Audio using OGG & MP3 files. <br>
Works in all current browsers & mobile devices.<br>
</figcaption>
</figure>
<dl>
<dt>Title:</dt>
<dd>Fake Empire</dd>
<dt>Year:</dt>
<dd>2007</dd>
<dt>Artist:</dt>
<dd>The National</dd>
<dt>Album:</dt>
<dd>Boxer</dd>
</dl>
</body>
</html>
Nancy O.

Problems merging multiple interactive documents into one - InDesign CS5, OS X 10.6.5

We have two people working on different pages of what will ultimately be one interactive InDesign project for placing on a website. When moving the pages(s) from one document into another (move pages command), all the items in the timing panel get reordered and all the linkage data is lost. Is there a fix for this? What is the best way to import pages into another document? Thanks.

I don't think the interactivity features in CS5 are robust enough to expect that timing commands would remain intact in such a move (this is a "version one" feature, and this was probably not part of the spec). I'd move your pages together first, then work on the subtleties of timing animations.

Embedding word document into an Entourage email

In MS Outlook when you hit 'Send as attachment' in a word document it cuts the document into the body of an email. In Entourage it simply attaches it as a separate document that then has to be manually opened.
I'm in PR and need to make things as straightforward as possible for journalists - any ideas on how to get the body of a word document into an Entourage email??

!http://i46.tinypic.com/2nvn6f.gif!
Entourage is not an Apple product. You should go where the Entourage Mac users hang out:
Entourage Help
Entourage Forums
Entourage Help/Support
!http://i50.tinypic.com/izvwo1.gif!

Embedding a Slideshow into a Webpage - Help Please!

Do any of you good people know a way of / have experience of creating a slideshow of images and embedding them in a webpage?
I have created a flash slideshow through Photoshop, It will run as a webpage on its own, however I cannot get it to embed in an existing webpage in Dreamweaver. I am using Photosho[p CS3 and Dreamweaver MX2004
If not, do you know of any other way that I can create a slideshow and embed it into my Dreamweaver page.
Any ideas / advice would be gratefully and greatly appreciated!
Thank you!

In a word, jQuery. Flash isn't as widely supported these days.
A boat load of possible jQuery slide shows and image galleries:
http://www.1stwebdesigner.com/css/fresh-jquery-image-gallery-display-solutions/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Embedding interactive swf into a Tumblr post?

Hi everyone,
This is my first post/question. I'm trying to figure out if I can embed an interactive swf (with basic AS3 Code Snippets added to movie clips) into a Tumblr post.
I found this post which explains how to use Dropbox as a repository for the file, but I couldn't make it work.
I'm wondering if anyone has successfully posted an interactive swf to Tumblr before? If so, I'd be grateful for instructions.
I'm not that familiar with Blogger, but if anyone has successfully done this there, that would be helpful to know too - I'll perhaps use it instead.
Many thanks!!

THen you can use the Loader class to load the file. Just get loading it to work first to see if the file works as hoped when it is loaded.
   var ldr:Loader = new Loader();
   ldr.load(new URLRequest("yourswf.swf"));
   addChild(ldr);
(hopefully I didn't miss something basic in that)
After is is loaded and working you can deal with placement and adding dressing for it. If you want to you can add it into whatever skin movieclip using...
   skinMCName.addChild(ldr);
instead of the last line above.

Embedding Word Document into Microsoft Web Browser

Dear sirs,
My purpose is to embed a word document within a windows form.
For this purpose, I have used the following references:
http://support.microsoft.com/kb/304643
http://support.microsoft.com/kb/982995#FixItForMeAlways
The word file opened successfully within the browser, and everything worked correctly.
One problem remains, whenever I open another word document , or just lunch a new instance of MS-Word,
the ribbon within the browser becomes disabled.
Your help is much appreciated.

Dear sirs,
My purpose is to embed a word document within a windows form.
For this purpose, I have used the following references:
http://support.microsoft.com/kb/304643
http://support.microsoft.com/kb/982995#FixItForMeAlways
The word file opened successfully within the browser, and everything worked correctly.
One problem remains, whenever I open another word document , or just lunch a new instance of MS-Word,
the ribbon within the browser becomes disabled.
Your help is much appreciated.
If you embed word with IE and open another word document, the same result?
That should be the common behavior of IE(somehow equals webbrowser)
remember make the reply as answer and vote the reply as helpful if it helps.

Embedding an Interview into a webpage

We can embed the wizard within a page using an iFrame, but when we do this it keeps saying that “The interview session has expired.”.
Can anyone assist in troubleshooting this issue?

Hi Jasmine and Fiona,
We are still have difficulties. See below the info I have been provided by our Web Services Team:
We’d already looked at the two help topics that they’ve linked to below and I believe we’ve got the correct code snippet:
<iframe height="580" src="https://tra-opa.custhelp.com/tra_opa/web-determinations/startsession/TRAWizardv3" width="100%"></iframe>
We’ve even tried putting it in an (extremely) simple HTML page and we still get the same issue. I’ve attached a copy of the page for your reference. We’ll need to investigate further.
We will need to resolve this in order to move our 'wizard' rulebase into a production website.
Thank you
Bryce

Embedding gigapan panorama's into a webpage

Hello all,
I'm having a little issue with embedding a panorama hosted by Gigapan into my webpage. I can successfully use this chunk of code to embed it:
<iframe src="http://gigapan.com/xxxxxxx.html" frameborder="0" height="400" scrolling="no" width="100%"></iframe>
I want to be able to zoom in and out of the panorama with the mousewheel WITHOUT simultaneously scrolling up and down on the webpage itself. Does anyone have an recommendations? I thought of maybe using onmouseover to lock the webpage from scrolling while on the panorama but couldn't find a way to use onmouseover in an iframe.
Also I fully acknowledge that I am a huge noob
Thanks for your help in advanced!

Hi Phil and welcome to our community
The Captivate output files are a bit like a house of cards.
All elements are critical. Here's how they pan out.
You upload all the files to your server. Normally in the same
location.
You point your user to the HTML file.
User clicks the link pointing to the HTML file and it loads
up into the browser.
The HTML file looks for the standard.js file. Assuming it is
found, more code is added to the HTML file.
The MainMovie_skin.SWF is then loaded into the browser
window.
Internally, the MainMovie_skin.SWF knows to look for the
MainMovie.SWF and it loads up.
As each slide pointing to a .FLV is encountered, the .FLV is
loaded at that time and plays.
As for embedding into an existing page, you will need to sift
through the code for the Captivate created HTML file for clues. Are
you using a Web Development tool such as Dreamweaver, FrontPage or
Expression Web designer?
Cheers... Rick

Embedding an interactive flash into Authorware

I want to embed a flash interactive into Authorware (see:
http://www.cellsalive.com/meiosis.htm
In the past I embedded a basic Flash animation into
Authorware and it seem to work ok. I'm not sure of more complex
ones i.e. that have interactive controls etc. I assume its not so
simple as to embed into authorware. Is it the case that it is
doable, but requires some configuration/programming? Or does it
work be simply embedding the complex interactive flash into
authorware?
thanks in advance
Jon

webacity wrote:
> I want to embed a flash interactive into Authorware
(see:
>
http://www.cellsalive.com/meiosis.htm
> In the past I embedded a basic Flash animation into
Authorware and it seem to
> work ok. I'm not sure of more complex ones i.e. that
have interactive controls
> etc. I assume its not so simple as to embed into
authorware. Is it the case
> that it is doable, but requires some
configuration/programming? Or does it work
> be simply embedding the complex interactive flash into
authorware?
>
> thanks in advance
> Jon
>
If the flash file id published for player version 6 (or
earlier) then
you can embed it using the Flash Asset Xtra, probably in the
same way as
you have before. If it is a later version you will need to
use the
Flash player ActiveX control.
Mark

Embedding Microsoft Office Documents into a PDF

Hi Everyone,
Do any of you know if it's possible to embed Microsoft Word
or Excel documents into a PDF as an icon which when clicked will
open in the relevant application?
Thanks

You can attach word files to PDF files using Acrobat 8. For
more details see the user guide.
This forum is for acrobat.com. Questions related to Acrobat
8/9 etc can be posted on the Acrobat forums
http://www.adobeforums.com/cgi-bin/webx/.3bbeda8b/

Links in Interactive Document

Hi All,
I created an interactive document in InDesign CS5 that I exported as a .swf and inserted it into a html based webpage. I would like the buttons I created with url actions to open the url in the same broswer window and not in a new broswer window. Is this possible in ID CS5 and if not how can I get it done.
Thanks in advance and if I was not speicific enought please let me know.

Two things...number one, when replying by email, your response goes to the forum on the web. For your own good, delete your personal information. I've done that for you this time.
Number two, I would guess that yes, you could do this in Flash. You might want to visit the Flash forum and ask there.
Bob

IWeb • How Do I Make Links in an Embedded PDF Document Open in New Page?

On this page http://ostyn-newman.com/Gov_Downloads.html I have a PDF document that is embedded. I tried an IFrame, but everything seemed to work better for me with the "Embed" code. I am open to changing this if it would be better. Here's my problem. I can get the PDF document to display fine, but when I click on the links in the PDF document, the destination page opens in the embedded window. I want the links to open the destination in a new window.
I created the part of the document with most of the links (Pages 8.5 - 56) in Numbers and cut and pasted the table into a Pages document to create the completed document on our site. I exported the docuemnt from Pages as a PDF file which is what you see. There is also a link to download the file on the same page which works just fine.
I have tried to insert the target="_blank" code but have not been able to get it to open the destination pages in a new window. I am inserting the code by using the Insert/Widget/HTML Snippet Feature in IWeb. Here is the code I am using.
<embed src=
"http://ostyn-newman.com/Media/GS27F0026XTextfile.pdf"
style="width:850px; height:1000px;
border-width:0px;
border-color:#FFCC66;
border-style:solid;"
scrolling="auto" >
</embed>
I am not a coder and have just used Google to find the code to cut and paste and have played around with it to get to the place I am. If anybody can tweak the code I have or offer some totally new code for me to insert that will get this to work would be greatly appreciated.
Please keep in mind that most of the people who visit and use this page are government employees and are almost exclusivey using Explorer.

Thank you Jeff,
I tried your original suggestion and now my inserted html widget reads
<embed src=
"http://ostyn-newman.com/Media/GS27F0026XTextfile.pdf"
style="width:850px; height:1000px;
border-width:0px;
border-color:#FFCC66;
border-style:solid;"
scrolling="auto" target="_blank">
</embed>
It is live on my site. You can see that the embedded document still opens the destination links in the embedded window.
As for your other two suggestions, thank you as well. I am aware of those techniques and did not use them because that is not how I want the other PDF links on the page to behave. The catalog and autocad blocks downloads in the box at the top should simply download (or behave however the client's browser is configured to handle downloaded PDF documents or zip files.) I don't intend to force those to open a new window. I could also have our client click on a link to the PDF document and open it in a new page (like in your second suggestion) but I was hoping to embed the PDF and have it automatically viewable on our Download • Terms • Prices Page with all of the PDF search functions intact as well as the links be active. My only complaint at this point is that the links in the embedded PDF document open the destination page in the embed window instead of a new window. I only want to force a new window because the destination window doesn't behave properly when it opens in my embed window and it is difficult to figure out how to go back to the my PDF document when a destination window gets opened in the embed window. The code you sent didn't do the trick. Or maybe I didn't get it exactly right. That is why I included it above. Thanks for trying though. I appreciate the effort.
I would be willing to bypass the imbed/iFrame route altogether if I could just somehow drop the Pages document into the IWeb page and retain the search and link features, but I've not been able to figure out how to do that. When I was exploring how to directly drop a Pages document into an IWeb page is when I stumbled on the method of embedding a PDF document into an IWeb page to retain the important search and link features.

How can I paste a pdf of a Publisher document into Pages so I can edit?

I have been asked to print a document that was created in Publisher on a PC. I have been sent a pdf of the document, which is A4, printed both sides, with four A6 text boxes on each side, with the same artwork and text in each box. The trouble is, the layout is wrong so when it is cut into four the margins are not even. I have Acrobat 7.0 Standard (which is know is very old) but I haven't used it much and can't work out how to edit the pdf. At the moment all I can do is copy and paste the entire document into Pages but then I can't extract just one A6 text box from the rest. If I could do that it would be a breeze to set it up correctly in Pages so that it works when cut into four A6 pieces. When I go to Get Info it says it is not locked and I have permission to read and write.
Can anyone explain these things to a beginner, please?
Thanks!

Chris
There are several ways we can go about this.
*1. In Adobe Illustrator* you can open the pdf file directly and chop out the bits you don't want and resave them individually. There maybe problems with fonts not being embedded as it comes from a PC where such things are mostly verbotten.
*2. In Acrobat* you can do some editing and avoid the fonts issue. But the procedure is a bit more involved.
If it helps, you need 2 things:
+Menu > Tools > Advanced Editing > Select Object Tool+ and
+Menu > Split Document… / Crop Pages…+
Using this you can unpick the pdf file removing the parts you don't want. Not as simple as it sounds because you need to understand why some objects select with others and why some are unselectable which has to do with grouping, masking and compounding.
*3. In Preview* cut apart the multiple pages and parts of each page. To split the multiple pages you will have to open the set and then delete the pages you don't want and save the remaining page with a new name.
To delete a page click on it in the sidebar and hit delete.
To crop a page use the +Select Tool+ in the top of the window and drag around the part of the page you want then +Menu > Tools > Crop+ and resave with a new name. Be aware this does not actually get rid of anything outside the select it just crops the view of it.
*4. Which brings us to Pages*. Having divided the pdf into individual page files you can then drag them into Shapes on your page the size of the parts you want to show.
When you click on the shape with page in it a little bar shows up underneath with +Edit Mask+. Click on the +Edit Mask+. You will see the shape, which is the mask, gets a grey dotted outline with white resizing boxes on the corners and mid points. If you need to adjust the crop or size of the shape drag on these.
Behind the shape outline is the image with the cropped parts outside shown greyed out. The greyed out part is the hidden part. If you click outside the shape but on the greyed out part of the image you select the image itself and can pull at its corners or sides to change its shape. Or if you just click on the greyed part of the image you can move it around so that it moves relative to the shape cropping it.
If you have several sections to be shown in each shape, you can move them one at a time to show each one. Say you have 4: 2 top and 2 bottom, option drag the shape with the picture in it to make 4 copies. Then in each one pull the image to reveal in turn top-left, top-right, bottom-left and bottom-right.
Do this till you have all the parts separated and rearrange them where you want.
*A bonus tip:* Cut out a step by opening Preview, next to Pages, with the multiple pages showing in the sidebar. You can drag the pages from the sidebar directly into the shape in Pages, without having to divide the .pdf.
Any further questions just ask.
Peter

Can I open embedded PDF documents in a PDF file on an iPad or Android?

Not sure if first post got through, the forum required me to change password ...
So I'm trying to open embedded PDF documents in a "parent" PDF document on an iPad.
On a PC the file opens fine.
On an iPad 2 with Adobe's Reader the same file says it's corrupted.
On PDF Pro the file opens, I can see the listing of embedded PDF documents but when I click on them nothing happens.
Is there a way for a PDF file with embedded hyperlinked PDF documents to be displayed on an iPad or Android?

pages on the iOS has access only to the camera roll to embedd pictures , but no external files.
Content from other documents like pdf can be copied and pasted by using Adobe Reader for iOS or the iBooks.app, open the pdf , copy text , then go to pages.app and paste text into the document there.

Embedding interactive documents into a webpage

Similar Messages

Maybe you are looking for