How to set part of iframe src dynamically?

Mattlav · 02-04-2013, 04:03 PM

Hi all,

i am calling a url via an iframe which is a jre application.. in the url the is parts which im trying to make dynamic so i can set them via a javascript file?

Is this possible so as an example i have:

Code:

<iframe src="http://myname/test/frmservlet?config=test&FORM=FORMNUMBER.fmx&userid=USERNAME/USERNAME@DATABASE" width="100%" height="100%"></iframe>

Of which im trying to me "FORMNUMBER, USERNAME and database" all dynamic bits of the src as they may be different..

can anyone help me?

Matt

Old Pedant · 02-04-2013, 10:26 PM

Code:

<html>
...
<body>
...
<iframe id="zamboni" style="width: 100%; height: 100%;"></iframe>
...
<script type="text/javascript">
var formnumber = 7731; // or wherever you get this from
var username = "Harry Houdini";
var database = "topSecret.mdb";

// make sure the values can be used in a URL:
var encFormnumber = encodeURIComponent( formnumber + ".fmx" );
var encUserid = encodeURIComponent( username + "/" + username + "@" + database );

var frm = document.getElementById("zamboni");
frm.src = "http://myname/test/frmservlet?config=test&FORM=" + encFormnumber
        + "&userid=" + encUserid;
</script>
</body>
</html>

Yes, put the JS just before the </body> and after the <iframe>.

Mattlav · 02-05-2013, 10:48 AM

Quote:

Originally Posted by Old Pedant

Code:

<html>
...
<body>
...
<iframe id="zamboni" style="width: 100%; height: 100%;"></iframe>
...
<script type="text/javascript">
var formnumber = 7731; // or wherever you get this from
var username = "Harry Houdini";
var database = "topSecret.mdb";

// make sure the values can be used in a URL:
var encFormnumber = encodeURIComponent( formnumber + ".fmx" );
var encUserid = encodeURIComponent( username + "/" + username + "@" + database );

var frm = document.getElementById("zamboni");
frm.src = "http://myname/test/frmservlet?config=test&FORM=" + encFormnumber
        + "&userid=" + encUserid;
</script>
</body>
</html>

Yes, put the JS just before the </body> and after the <iframe>.

thanks so much.. it worked

my brain was having a confused moment!