Maulik Posted November 24, 2017 Posted November 24, 2017 Hello, I have one iframe and I want to show the content in that iframe or iframe itself in the Invision Community popup using ips.ui.dialog. I have written the below code but after loading for sometime, the modal window showing the error message like " The page you requested does not exist ". Refer : <a href='elementWithDialog' data-ipsDialog data-ipsDialog-url='elementWithDialog'>Launch dialog</a> <div id='elementWithDialog' data-ipsDialog> testing... </div>
Nathan Explosion Posted November 24, 2017 Posted November 24, 2017 6 minutes ago, Maulik said: data-ipsDialog-url='elementWithDialog' Where is the URL?
Martin A. Posted November 24, 2017 Posted November 24, 2017 You want to use the option "data-ipsDialog-content='<selector>'". <a href='#elementWithDialog' data-ipsDialog data-ipsDialog-content='#elementWithDialog'>Launch dialog</a>
Maulik Posted November 25, 2017 Author Posted November 25, 2017 15 hours ago, Nathan Explosion said: Where is the URL? Hey Nathan, I want to show iframe in popup and my url is this : http://www.hairtransplantnetwork.com/Share-info/consult-select-surgeon.asp?SiteRef=HTN 9 hours ago, Martin A. said: You want to use the option "data-ipsDialog-content='<selector>'". <a href='#elementWithDialog' data-ipsDialog data-ipsDialog-content='#elementWithDialog'>Launch dialog</a> Hello, I just want to show whole iframe content in the modal popup. Code : <iframe marginwidth="0" marginheight="0" src="http://www.hairtransplantnetwork.com/Share-info/consult-select-surgeon.asp?SiteRef=HTN" frameborder="0" hspace="0" vspace="0" scrolling="auto" name="dmxLightbox" onload="frameLoaded(this)" align="absmiddle" width="100%" height="100%" class="old_dmxLightboxFrameContent" allowtransparency="false" style="background-color: rgb(0, 0, 0); display: block; height: 100%; width: 100%; top: 0px; left: 0px; overflow: auto; opacity: 1; visibility: visible;"></iframe>
newbie LAC Posted November 25, 2017 Posted November 25, 2017 Hello, <a href='#' data-ipsDialog data-ipsDialog-content='#dialogContent'>Launch dialog</a> <div id='dialogContent' class='ipsHide'> testing... </div> If you want get content by url you should provide an url example <a href='{expression="\IPS\Member::loggedIn()->url()"}' data-ipsDialog data-ipsDialog-url='{expression="\IPS\Member::loggedIn()->url()"}'>Launch dialog</a> 2 hours ago, Maulik said: I just want to show whole iframe content in the modal popup. <a href='#dialogContent' data-ipsDialog data-ipsDialog-content='#dialogContent'>Launch dialog</a> <div id="dialogContent" class='ipsHide'> <iframe marginwidth="0" marginheight="0" src="http://www.hairtransplantnetwork.com/Share-info/consult-select-surgeon.asp?SiteRef=HTN" frameborder="0" hspace="0" vspace="0" scrolling="auto" name="dmxLightbox" onload="frameLoaded(this)" align="absmiddle" width="100%" height="100%" class="old_dmxLightboxFrameContent" allowtransparency="false" style="background-color: rgb(0, 0, 0); display: block; height: 100%; width: 100%; top: 0px; left: 0px; overflow: auto; opacity: 1; visibility: visible;"></iframe> </div>
Maulik Posted November 27, 2017 Author Posted November 27, 2017 On 11/25/2017 at 12:30 PM, newbie LAC said: Hello, <a href='#' data-ipsDialog data-ipsDialog-content='#dialogContent'>Launch dialog</a> <div id='dialogContent' class='ipsHide'> testing... </div> If you want get content by url you should provide an url example <a href='{expression="\IPS\Member::loggedIn()->url()"}' data-ipsDialog data-ipsDialog-url='{expression="\IPS\Member::loggedIn()->url()"}'>Launch dialog</a> <a href='#dialogContent' data-ipsDialog data-ipsDialog-content='#dialogContent'>Launch dialog</a> <div id="dialogContent" class='ipsHide'> <iframe marginwidth="0" marginheight="0" src="http://www.hairtransplantnetwork.com/Share-info/consult-select-surgeon.asp?SiteRef=HTN" frameborder="0" hspace="0" vspace="0" scrolling="auto" name="dmxLightbox" onload="frameLoaded(this)" align="absmiddle" width="100%" height="100%" class="old_dmxLightboxFrameContent" allowtransparency="false" style="background-color: rgb(0, 0, 0); display: block; height: 100%; width: 100%; top: 0px; left: 0px; overflow: auto; opacity: 1; visibility: visible;"></iframe> </div> Thank you so much @newbie LAC.. ! You have solved our problem for which we're trying a lot since log time. . ! Keep helping
Recommended Posts
Archived
This topic is now archived and is closed to further replies.