Embed an HTML5 interaction in a webpage without tracking

I am developing a course in LearnDash, a WordPress plugin LMS. I would like to create some rich media interactions like drag and drops and other HTML5 interactions in Captivate and then drop them into my LearnDash course. I do not need to capture user data in an LRS. How do I do this? How can I create a pacakged HTML5 "object" from all the related assets that I can drop in that will just embed in the web page? Is there a way I can use Adobe Edge to somehow convert my object into something that can be embedded?

I know that's an option, but I'm trying to avoid iFrames in an attempt to be as responsive as possible. WP makes a plugin for Articulate projects, but there's not one for Captivate projects yet.

Similar Messages

Embed a specific part of a webpage using iframes.

Hi,
I've had an in depth search of the forums and can't find anything to help me.
I know to use iframes to embed a web page within a webpage but I want to choose a specific portion of a webpage - how do I do that?
Thanks for your help.

Peter Pitrelli Here wrote:
I tried the piece of code you had provided for another website, but am not able to get it right.
That won't work, web-clips is site dependent and page viewport dependent, so the code for other site won't apply to what you want to have.
Here is your:
<style type="text/css">#outerDiv{overflow:hidden;position:relative; width:200px;height:100px;} #innerIframe{ position:absolute;/* increase to nudge right, decrease to nudge left. Note negative number. */left:-823px;/* increase to nudge down, decrease to nudge up. Note negative number. */top:-403.5px;width:200px;height:100px;}</style><div id='outerDiv'><iframe id='innerIframe' scrolling=no src=''></iframe></div><script type='text/javascript'>_rect=new Array();_rect.push(-52.0);_rect.push(-364);_rect.push(274);_rect.push(364);_rec t.push(547);_rect.push(455);_outer=document.getElementById('outerDiv');_outer.st yle.width=_rect[4]+'px';_outer.style.height=_rect[5]+'px';_inner=document.getEle mentById('innerIframe');_inner.src='http://www.zshare.net/video/115850651ed07b1a /';_inner.style.top=_rect[1]+'px';_inner.style.left=_rect[0]+'px';_inner.style.w idth=(_rect[2]+_rect[4])+'px';_inner.style.height=(_rect[3]+_rect[5])+'px';</scr ipt>

Looking for a software solution like "Ceros" for making HTML5 interactive online magazines?

Does Adobe CC have at solution for making HTML5 interactive online magazines? (not a FLASH solution from indesign)

I don't know what the quark plugin does, I'm guessing that it is reading from an external file that contains the price information. An ordinary method of dealing with updatable information in Flash is to use an external file, usually in .xml format. You can update the xml file or have your database do it for you, and then every time a user hits your site, the data is read from the .xml file. Each user will get the latest prices.

View webpage without internet connection

Whenever I save a webpage (under Favorites) while I have internet connection. Eventhough it is saved, I am NOT able to view it once the internet connection is lost.
There is an specific checkbox to view webpages without internet connection under the favorites menu. But it is not working with me. When I try to view those pages a message appears saying I have no internet connection.
Regards

Hi rrtlatyd and welcome to the BlackBerry Support Community Forums!
When you saved the bookmark, did you check the Available Offline box?
Thanks
-CptS
Come follow your BlackBerry Technical Team on twitter! @BlackBerryHelp
Be sure to click Kudos! for those who have helped you.Click Solution? for posts that have solved your issue(s)!

HTML5 Interaction in Captivate 7

Hello,
I am using a captivate 7 trial version. Ineed to import HTML5 interactions to my captivate module. When I google I could see an option to Import HTML5. But I can't find it on my trial version. Shall I need to purchase the pro version to import HTML5 interactions? Could anyone get me an answer on this?
Thanks
Saran

Whatever. Saravan hasn't specified WHERE he got the HTML5 interactions he's trying to import. But since Captivate doesn't specify in the menu option what the ORIGIN of the HTML5 objects must be, then you can forgive people for just taking it at face value and thinking Captivate must be willing to accept any HTML5 they might want to throw at it.

Interacting with InDesign Server without SOAP

Hi,
The documentation in IDS SDK tells that one can interact using Javascript with IDS without using SOAP.
How can one interact using Javascript and without SOAP?
I know that with Extendscript one can write scripts and execute it directly.
But with a simple jsx file only how do I interact with server?

Hi,
On Windows you can start the InDesignServer via the console. Then start the Extendscript Toolkit and choose "InDesignServer".

Make transparent text in after effects without track mattes

Hi, I would like to make some trasparent text where one could see the video underneath the text. I am using several videos that I have positioned and edited already in Premiere Pro CS6, and I would like to import a video file with the transparent text After Effects into Premiere Pro. The reason I want to use AF instead of the title maker in PP is that the text expands 4000% and I cannot make text that large in Premiere Pro. Any advice is appreciated.
thank you,
Robert
After Effects CS6
Premiere Pro CS6

I do not want to use a track matte because I have multiple videos underneath the text which are already edited nicely. If there is a workaround without track mattes, I would appreciate any advice on doing that. Thank you.

How to embed Connect video in webpage without autoplay / autostart

I want to embed a Connect recording from our locally hosted Connect site on our webpages. We use Plone and I've manually added the code:
<p><iframe src="https://connect.le.ac.uk/p51ud1gxajs/" name="Demonstrating your impact with the h-index" width="800" height="600" align="left" scrolling="auto" frameborder="0"></iframe></p>
This appears to work in testing but the video starts playing when you load the webpage - which I do not want it to do.
How do I have the video embed but not play unless the user selects play?

Thanks for the quick reply. I'm sorry to hear Connect cannot even as an option do what I want it to do. Please could this option be added to a future release?
If I embed a video on a web page I pretty much never want it to play until the user chooses to do so, since there may be other options on the page or they may be doing something else while loading the page. I'd prefer this behaviour to be the default and if not I at least need it as an option if I am to embed videos on webpages.
Grant

Embed QT in webpage without preload

Hi,
I would like to put a QT movie on a webpage using the <embed> tag. How can I tell the movie not to preload before the user press "play" on the control panel?
It's to prevent my server getting too busy.

You could use the autoplay="false" tag but it will still allow the file to download in the background. No server savings in that method.
Better method: Use a "Poster movie".
The link to your source movie will not begin downloading until a visitor clicks on the poster.mov file.
One of my pages as an example:
http://homepage.mac.com/kkirkster/B/
A different issue has come up in the last few weeks that involves the page code tags for PC users running Internet Explorer and the new M$ security update:
http://developer.apple.com/internet/ieembedprep.html
The embed tag is dead (by itself) as it doesn't even allow PC IE users to view QT content. The "better" object and embed (nested) still will work but, again, PC visitors using IE (about 80% of browser use) may see a pop-up message alerting them to ActiveX content in your page. Nothing makes them flee from your site quicker than an alert they don't understand.

How can I embed a HTML document onto my webpage?

What I am trying to do: I am trying to make an image that has links to urls from different parts of the image.
What I have done so far: I have built a photoshop image to embed on my webpage, following the instructions offered by many online forums, but cannot actually embed it as it isn't a url.
Firstly, I sliced up an image, adding url's and alt tage etc to each slice. Then I did:
File > Save for web > (Prest: JPEG High) > Save > (entered my file name) Format: HTML and Iamges > Save
When I locate my file where I saved it, it has been saved as a Chrome HTML Document, but I can't then embed this on my website, using the 'embed code' tool I normally use. I presume this is because it doesn't begin with http:// ?
Here is the HTML document I have made: file:///C:/Users/Daniel/Desktop/UK%20map%20interactive/Afternoon/UK-map-locations.html
(If you can see this) This is the image I want and the links are working too but it's getting this onto an existing webpage.
Other pages I have seen have talked about iamge maps, but I take it using the slice tool is better for what I am trying to acheive?
Any suggestions/help would be greatly appreciated.

One: Users can't see links on your local desktop. You would have to upload the files somewhere. Two: Images generally don't contain links. URLs are meta information build around the image in HTML. Three: Because of the previous point, whether you use sliced images or an image map doesn't matter, if you have no way of inserting the information into the native HTML structure of the web pages. If at all, you would open the HTML file in a suitable editor like Dreamweaver (or even a basic text editor) and copy&paste it into the web page sourcve code, but you'd still have to upload the image(s). The rest we can't know. You have not provided any link to the web site or told us which hosting provider you use. From your description it sounds like one of those "free" providers that restrict user's options to customize to the bare minimum and the rest is based on templates and plastered with advertising. In any case, the solution is not in Photoshop and you would have to read up on web design basics, HTML, CSS and al lthat on a more general level or review your hosting provider's guides on how to set all this up.
Mylenium

How to embed attachments in interactive form?

Hi guys,
current, customer wants to embed files(doc, exl or something like that) in adobe form,
is it supported in interactive form? or which version of interactive form support?
does that need a lot of coding? any tutorial is available?
thanks
John

Attachments
http://eslifeline.wordpress.com/2009/04/06/adding-attachments-to-pdf-form/
WD Java - removing attachment from interactive form
Attachments for WDA form
Re: Attachments with Adobe Interactive Forms in WDA
Regards Otto
p.s.: depends if you want the system to add/read/remove the attachments for you or you want the user to work with it, you can learn about both from the links above

Email interactive pdf from webdynpro without displaying form

Hi all,
We have a webdynpro application that needs to generate an interactive form and send it by email, without first displaying it to the user. I have built the interactive form in a webdynpro component and it works fine, but I think it requires the window to be opened to generate the pdf xstring to be attached to the email. But we do not need the window to be opened because the users don't want to review the form before sending it. (whether this is a good idea or not is not up for discussion. )
I am wondering if there is a better way to accomplish this? More detail on scenario: the user selects some data in the screen and then clicks a button like "send form". They fill out a popup with recipient info and then click "send". A form based on the data they originally selected should be sent to the recipient. The recipient (who does not have access to SAP) fills out some fields in the form (hence it needs to be interactive), then sends the completed form back to the originator via email.
Thanks for any suggestions!
Margaret

Thanks to all for your responses. I could have stated the problem more succinctly as: how to send a form with ZCI layout (not standard layout) via email?
The pointers you gave are helpful and probably would have gotten us to the solution. We found we could use the normal functions, "CALL FUNCTION 'FP_FUNCTION_MODULE_NAME' ...." and then
CALL FUNCTION funcname
EXPORTING
/1bcdwb/docparams = fp_docparams
/1bcdwb/docxml = docxml
where docxml is the output of a custom transformation we built to convert a deep ABAP structure to the correct XML format. (Note that "CALL TRANSFORMATION id ..." does not work correctly for converting deep structures for ABAP forms because the id transformation inserts <item> where <DATA> is needed.)

Non-Interactive PDF Form scenario without rthe need of ACF

Hello experts,
i have a question for you. I implemented Dynamic Non-Interactive PDF Form scenario and it works fine. But ... If some user wants to generate the PDF form it's necessary to install Active Component Framework on his computer. Problem is that some users doesn't have admin permissions on their PCs and they are not able to install ACF. Do you have any idea how to walk around the problem? For example generate and save the PDF somewhere on server side and then offer download link to end-user....
Thank you in advance for every reply!
Best regards,
Zbynek

I use Adobe Reader 8.1.2 so I think the problem will be somewhere else.
There is written
Step-1: In NetWeaver Developer Studio (NWDS), set the "displayType"
        property of your Interactive Form UI element to "native"
        instead of "activex".
Step-2: Use the Web Dynpro specific controls from the "Web Dynpro
        Native" library to design your interactive form.
Step-3: When the application is developed completly, build and deploy
the application on SAP J2ee engine.
Step-4: Run the application without having the ACF installed on the
        browser machine.
in the note 1055911. But I think that we use some controls from other libraries than Web Dynpro Native (step 2). Do you think it could be the problem? The Web Dynpro Native library contains very reduced set of controls.
Regards,
Zbynek

Yepnope still works, Interactive SVG does not without it | EA 2014.1.1

Hi all,
I'm trying to create an interactive map of the US using Edge Commons interactive SVG. I've been reading that yepnope is deprecated and doesn't work in the new version of EA 2014.1.1 but it seems to still work for me and appears to be the only way I can interact with an SVG. I have added both jquery-1.11.2.min.js and EdgeCommons.SVG.js in the scripts panel but can't seem to get it to work without using the yepnope function. Can anyone help me with this? I'm running a Mac OSX 10.10.2.
Here's a link to the EA file.
Dropbox - default.zip
Thanks in advance for all your help!
Kenny

Hi all,
I'm trying to create an interactive map of the US using Edge Commons interactive SVG. I've been reading that yepnope is deprecated and doesn't work in the new version of EA 2014.1.1 but it seems to still work for me and appears to be the only way I can interact with an SVG. I have added both jquery-1.11.2.min.js and EdgeCommons.SVG.js in the scripts panel but can't seem to get it to work without using the yepnope function. Can anyone help me with this? I'm running a Mac OSX 10.10.2.
Here's a link to the EA file.
Dropbox - default.zip
Thanks in advance for all your help!
Kenny

How do I embed a Dreamweaver interactive image with rollover hotspots into a Wordpress post?

Hey guys,
I've made an image in dreamweaver will roll-over hotspots very much like this one: http://hypebeast.com/2014/6/essentials-kent-kilroe
I'd now like to embed it into a post on my website in Wordpress.
My website is not hosted locally on my computer, so I would somehow need to paste the code of the image into the HTML section of a new post on Wordpress, whilst uploading the photos to my hosting website and changing the img src links that are in the code to the new ones from my hosting.
I did all of this and it still didn't work. Could any of you tell me where I am going wrong. The code is below if that helps at all:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Untitled Document</title>

<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
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];}
</script>


</head>
<body onload="MM_preloadImages('file:///Macintosh HD/Users/joshuabrill/Desktop/Festival Essentials/Native Union.jpg','file:///Macintosh HD/Users/joshuabrill/Desktop/Festival Essentials/UNIQLO.jpg','file:///Macintosh HD/Users/joshuabrill/Desktop/Festival Essentials/Landyatchz.jpg','file:///Macintosh HD/Users/joshuabrill/Desktop/Festival Essentials/Aark Tortoise.jpg','file:///Macintosh HD/Users/joshuabrill/Desktop/Festival Essentials/Cubitts.jpg','file:///Macintosh HD/Users/joshuabrill/Desktop/Festival Essentials/Huf Socks.jpg','file:///Macintosh HD/Users/joshuabrill/Desktop/Festival Essentials/Hentsch.jpg','file:///Macintosh HD/Users/joshuabrill/Desktop/Festival Essentials/Timex.jpg')">
<img src="file:///Macintosh HD/Users/joshuabrill/Desktop/Festival Essentials/Festival Essentials.jpg" width="1170" height="780" border="0" usemap="#Map" id="Image1" />
<map name="Map" id="Map">
<area shape="poly" coords="689,526,703,502,719,526" href="#" onmouseover="MM_swapImage('Image1','','file:///Macintosh HD/Users/joshuabrill/Desktop/Festival Essentials/Native Union.jpg',1)" onmouseout="MM_swapImgRestore()" />
<area shape="poly" coords="956,533,971,507,986,534" href="#" onmouseover="MM_swapImage('Image1','','file:///Macintosh HD/Users/joshuabrill/Desktop/Festival Essentials/UNIQLO.jpg',1)" onmouseout="MM_swapImgRestore()" />
<area shape="poly" coords="950,715,965,690,978,715" href="#" onmouseover="MM_swapImage('Image1','','file:///Macintosh HD/Users/joshuabrill/Desktop/Festival Essentials/Landyatchz.jpg',1)" onmouseout="MM_swapImgRestore()" />
<area shape="poly" coords="707,438,723,414,736,438" href="#" onmouseover="MM_swapImage('Image1','','file:///Macintosh HD/Users/joshuabrill/Desktop/Festival Essentials/Aark Tortoise.jpg',1)" onmouseout="MM_swapImgRestore()" />
<area shape="poly" coords="908,385,922,359,936,385" href="#" onmouseover="MM_swapImage('Image1','','file:///Macintosh HD/Users/joshuabrill/Desktop/Festival Essentials/Cubitts.jpg',1)" onmouseout="MM_swapImgRestore()" />
<area shape="poly" coords="583,433,596,408,612,432" href="#" onmouseover="MM_swapImage('Image1','','file:///Macintosh HD/Users/joshuabrill/Desktop/Festival Essentials/Huf Socks.jpg',1)" onmouseout="MM_swapImgRestore()" />
<area shape="poly" coords="251,754,266,728,281,753" href="#" onmouseover="MM_swapImage('Image1','','file:///Macintosh HD/Users/joshuabrill/Desktop/Festival Essentials/Hentsch.jpg',1)" onmouseout="MM_swapImgRestore()" />
<area shape="poly" coords="657,423,672,396,687,422" href="#" />
<area shape="poly" coords="657,420,672,399,686,420" href="#" onmouseover="MM_swapImage('Image1','','file:///Macintosh HD/Users/joshuabrill/Desktop/Festival Essentials/Timex.jpg',1)" onmouseout="MM_swapImgRestore()" />
</map>
</body>
</html>

I don't think WordPress allows that kind of code in posts. If you try to add all that, WP will likely filter it out. My advice is to find a WP plugin that supports tooltips on image maps.
https://www.google.com/search?q=WordPress+plugin+for+toltips+on+image+maps&ie=utf-8&oe=utf -8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a&channel=sb
Nancy O.

Embed an HTML5 interaction in a webpage without tracking

Similar Messages

Maybe you are looking for