JavaScript output to url

Question

I need to output a DIV width into a URL for an iframe but am having some trouble. I have managed to get java to output the div width, but encounter a problem when getting this into the URL. Below is the code I am using (notice the width=

<iframe src="http://www.coveritlive.com/index2.php/option=com_altcaster/task=viewaltcast/altcast_code=3f43697a78/height=670/width=<script language='javascript'>var e = document.getElementById('Single2');
document.write(e.offsetWidth);</script>"></iframe>

This outputs the URL as:

http://www.coveritlive.com/index2.php/option=com_altcaster/task=viewaltcast/altcast_code=3f43697a78/height=670/width=var e = document.getElementById('Single2'); document.write(e.offsetWidth);

As you can see the URL has the full javascript in, not just it's output.

Ideally the URL should be as such (lets assume the DIV width is 650px).

http://www.coveritlive.com/index2.php/option=com_altcaster/task=viewaltcast/altcast_code=3f43697a78/height=670/width=650

Any ideas how I can get this working?

Java != Javascript. See Java vs. JavaScript: Similarities and Differences, Java vs. JavaScript, and What is JavaScript and how is it different from Java Technology?. — Jomoos
– Jomoos, Commented Jan 1, 2012 at 14:47
I don't know why you got a low grade on the question. This is a relevant question. I've seen many developers making this mistake.. — guy mograbi
– guy mograbi, Commented Jan 1, 2012 at 15:03

guy mograbi · Accepted Answer · 2012-01-01 15:02:12Z

2

You should do this in the following way (pseudo code)

<iframe id="myIframe"></iframe>
<script>
document.getElementById("myIframe").src = ... // construct URL here 
</script>

Let me know if you need a working example.

Here is a working example

<head>
<script type="text/javascript">
function changeContent()
{
    console.log("changing src");
    var myIframe = document.getElementById("guy");
    myIframe.src = "http://steps.mograbi.info/users/sign_in?unauthenticated=true&width=" + myIframe.offsetWidth;
}

</script>
</head>
<body>
<iframe id="guy"></iframe>
<script>
document.onload = changeContent();
</script>
</body>

If you track the network, you will see the width passing.. Network as seen in chrome when running my example

edited Jan 1, 2012 at 15:02

answered Jan 1, 2012 at 14:49

guy mograbi

28.9k17 gold badges91 silver badges128 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ijse · Accepted Answer · 2012-01-02 02:35:27Z

1

You can't put <script> tag in src, it will be treated as String.

<iframe id="myiframe"></iframe>

<script type='text/javascript'>
var e = document.getElementById('Single2');
var url = "http://www.coveritlive.com/index2.php/option=com_altcaster/task=viewaltcast/altcast_code=3f43697a78/height=670/width=" + e.offsetWidth;
document.getElementById("myiframe").setAttribute("src",url);
</script>

edited Jan 2, 2012 at 2:35

answered Jan 1, 2012 at 14:53

ijse

3,0451 gold badge22 silver badges25 bronze badges

Collectives™ on Stack Overflow

JavaScript output to url

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related