sending ctx tnside javascript script tag

[Jack Tauson]

In my script tag of a JSP page, I have the following:

function addIframe() {
	  var x = document.createElement("iframe");
          x.setAttribute("id", "PDFframe");
    	  x.setAttribute("src",  "http://localhost:8080/myapp/boxlabelpdf.htm");
	  x.setAttribute("style", "visibility:hidden;");
	  document.body.appendChild(x);
  }

 
 
In JSP page, I am calling some of my files like this:

<link href="${ctx}/styles/pagespecific/sample.css"
	type="text/css" rel="stylesheet" media="screen" />
<!-- Required script for QZ Tray  -->
<script type="text/javascript"
     src="${ctx}/scripts/js/qztray/qz-tray.js"></script>	

 


So ${ctx} is taking care of the domain name for me whether I'm running my code locally or on a server with a different domain.


Question is - How can I use it inside addIframe function such that I could use something like  x.setAttribute("src",  "${ctx}/boxlabelpdf.htm"); instead of x.setAttribute("src",  "http://localhost:8080/myapp/boxlabelpdf.htm"); ?

[Tim Holloway]

"${ctx}" gets substituted when the JSP is converted to HTML and sent out.

In the case where you're pulling in JavaScript from a separated file (resource), "${ctx}" wouldn't work, because your webapp server doesn't evaluate EL found in javascript or CSS files. However, you could pass "${ctx}" as a parameter (including the quotes!) to your addIFrame() function. and access it as a Javascript parameter variable.

Alternatively, you should be able to determine the value of ctx totally in javaScript code, although the details escape me at the moment.

Note that what you call "context" is actually 2 different values concatenated: The server protocol/address and the actual URL Context. For example, say if we had a webapp deployed under the context path "/forums", then what you'd specify as "ctx" would be "https://coderanch.com/forums". A site-relative URL doesn't need the "https://coderanch.com" and can instead just look under "/forums", by the way. A totally relative URL (no leading slash or server protocol/location) is also possible, but rarely a good idea.

[Jack Tauson]

Tim Holloway wrote: However, you could pass "${ctx}" as a parameter (including the quotes!) to your addIFrame() function. and access it as a Javascript parameter variable.

Thanks. This is what I ended up doing and it worked.