Iframe trouble

When I create the page in iweb it looks fine until I add the iframe in html code.
This is how it looks prior to adding the frame:
http://web.mac.com/buvin/iWeb/Frase%20%26%20Zeits%20Yachts%20International/exoti ccars.html
After I enter the html code my buttons and logo drop down from the top of the page... I don't know why this is hapening.
http://fraserzyachts.com/exoticcars.html
Any help would be greatly appreciated. Thank you...
MacBook Pro 17 Mac OS X (10.4.8)

Jeffrey,
You'll find in your page, where the text box which holds the iframe is position at 90px from the top, in relative position (my guess here is the header graphic position)
div class="graphicgeneric_body_textbox_styledefault" style="margin-left: 13px; margin-top: 90px; position: relative; width: 800px; z-index: 1; "
Change that to 0px will fix the problem:
div class="graphicgeneric_body_textbox_styledefault" style="margin-left: 13px; margin-top: 0px; position: relative; width: 800px; z-index: 1; "

Similar Messages

Spry in Iframe = trouble in IE

Hi,
I have encountered a problem or bug with a Spry form.
When the form lives in an iframe, the function
Spry.Widget.SelectionDescriptor.prototype.update throws an error
message "no access" when executing this line:
this.range =
this.element.ownerDocument.selection.createRange();
This only occurs in IE. Fx and Opera have no problems with
the form.
Any ideas how to fix this. The form has to live in an Iframe.
Kind regards
Morten

It appears spry and IE dont work well together at all. I am
also having a problem with a navagaiton menu. It wont work in IE
either. Wish I could help.

Trouble with iframe

I am having trouble on website that I developed. Whenever You
go to the page, it loads at the bottom where
I have a iframe. It has to have something to do with the
iframes on the page. Any help is appreciated. Thanks

> Well it works in Safari.. In other browsers when you go
to the page it
> loads at the bottom of the page.
> It just so happens that there are 3 iframes at the btm.
> Thanks
It seems to look fine to me in Firefox 3. I'm not sure what
you mean by 'the
page loads at the bottom of the page'
-Darrel

Having trouble implementing Captivate simulation in an iFrame

Hi all, hoping you can give me some pointers.
I'm trying to implement Captivate scalable html5 simulations in a proprietary LMS that requires that I place it in an iFrame. It works, but the scaling is not working properly. Immediately upon loading, the Captivate content is too large for my frame, although it does resize (still too large) when I scale the page.
Are there any known tweaks for this kind of issue?
Thanks in advance,
Jill

Not sure if you still need this, since it has been nearly a month.
But I just ran into this same issue.
Require using HTML5 with Captivate inside of an iFrame.
The "Scalable html" was ignoring the iframe's dimensions, and using the full window dimensions instead.
What I ended up doing is stop using the "scalable html" option when publishing from captivate. and then i used the following javascript inside the html that the iframe was placed:
    <script type="text/javascript">
        var iframeName = 'trainingVideo';
        this.FindZoomHeight = function () {
            var slideshow = $('#main_container', $('#' + iframeName).contents());
            var showHeight = $(slideshow).height();
            var frameHeight = $('#' + iframeName).height();
            if (frameHeight >= showHeight) { return 1; }
            return (frameHeight / showHeight);
        this.FindZoomWidth = function () {
            var slideshow = $('#main_container', $('#' + iframeName).contents());
            var showWidth = $(slideshow).width();
            var frameWidth = $('#' + iframeName).width();
            if (frameWidth >= showWidth) { return 1; }
            return (frameWidth / showWidth);
        this.SetZoomLevel = function () {
            var zh = FindZoomHeight();
            var zw = FindZoomWidth();
            var zoom = 1;
            if (zh < zw) {
                zoom = zh;
            } else {
                zoom = zw;
            var container = $('#main_container', $('#' + iframeName).contents());
            $('body', $('#' + iframeName).contents()).css('-moz-transform-origin', '0 0 0').css('-o-transform-origin', '0 0 0').css('-moz-transform', 'scale(' + zoom + ')').css('-o-transform', 'scale(' + zoom + ')');
            $(container).css('zoom', zoom);
        $(document).ready(function () {
            $(window).resize(function () {
                SetZoomLevel();
        $('#' + iframeName).load(function () {
            SetZoomLevel();
    </script>
This uses the css zoom property. (uses transform scale in firefox/opera..but captivate doesn't support those browsers anyways)

I can't figure out how to add my soundcloud iframe code.etc in my site in cc 2014?

Im having trouble adding codes to my animated site.i have everything ready,i just need to add forms and players from others sites and what not,but i cant figure out how to make a div a iframe, and no one is making videos on this problem or asking about it..so im stuckk ?

Oops, your question duplicated. I replied here: https://support.mozilla.org/questions/1038640

Problem submitting form in iframe in IE

I'm using BC for content for a Facebook Tab App (which for the most part is a great fit) - when trying to submit a form through Internet Explorer, BC gives me a "Unathorized User" error?? Working perfect in ALL other browsers (of course).
I've narrowed the problem to this:
Communication between Explorer and Business Catalyst when submitting a form through an Iframe.
Anyone, and I mean ANYONE have any idea about this?
Currently I have the secure zone login form (form elements not visible via css) on the page and the "Submit your photo" is actually logging them in. When clicked in IE (again, in the Iframe) it kills it.
2 links to view trouble:
bankplusfb.businesscatalyst.com
facebook.com/solvetestcompany (then click on the 3rd custom tab link "Pen Contest")
Can anyone lend a hand?

Tested in IE9 and it worked just fine...what version are you referring to? 6?

Target Stage and append iframe from inside symbol????

Having trouble again. I am SLOWLY getting use to the CC 2014 thing =).
Now I need to be able to target a Symbol on the stage from within an element inside a symbol and append it with an <iframe> and pass attributes to the iframe.
I have a file -- please refer to the videoui symbol and whitewater1.click and whiteawater2.click actions in that symbol (link below (Drop Box)
Here's what I have so far...
// insert code for mouse click here
// Go to a label or specific time and stop. For example:
// sym.stop(500); or sym.stop("myLabel");
sym.stop("videotwo");
// Change the text in an element
sym.$("video-text").html("Video by: TheNigglesbear");
var youtubevidtwo = $("<iframe/>");
sym.getComposition().getStage().getSymbol("vcontainer").append(youtubevidtwo);
youtubevidtwo.attr('type','text/html');
youtubevidtwo.attr('width','616');
youtubevidtwo.attr('height','347');
youtubevidtwo.attr('src','http://www.youtube.com/embed/eqzwoIQseyA?rel=0'); // url/Video_Id
youtubevidtwo.attr('frameborder','0');       // 1 | 0
youtubevidtwo.attr('allowfullscreen','0');   // 1 | 0
This same code -with different path to symbol of course- works fine on the stage document.compositionReady, but not sure how to target the videoui and append the iframe and its attributes to it from inside another symbol.
Help please -- there really needs to be more ADVANCED examples of possible methods of targeting. I find a lot about targeting symbols inside of symbols,or Stage to symbols, but not much on symbols to stage to another symbol also on the stage.
Thanks in advance.
Dropbox - videoPhotoUI.zip

dharmk
Thanks for the input. Just what I needed, I had to adjust my thinking, but got it to work because you took the time to look at my file and offer the help. Really appreciate it!! Here's how I made it work (for all three) video buttons:
var container = sym.getComposition().getStage().$("vcontainer");
container.find("iframe").remove();
var youtubevidtwo = sym.getComposition().getStage().$("<iframe/>");
sym.getComposition().getStage().$("vcontainer").append(youtubevidtwo);
youtubevidtwo.attr('type','text/html');
youtubevidtwo.attr('width','616');
youtubevidtwo.attr('height','347');
youtubevidtwo.attr('src','http://www.youtube.com/embed/eqzwoIQseyA?rel=0'); // url/Video_Id
youtubevidtwo.attr('frameborder','0');       // 1 | 0
youtubevidtwo.attr('allowfullscreen','0');   // 1 | 0

Can't get HTML iframe to work in Muse CC 2014

I'm having some trouble with iframes in Muse CC 2014. I'm using Adobe Captivate 8 to create interactive tutorials. Catptivate then exports a tutorial as an HTML 5 web page into a folder with all of it's related content. I want to place that HTML 5 page into an iframe in Muse. I've tried following all of the advice on this discussion:
Re: Using iframes in Muse.
I've also followed all of the advice on this Adobe tutorial:
Adobe Muse Help | Getting started with Adobe Muse, Part 6
By the way, I believe that the tutorial above has an error. Under the heading "Adding iframes to your site to display other site pages with embedded HTML" it suggests this code:
<iframe title="A Title for this Content" src="http://yoururlhere.com" width="900" height="500" style="border: 0;"></iframe>
I think that the error is in style="border: 0;"
But to continue with my problem. In Muse I chose "insert HTML" and typed the code below:
<iframe name="gs3" src="http://vid1alearnerpower.businesscatalyst.com/lessons/gs3/index.html" width="1024" height="800” frameborder="0" scrolling=“no” seamless></iframe>
I wrote that code based on my amatuerish knowledge and what I read at w3schools. The preview in Muse doesn't show anything, so I published it here:
GS4: Online Skills
Again, the page just shows an empty iframe where the HTML 5 page should load. I've triple checked the URL, and I'm sure that it works.
I've also tried using the iFrame Builder Lite add-on (iFrame Builder Lite | Exchange | Adobe Muse CC). It has the same problem, which you can see on the published page here:
iFrame Test
Can anybody see what I'm doing wrong?

<iframe src="http://www.apple.com" width=“100%” height=“1600” frameborder="no”></iframe>

iframe link, inside a frameset page, does not go to the new link when left clicked. but just clears the page instead.

Trouble shooting info from my computer attached as requested, but problem exists on other people's computers also, including MACs.
Problem exists only with <iframe> link within a page that is part of a frameset. If page contained within a frameset is accessed directly (ie, show only this frame) then the <iframe> link works normally.
Works ok in Internet Explorer, used to work in Firefox. If RIGHT click on the <iframe> link then select either new tab or new window it works OK.

At first I was ending up opening to the Help page, but finally u sent me instructions that worked. Now my Net connection opens to my Yahoo page.

Refer to an object in Edge from an onclick="" in a .html file loaded into an iFrame in the animation

HI, I am trying to figure out the Edge hierachies by stumbling my way through coding reference attempts. I've hit a wall...
How can I refer to an object and a global function in my Edge animation from an onclick="" located in an .html file loaded into an iFrame created within the master/parent Edge animation. Here's what I have...
My main index.html is an Edge animation. One object <div> is a box created within Edge. I have added an iFrame with the Edge code:
sym.$("MenuPanelScreen").html('<iframe src="list_images_cemetery.html" width="267" height="670" sandbox="allow-same-origin allow-scripts allow-top-navigation"></iframe>');
That .html file which loads into the iframe within the animation contains thumbnails in <a> tags and contain onclick="" statements that should call a function within the Edge file.
Eventually, I want the statements to read something like... onclick="changePic('Dragon.jpg', 'The Dragon', 'Saint and Worm')"
However, I had no idea how to reference the changePic() function in the Edge animation. So, just to figure out how to reference the parent animation from an html in an iFrame, I change the onclick="" statements to...
<a onclick="alert('Try to hide Nameplate'); sym.$('NamePlate_sym').hide();" > <img src="gallery/TheyGaveUpTheirDead.jpg" width="80" alt="Angel and Worm" /></a>
I first wanted to see if I could hide an Edge Symbol or div/element from the child html. I tried the following...
onclick="alert('Try to hide Nameplate'); sym.$('NamePlate_sym', window.parent.document).hide();"
I tried a few other variations that I won't bore you with. Can someone help me with the proper reference to effect an Edge element?
Furthermore, I eventually wnat the onclick="" statement to reference a global function on attached to the Edge stage in the compositionReady event of the stage. The function is...
window.changePic=function(myFileCurr, myLabelCurr, myDescriptionCurr) {
alert("in changePick");
document.getElementById("myImage").src="gallery/"+myFileCurr;
document.getElementById("myImageLabel").innerHTML=myLabelCurr;
document.getElementById("myImageDescr").innerHTML=myDescriptionCurr;
I hope someone can point me in the right direction. Please forgive my ignorance. i am just getting back into coding and learning the intricacies of Jscript and jQuery. Thanks!

Hi again Elaine,
I actually had some success after many attempts with using your code. I can control the .stop() and .play() of the "NamePlate_sym" symbol. Yet, I am still having trouble doing anything else with it. I cannot .hide() it, nor use .html("Change text") on another element on the stage called"Rectangle". If I can accomplish that and all a global function on the stage, I'm in good shape.
I placed the following script in the header of the .html file that gets loaded into the iFrame within the Edge composition:
<script type="text/javascript">
   window.parent.AdobeEdge.bootstrapCallback(function(compId) {
   comp = window.parent.AdobeEdge.getComposition(compId).getStage();
   alert("CompID is "+compId);
   var symbol = document.createElement('div');
   symbol.innerHTML = 'Rotate';
   symbol.style.cssText = 'background-color:#fea; width: 50px; text-align: center;';
   symbol.style.cursor = 'pointer';
   symbol.onclick = function() {
    if (comp.getSymbol("NamePlate_sym").isPlaying()) {
     comp.getSymbol("NamePlate_sym").stop();
    else {
     comp.getSymbol("NamePlate_sym").play();
   window.parent.document.body.appendChild(symbol);
        </script>
Once I put window.parent. in the first two lines of code and the last, my test worked. As I mentioned earlier though, I still can't get the syntax correct to .hide() an element (i.e. comp.getSymbol("NamePlate_sym").hide(); does not work), or more importantly, change the innerHTML value of an element on the stage. The code either does nothing or freezes.
Thanks... Tommy

IFrame data not loading on iPad

Hi,
I am having trouble figuring out why images are not loading in my iFrame when the web page is loaded on an iPad or iPhone....
http://www.1504westminster.com/photo1.htm
The content is simply text and images. It just partially loads. Works well on all other browsers, and Safari online (although, Safari does not resize the iFrame - bummer).
Thanks,
Arnold
Message was edited by: PopeBelboz

Alright,,, I figured out the problem...
The images were being resized from larger files, so the web page still had to load the large images.
It ended up maxing the memory on the iPhone or iPad. Thus, the images wouldn't load.
I had to resize, and now it works fine.
Moral of the story - iPad and iPhone can't load the usual large amounts of information.......

MenuBar, IE, iframe, z-index

I'm having trouble getting this menu to work in IE. It's
completely fine in Firefox - everything works great. But sadly, IE
munches nice clean Spry code from DWCS3. Maybe it has to do with my
layout... Can anyone see where I've gone wrong? It's a two column,
css layout w/navigation on the right.
Here's the problem:
(see test page at:
http://www.sharoncamarillo.com/new/template_b2.php
1. The sub-menus show up beneath the main page content
2. iFrame is set to show scrollbars instead of hiding them
3. When the 2nd IE hack is active (from
SpryMenuBarVertical.css), it overrides the background color in IE7
4. No submenus show up at all in IE 5.2 Mac.
What I most need to fix are items 1 & 2.
Content is in div "content_left",
Vertical menubar navigation is in div "content_right"...
Oooh. scratch that. I just figured out how to get the
vertical menubar layer ABOVE the content_left layer in IE - I
removed "position:relative;" from the css and it worked. Z-index
had no effect on the content_left/submenu interaction.
Now, the only major problems are the iFrame scrollbars and,
now that I can see the submenus, spacing between each <li>
that shouldn't be there, which looks like it is fixed by the IE
hack that uses @media screen, projection workaround.
Sorry if this is a rather stream of consciousness request.
Anyone have any ideas on how to fix items 2 & 4?

Hello,
I managed to find the reason the iframe appears under the
submenu. The problem exists because the ul container has 200 px
(ul.MenuBarVertical ul) and the iframe will have the same width
while the li childes have 185 px so the iframe became visible
because of the 15px difference.
You should either remove this line from your CSS:
ul.MenuBarVertical ul li {width:185px;}
either you increase the width to 200px or shrink the
container to 185px.
Regards,
Cristian

Display BEx query in iFrame (non portal)?

Hi,
We're currently having trouble displaying a BEx query URL in an iFrame outside of the portal. Meaning, we have a different application web server that is attempting to point to the URL from the SAP server.
When we simply paste the URL in the web browser, it's not a problem; so the URL is ok. However, when we include the URL in an iFrame, the portal login screen appears, but soon after you log in, the page loops infinitely through the same request and never gets to the intended page.
Has anyone run into a solution for this situation?
Thanks

Hi,
Check this link....might be useful to ur reqq..
Access BEx Queries through non-SAP Portal
http://help.sap.com/saphelp_nw2004s/helpdata/en/43/d08b00d73001b4e10000000a11466f/content.htm
Hope this helps u..
Best Reards,
VVenkat..

Bookmark links for OBI in an iFrame

Hi,
We have OBI within an iFrame within an ADF portal with a SSO solution. The URL to access portal is a different one than the standalone analytics instance. When we create bookmarks in OBI it generates a link with the portal URL and on trying to use this it just gets to the landing page of the portal and not the OBI application.
Has anyone successfully generated a bookmark link when OBI is sitting in an iFrame within a portal?

Hi,
I've seen some notes (http://gerardnico.com/wiki/dat/obiee/dashboard_url) on using the javascript function linkToPage(bInlineDrill,bGetBookmarkOnly) which depending on the parameters used (true/false) can prevent the address bar being updated and populates the variable saw.bookmarkURL with the bookmark link, however i'm having trouble getting it to work.
The note does specify for the Javascript function to work a HardenXSSconfiguration setting must be set to false - does this apply for 11g?
What is the security risk to the Presentation Layer if HardenXSSconfiguration is set to false ?
thanks

Adobe-Edge content not displayed in iframes on Internet Explorer 9

Hi all,
I'm having trouble to see my content, generated w/ Adobe Edge, on Internet Explorer 9, when I'm embedding via iframes.
Here's an example: http://n-land.de/bilder/bilder.html
Did anybody experience the same problem, yet?
Cheers,
Chris

Try this thread, it helped me:
http://stackoverflow.com/questions/13616478/why-doesnt-adobe-edge-animation-work-after-cop ying-generated-code-into-an-html
I had same problem - on all browsers Adoeb Edge app was swhowing in iframe except IE (9).
So i locally made another index.html file, which loads as object main animate html file. And then in iFrame I laod that index.html
<object data="adobe_edge_project_name.html" style="height:500px; width:810px"></object>

Iframe trouble

Similar Messages

Maybe you are looking for