Reload iframe from another

Scriptcase 9 General
#1

Hi, I need to reload an Iframe from another. I have a blank app with 2 iframes. I need to reload left iframe from the right one that have a Menu whith a grid and when the user click the image call to another blank that add or update the table tha use on the left. I tried a lot of code but doesn’t work. I can not use a dashboard because of the menu.

<iframe  id="iframe_articu" src="../grid_pedarttemp/index.php"  class="left"  scrolling="auto" frameborder="0"></iframe>

<iframe id="iframe_selec" src="../menu_categ/index.php"   class="right"  scrolling="auto" frameborder="0"></iframe>

resto
resto1826×689 114 KB

Thks.

#2

Try something like this

echo "<script>
parent.iframe_articu.location.reload();
</script>";
#3

Thank you jlboutin60 but does not work.

#4

I tried this from the blank that I use to update de table, but I get a null value

msedge_pkSC1YdMAl

#5

Can you give a name to your frame (like left_frame) and use the name instead of the id

echo "<script>
parent.left_frame.location.reload();
</script>";
#6

You can also try

echo "<script>
parent.getElementById("iframe_articu").location.reload();
</script>";

or if you prefer jQuery

echo "<script>
$('#iframe_articu',parent.document).attr('src',$('#iframe_articu',parent.document).attr('src'));
</script>";
#7

Thank you very much. I tried all that I found on internet. JS, JQuery, Ajax, but nothing works.

All getelementbyid return a null value (name or id) when I ask in the blank app that I call (open in iframe) from the grid inside the menu on the right iframe.

#8

The problem is that they may already be inside a parent, so you may have to use

parent.parent.getElementByID

or

top.getElementByID

#9

Genius! right answer. I have also a container. Thank you very much. I am burn out!

This works perfect

var fram=top.document.getElementById(‘iframe_articu’);
var srcant = fram.src;
fram.src=’’;
fram.src = srcant;

#10

When I call the blank from the menu is not top anymore and does not work. I tried top.parent. but not working.

#11

The menu should be on top, so window.document.getElementById() should work directly

Also be sure that the app is fully loaded before doing the call

Without seeing your app it’s hard to answer

1 Like
#12

The menu call this blank

resto
resto1172×681 167 KB

When I click the image call a blank (open in iframe) updating data and runs the script to refresh the left iframe

#13

This is the blank that im trying to update the left iframe

resto
resto1453×745 167 KB

#14

Finally I got it! Thank you for your js class.

var fram=parent.parent.parent.document.getElementById(‘iframe_articu’);

#15

can you please elaborate the solution. i have the same issue form a calendar popup. when i click on an appointment, a popup with details appear. when i use a button to go to anoter grid. the only options i got is another tab or in the popup (that never shows well). i would like to close the popup and open the new gris in the parent

#16

Hi rotrax, the solution was using 3 parent to find the iframe to reload from the blank that i call the refresh using:

var fram=parent.parent.parent.document.getElementById(‘iframe_articu’);
var srcant = fram.src;
fram.src=’’;
fram.src = srcant;

on the last lines of the last image.

#17

ok many thanks, i’ll take a look