bootstrap-tour icon indicating copy to clipboard operation
bootstrap-tour copied to clipboard

Target Elements in Embedded iframe

Open logoscreative opened this issue 11 years ago • 6 comments

I've followed along on #83, but can't seem to get things working no matter what I pass for element and container. Any insights on targeting elements inside an iframe from the same domain?

logoscreative avatar Aug 05 '14 18:08 logoscreative

Same here, looking for a solution to #83. I am facing another problem of disappearing element on prev/next click #85. Is there a solution or hints on how to solve it, yet?

boasbam avatar Sep 24 '14 10:09 boasbam

Did you try $("#iframe-id").contents().find("#element-id") for element?

sorich87 avatar Oct 17 '14 16:10 sorich87

Can't get this to work either. I tried $("#iframe-id").contents().find("#element-id"), but it makes no difference. (I did verify the element is found by jquery, but passing it to element doesn't do anything)

creynders avatar Oct 29 '14 12:10 creynders

Correction, it does do something, it creates an empty div (which is why I didn't notice it immediately):

<div class="tour-step-background" style="width: 37.777777671814px; height: 29.777777671814px; top: -1.01388883590698px; left: 988.62158203125px;"></div>

But no other elements are created.

creynders avatar Oct 29 '14 12:10 creynders

Has anyone found a solution to this issue? As a workaround I am just using the tour within the iframe, but it would be more ideal if I could have the tour go in and out of the iframe

reubenbrown avatar Dec 17 '14 21:12 reubenbrown

Hi, when I use $("#iframe-id").contents().find("#element-id"), the tooltip position with the offset relative to the iframe and not relative to the page. So the tooltip is not well positionned. Would you know how to fix this? Thanks!

podionne avatar Jul 11 '19 20:07 podionne