Php photo gallery TWG | JFUploader | TWG Flash upload | WFU | Forum
https://www.tinywebgallery.com/forum/

Open iframe with the click of a button
https://www.tinywebgallery.com/forum/viewtopic.php?f=21&t=5623
Page 1 of 1

Author:  doken1313 [ 17. Dec 2018, 17:10 ]
Post subject:  Open iframe with the click of a button

Hello, please give me a working example for how to achieve the opening of an iframe (fixed size), with the click of a wordpress button. I am trying to reproduce this example http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/lazy-loading#e25 with no success.

I want to make use of:

[advanced_iframe use_shortcode_attributes_only="true" src="https://playl2.net/register" width="550" height="700" id="registration" show_iframe_loader="true" enable_lazy_load="true" enable_lazy_load_manual="true" show_part_of_iframe="true" show_part_of_iframe_x="0" show_part_of_iframe_y="126" show_part_of_iframe_width="533" show_part_of_iframe_height="573" multi_domain_enabled="true" use_post_message="true" ]

by clicking this button:

<div class="text-left" style="text-align: left;"><a id="registration" href="#"> REGISTER</a></div>

Author:  TinyWebGallery [ 17. Dec 2018, 23:13 ]
Post subject:  Re: Open iframe with the click of a button

Add

enable_lazy_load="true" enable_lazy_load_manual="true" enable_lazy_load_manual_element="#registration"

But are you sure you don't like this:
http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/show-the-iframe-as-layer

Best, Michael

Author:  doken1313 [ 22. Dec 2018, 15:47 ]
Post subject:  Re: Open iframe with the click of a button

Yes you are right. It's definitely better.
Now in case I want to use it with a button from my template, what do I need to change?
Code of my button is:
Code:
[yp_button id="linklayer2" href="https://playl2.net/account/register/" size="md" icon_before="fa fa-sign-in " target="registration"] CREATE ACCOUNT[/yp_button]

and I can only add a custom class there.
This example doesn't seem to work with change_parent_links_target="a#linklayer2" which is making sense 100% cause is not a hyperlink :)
Also is there a way to allow downloads from inside iframe? What I mean is to my case after the registration, there is a .txt file with some information that is automatically being created for each user.

Author:  doken1313 [ 22. Dec 2018, 17:08 ]
Post subject:  Re: Open iframe with the click of a button

Forget about the button question. I made a custom modal and hosted iframe in there.
However while it's displaying correctly now the content i want, I only seem to have a problem now with the download of this .txt file from inside the frame.
Tell me please if there is a solution about this.

Author:  TinyWebGallery [ 23. Dec 2018, 15:02 ]
Post subject:  Re: Open iframe with the click of a button

What is the problem with the txt file?
Do you provide any headers for this file from your server?

Best, Michael

Author:  doken1313 [ 23. Dec 2018, 17:16 ]
Post subject:  Re: Open iframe with the click of a button

Hello again. It's just a txt file with the credentials of the registered account, after the registration completes.
It starts the download but never ends. I'm not sure I understand what you mean with headers.

Author:  TinyWebGallery [ 24. Dec 2018, 16:26 ]
Post subject:  Re: Open iframe with the click of a button

I don't know what this actually has to do with the iframe.
Headers means the headers you can sent for specific file types from your server.

See e.g. https://perishablepress.com/http-headers-file-downloads/

Best, Michael

Author:  doken1313 [ 28. Dec 2018, 19:59 ]
Post subject:  Re: Open iframe with the click of a button

Oh php headers. Yes I'm sorry, I thought that iframe needed something more.
One last question please. I designed everything (chose x,y coordinates etc) and now my frame looks like http://prntscr.com/m0pgnb and it's fine. However I can't find a proper way to stop the scrolling so my players will never see something like this http://prntscr.com/m0ph4j

My frame now is:

[advanced_iframe use_shortcode_attributes_only="true" src="https://playl2.net/account/register/" width="550" height="700" class="registration_button" id="registration" url_forward_parameter="ALL" show_iframe_loader="true" show_part_of_iframe="true" show_part_of_iframe_x="72" show_part_of_iframe_y="20" show_part_of_iframe_width="394" show_part_of_iframe_height="577" show_part_of_iframe_style="border: 2px solid #1C232F;" show_part_of_iframe_next_viewports_loop="true" show_part_of_iframe_new_url="https://playl2.net/account/login/" show_part_of_iframe_next_viewports_hide="true" onload_resize="true" multi_domain_enabled="true" use_post_message="true" ]

And decreasing the height does not solve my problem, is just moving the active window lower.

Author:  doken1313 [ 30. Dec 2018, 00:29 ]
Post subject:  Re: Open iframe with the click of a button

I'm not sure if I can even send a pm :)

Author:  TinyWebGallery [ 31. Dec 2018, 01:29 ]
Post subject:  Re: Open iframe with the click of a button

change height="700" to something much bigger. So that the whole page does fit.

Best, Michael

Page 1 of 1 All times are UTC + 1 hour [ DST ]
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/