Hard reload iframe on partent page reload

Question

I have a master page which has 2 iframes - which are frequently updated. The problem is when I reload the master page - both of the iframes LOAD from CACHE (Chrome takes the cached versions no matter how much time has passed after the last updates of the iframe content). This is so frustrating. Can I force the master page to load the iframes FROM SERVER each time it is reloaded?

Thank you!

Dave

@daverichards that is great. However, we expect you to do your research before posting. So ideally this question would contain data as to why this link doesn't help you. You probably tried a couple of these methods, to say they didn't work, right? So please post results of these tries. Let us know what doesn't work, and what you expected from them instead. If you just say "they don't work", this question will likely be closed as a duplicate. You may be right, but the burden of proof is on the user asking the question here. — Patrice, Oct 19 '17 at 14:51

Ferhat BAŞ · Answer 1 · 2017-10-19T08:06:52.147

0

when you call the page then you add time like this www.example.com/iframe.html?q=201710191034123

Code

var d = new Date();
var iframe = $('#secondPage');
iframe.attr('src','www.yoursite.com/yourpage?g='+d.getTime())

edited Oct 19 '17 at 08:06

answered Oct 19 '17 at 07:34

Ferhat BAŞ

797
7
12

thank you - maybe you can show me the full code - how is this done? I have this code for iframe: – daverichards Oct 19 '17 at 08:02
Hi @daverichards I have added the code – Ferhat BAŞ Oct 19 '17 at 08:07
thank you! can yo please put this in FIDDLE? this code needs to be different for each iframe? – daverichards Oct 19 '17 at 08:12
Hi you can use this https://jsfiddle.net/xz58rut5/ – Ferhat BAŞ Oct 19 '17 at 08:20
thank you - I get this error when using your code:Uncaught TypeError: Cannot read property 'setAttribute' of null – daverichards Oct 19 '17 at 08:44
also - Ferhat - is there a way to just add some random value to the SRC itself inside the iframe tag???? – daverichards Oct 19 '17 at 08:48
It is already unique number, also it works on jsfiddle can you share your code in here? – Ferhat BAŞ Oct 19 '17 at 08:57
– daverichards Oct 19 '17 at 09:03
If I have multiple iframes - will I need separate codes for each of these? – daverichards Oct 19 '17 at 09:04
Please try this – Ferhat BAŞ Oct 19 '17 at 09:04
SUPERB - IT WORKS - so the javascript code needs to be placed after the iframe? what if I have 3 iframes - can I just make multiple scrips with their IDs? – daverichards Oct 19 '17 at 09:15
Just set d variable that looks like this d=new Date() .. iframe code.. and again d=new Date() ... – Ferhat BAŞ Oct 19 '17 at 09:17
will this work in all broswers?? – daverichards Oct 19 '17 at 09:17
you mean I need to creatE new variable like d - maybe g ? – daverichards Oct 19 '17 at 09:18
Yes because when you use it getting new time – Ferhat BAŞ Oct 19 '17 at 09:20
will this work in all browsers?? DO YOU THINK IT IS FUTURE-PROOF? is there any probability an update of browsers can make this not to work? – daverichards Oct 19 '17 at 09:22
I think it will bork because we use primitive code but i am not sure safari. If you use jquery it wull work whole browser. But please change code document.geelementById instead of $('#secondPage') and iframe.setattribute instead of iframe.attr('src', same code) – Ferhat BAŞ Oct 19 '17 at 09:28
can you please be so kind as to please send me the final variant here? – daverichards Oct 19 '17 at 09:30
https://jsfiddle.net/1jrrn481/ here is working code – Ferhat BAŞ Oct 19 '17 at 09:47
FANTASTIC - THIS IS THE MULTI IFRAME VERSION - should the script be placed above the iframes? – daverichards Oct 19 '17 at 09:53
Yes should be or use in document ready – Ferhat BAŞ Oct 19 '17 at 09:54
short question - what this stands for: – daverichards Oct 19 '17 at 11:13
It is for jsfiddle if you already inlude jquery library then you don't need it – Ferhat BAŞ Oct 19 '17 at 11:14
dear Ferhat - can you please take a look at this code: http://jsfiddle.net/hpyv3je1/ it does not seem to work on this page but works wonderfully on the other pages... – daverichards Oct 27 '17 at 07:25
I am not sure but there is one extra quetos please delete it that I have got into brackets below code before height `

` – Ferhat BAŞ Oct 27 '17 at 07:31
thank you very much for your kind reply....I corrected the code and it still does not work - please look here - http://jsfiddle.net/hpyv3je1/1/ it gives this error - Uncaught ReferenceError: $ is not defined at 162 – daverichards Oct 27 '17 at 07:58
which refers to this line iframe = $('#firstPage'); – daverichards Oct 27 '17 at 07:59
You should add JQuery library `` – Ferhat BAŞ Oct 27 '17 at 08:05
WONDERFUL!!! THANK YOU FOR YOUR FABULOUS HELP!!! TESHEKKUR EDERIM!!))) MUKKEMEL!) – daverichards Oct 27 '17 at 08:09
ONE MORE QUESTION IT SAYS Error parsing 'integrity' attribute ('sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt‌4='). The digest must be a valid, base64-encoded value. – daverichards Oct 27 '17 at 08:10
delete it – Ferhat BAŞ Oct 27 '17 at 08:14
I put it as this yes? ; One final question I am using the dreamweaver CC 2017 - the iframes keep flashing black and white - what do you think might be the reason for this? – daverichards Oct 27 '17 at 08:19
https://jsfiddle.net/jbae3vyL/ – Ferhat BAŞ Oct 27 '17 at 08:23
I could n't understand what you are saying, your document backgroud is black, and I think iframe backgroud (called by iframe) is white hence you thought is flashing – Ferhat BAŞ Oct 27 '17 at 08:38
yes - it is all working great now - thank you for your time!!!) wish I could add you as friend here) have a great day!) – daverichards Oct 27 '17 at 08:48
You are welcome of it is possible then you can add as friend – Ferhat BAŞ Oct 27 '17 at 09:03
Hello Ferhat - how are you????)) I have one more question - I have an image which loads inside an IFRAME which is refreshed each time with your code - but the image gets taken from the cache!! can you please help me with this as well? how can I force an image to reload from server each time? – daverichards Nov 23 '17 at 09:54
Hi Dave, I am good and hope you are very well, I can give you some advice but I need to see your code for exact solution, so you can use same algorithm if image name is same but content is different, then it will try to load from server. If it wont be solution then you can access on skype here is my skype account ferhatbas1981@hotmail.com – Ferhat BAŞ Nov 23 '17 at 10:01
thank you!"))))) I am using this code to refresh an image: d = new Date(); $("#myimg").attr("src", "/myimg.jpg?"+d.getTime()); I am using this line to show the image - it does not work(((( – daverichards Nov 23 '17 at 10:41
How can I reach full code or test environment for what you want to do? – Ferhat BAŞ Nov 23 '17 at 10:46
thank you) here is the link https://jsfiddle.net/edbf1rtq/ I cannot load the image via the second placeholder - myimg – daverichards Nov 23 '17 at 10:51
Hi You can see working code in https://jsfiddle.net/napa6h4a/ – Ferhat BAŞ Nov 23 '17 at 11:35
thank you for your fabulous reply - this code will autorefresh an image each 3 seconds? Can you please help me make the image be fresh-loaded just each time the page is reloaded?.....I just need the image to be downloaded from server each time the page is reloaded – daverichards Nov 23 '17 at 11:48
d = new Date(); $("#myimg").attr("src", "http://i66.tinypic.com/6fme5c.jp?d="+d.getTime()); just use these two rows code – Ferhat BAŞ Nov 23 '17 at 11:49
also your img doesnt have id defintion dont forget add in your code id="myimg" – Ferhat BAŞ Nov 23 '17 at 11:50
thanks)))) please help me make a working fiddle!) I use this and it does not work.... – daverichards Nov 23 '17 at 11:52
Hi https://jsfiddle.net/yoLopt3s/ this code without timer – Ferhat BAŞ Nov 23 '17 at 11:54
thank you!) not sure what I am doing wrong - can you please check this one last time Ferhat? https://jsfiddle.net/bcozxp5t/ – daverichards Nov 23 '17 at 12:18
You miss one letter in js that is ....jp?d= it should be ...jpg?d= – Ferhat BAŞ Nov 23 '17 at 12:24
thank you but it still does not work((((((((((((((((((((((((((((((((((((((( – daverichards Nov 23 '17 at 12:31
do you think you can correct this fiddle one last time? https://jsfiddle.net/bcozxp5t/ – daverichards Nov 23 '17 at 12:31
because your js fiddle doesnt have jquery library please add this as extarnal library https://code.jquery.com/jquery-3.2.1.min.js – Ferhat BAŞ Nov 23 '17 at 12:32
Also you have to use document.ready or your script have to after html code. – Ferhat BAŞ Nov 23 '17 at 12:35
I think stackoverflow admin will banned to us because here is not chat platform. please send to me mail – Ferhat BAŞ Nov 23 '17 at 12:36
great - sent the email - pls check!) – daverichards Nov 23 '17 at 12:42
ferhatbas1981@hotmail.com – Ferhat BAŞ Nov 23 '17 at 12:42
yes - sent the email to you) – daverichards Nov 23 '17 at 13:17
the error I get = myimg Failed to load resource: net::ERR_FILE_NOT_FOUND – daverichards Nov 23 '17 at 13:20
I didnt get your email – Ferhat BAŞ Nov 23 '17 at 13:26
pls check - Line7 – daverichards Nov 23 '17 at 13:28
which code this jsfiddle.net/bcozxp5t where is code – Ferhat BAŞ Nov 23 '17 at 13:31
here is the code http://jsfiddle.net/bcozxp5t/1/ please make it work!) – daverichards Nov 23 '17 at 14:25
Hi you can use this https://jsfiddle.net/r351s50y/1/ – Ferhat BAŞ Nov 23 '17 at 14:40

Hard reload iframe on partent page reload

1 Answers1