Coding Forum

**collyer_1** · 08-26-2004, 02:15 AM

How do i make the content (a number value in this case) write into another part of the javascript?

example:

Code:

window.open('http://www.mywebsite.com/picture_##.gif')

where it says ## is where I want the forms value to write should it be something more like:

Code:

window.open('http://www.mywebsite.com/picture_'+'##'+'.gif')

**Christopher** · 08-26-2004, 02:42 AM

What kind of "forms value"? To get the value from an input box, for example, is easy. To get it from a drop down takes a bit more code.

Here's how you'd get it from an input box, replacing 'myform' and 'mytextbox' with the names of your form and input box.

Code:

num = document.myform.mytextbox.value;
window.open('http://www.mywebsite.com/picture_' + num + '.gif')

**collyer_1** · 08-26-2004, 12:47 PM

The code you gave me looks like it should work, but for some reason it doesn't. Here is the page (modified slightly) so you can see it.

HTML Code:

<html>
<body>

<SCRIPT LANGUAGE="javascript">

num = document.input.number.value;
function load()
{ window.open('http://www.MYWEBSITE.com/PICTURE_'+ num +'.gif'); }

</SCRIPT>

<form id="input">
<input id="number" type="text" size=6>
<input type="button" value="Submit" onClick="load()">
</form>

</body>
</html>

**JohnS** · 08-26-2004, 01:10 PM

Case sensitive image names? Are your images named 'picture' or 'PICTURE'? Something simple that always seems to get me! Not too good with javascript, but that looks as though it should work correctly to me?

**collyer_1** · 08-26-2004, 01:36 PM

no, case sensitive is not the issue...

Whenever I run the script the address comes out: www.mywebsite.com/picture_undefined.gif

so somewhere in the script it's failing and I don't know why

**Christopher** · 08-26-2004, 01:37 PM

Code:

<html>
<head>
    <script language="javascript">
    
    function load()
    {
        num = document.input.number.value;
        window.open('http://www.MYWEBSITE.com/PICTURE_'+ num +'.gif');
    }
    </script>
</head>
<body>

<form name="input">
<input name="number" type="text" size=6>
<input type="button" value="Submit" onClick="load()">
</form>

</body>
</html>

Two things, one is to use "name", not "id" and the second is to get the value 'num' inside of the function. The way you have it, 'num' will always be a nothing because as soon as the page loads it get's the value then.

**collyer_1** · 01:11 PM

Thanks alot Chroder it finally works. I'll also remember this:

Quote:

Originally Posted by Chroder

Two things, one is to use "name", not "id" and the second is to get the value 'num' inside of the function. The way you have it, 'num' will always be a nothing because as soon as the page loads it get's the value then.

----------------------------------------------------------------------------------

But wait there's more! Last night as I finally got the javascript working (thanks to much help from Chroder) I realizewd that I wanted the picture to open in a frame. I also realized that I havn't the faintest Idea how to make that work. Any thoughts?

Rundown:
The javascript (discussed above) is opened in the top frame (frame name= "top") when the javascript is executed i want the picture to open in the bottom frame (named= "body").