Dynamic IFrame Creation Caching Problem

**polymorphic** · Jul 30 '07, 06:49 PM

Dynamic IFrame Creation Caching Problem

I've been working on this problem on and off for a while now. I need to dynamically embed a pdf into an iframe. It works fine but the pdf is not caching. I assume that this is because the iframe is dynamic so that each time a new pdf is opened, a new iframe is created? Is there a way around this? I moved this from asp to html so that it supposedly WOULD cache the pdf. Could it be because I call the create iframe function from the onLoad event (onLoad="makeIf rame()")? Here is the function I am using:

[CODE=javascript]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TI TLE>2007 Catalog</TITLE>
<META http-equiv=Content-Type
content="text/html; charset=windows-1252">
<SCRIPT type="text/javascript">

var pageNo;
var nav;
pageNo = 1;

iframe = document.create Element("IFRAME ");

function makeIframe(nav) {

if (nav == "f")
{
if (pageNo < 102)
{
pageNo = pageNo + 1;
}
}
else if (nav == "b")
{
if (pageNo != 1)
{
pageNo = pageNo - 1;
}
}
else if (nav == "i")
{
pageNo = 2;
}

iframe.src = "javascript:'<H TML><HEAD>";
iframe.src += "<TITLE>Dyn amic IFrame</TITLE>";
iframe.src += '</HEAD><BODY>';
iframe.src += '<FORM method=get action=dummy.ph p>';
iframe.src += "</FORM><EMBED src=/Catalog/Page_" + pageNo + ".pdf toolbar=0;scrol lbar=1&page mode=none&z oom=50&mess ages=0&stat usbar=0&nav panes=0 width=600 height=650></EMBED></BODY></HTML>'";
document.body.a ppendChild(ifra me);
}
</SCRIPT>
<link href="../css/style.css" rel="stylesheet " type="text/css">
<link rel="stylesheet " href="styleshee ts/main.css" type="text/css">
</HEAD><BODY style="margin:0 %" onLoad="makeIfr ame()">
<table>
<tr>
<td width = "50%"><font color="#0000A0" >
<b>2007 Catalog</b></font>
</td>
<td width = "13%"></td>
<td width = "50%" align = "right">
<input type = "button" name = "bPrevious" value = "Previous" onClick="makeIf rame('b')">
<input type = "button" name = "bNext" value = "Next" onClick="makeIf rame('f')">
<input type = "button" name = "bIndex" value = "Index" onClick = "makeIframe('i' )">
<input type = "button" name = "bClose" value = "Close" onClick = "this.close ">
</td>
</tr>
</table>
</BODY>
</HTML>[/CODE]

**pbmods** · Jul 30 '07, 11:16 PM

Heya, polymorphic.

I can't be positive, but perhaps it has something to do with the fact that you are using embed tags.

What would happen if you just set the src of the iframe to the URI of the PDF?

**polymorphic** · Jul 31 '07, 03:30 PM

Originally posted by pbmods

Heya, polymorphic.

I can't be positive, but perhaps it has something to do with the fact that you are using embed tags.

What would happen if you just set the src of the iframe to the URI of the PDF?

Um, you could be right. The pdfs cache when I open the html independently of the rest of the site. However, if I link to the html page then no caching. What is the difference?

Here is the changed script:

Code:

<SCRIPT type="text/javascript">

var pageNo;
var nav;
pageNo = 1;

function makeIframe(nav) {

if (nav == "f")
 {
	if (pageNo < 102)
	{
    pageNo = pageNo + 1;
    }
 }
 else if (nav == "b")
 {
	if (pageNo != 1)
	{
    pageNo = pageNo - 1;
    }
 }
 else if (nav == "i")
 {
 	pageNo = 2;
 }
var iframe = document.createElement("IFRAME");
iframe.setAttribute("src", "/Catalog/Page_" + pageNo + ".pdf");
iframe.setAttribute("id", "contentFrom");
document.body.appendChild(iframe);
}
</SCRIPT>

The href link is in an includes file (which is called from an asp file) as follows:

Code:

<!-- #include virtual="/includes/leftMenu.inc" -->

Code:

<tr>
 <td><a href="catalog.html" target = "_blank" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('default_r3_c2','','images/default_r3_c2_f2.gif',1);"><img name="default_r3_c2" src="images/default_r3_c2.gif" width="160" height="40" border="0" alt=""></a></td>
</tr>

I do not understand why it makes a difference.

Dynamic IFrame Creation Caching Problem

Dynamic IFrame Creation Caching Problem

Comment

Comment

Comment