Write the value of a textbox somewhere else.

**CyClonenl** · 04-08-2006, 11:38 AM

Hi,

I want to write a value of a textbox somewhere else in the page, is that possible?
Im pritty new to this whole javascript thing, but i did some attempts on this one. All i could think about is this:

Code:

<input name="mytext" type="text" value="32" />
<script type="text/javascript">
document.write(mytext);
</script>

Next thing is that i want that value (in this case mytext) in a link. I already tried

Code:

<a href='mytext'

but it didnt work out as well

.

Well hope you can figure it out,

CyCloneNL

**gph** · 04-08-2006, 11:47 AM

I'm sure it's in here somewhere. That site might help you learn

**CyClonenl** · 04-08-2006, 11:53 AM

Wow thanks, got the first part of the problem solved already. It will write the text i write in my textbox somewhere else.

Now all i need to know how to get that in a link.

**DracoMerest** · 04-08-2006, 11:54 AM

You cannot 'easily' write to a page after it has loaded. Much easier to modify the contents of a layer.

Changing the link 'value' is a matter of assigning a new value to the HREF attribute of an ANCHOR object.

Code:

<html>
<body>
<form>
<input type="text" name="someText">
<input type="button" value="Write" onclick="document.all.link.href=document.getElementById('showText').innerText=this.form.someText.value;">
</form>
<div id="showText"></div>
<a href="" name="link">Variable link</a>
</body>
</html>

**gph** · 04-08-2006, 11:54 AM

The link text or href?

**CyClonenl** · 04-08-2006, 11:58 AM

I just want the people to write a site in a textbox and if they click go or something, they will go there.

**gph** · 04-08-2006, 12:03 PM

well the simple answer is

<input type="text" onchange="window.location.href=this.value">

**gph** · 04-08-2006, 12:09 PM

Just a note about the site I posted above.

It's useful for beginners but some questions are old. If you see something with "document.layers" or "document.all" use the modern equivalent document.getElementById('idStr')

**stephen1davis** · 04-08-2006, 12:13 PM

try this:

<html>
<head>
</head>

<body>

<script type="text/javascript">

function goToIt() {
window.location="http://"+document.main.site.value
}
</script>

<form name="main" action="javascript:goToIt()">
<input name="site" type="text" value="type a site">
<input type="submit" value="Go!">
</form>

</body>
</html>

**gph** · 04-08-2006, 12:26 PM

stephen1davis, just so you know, location is an object.

Changing the url with window.location is one of those things that works but is incorrect. You need to use the href property of the location object.

**stephen1davis** · 04-08-2006, 12:28 PM

i see- you mean say location.href, but i still don't see what you mean about it being an object, and why isn't it correct?.

**stephen1davis** · 04-08-2006, 12:38 PM

ok- i think i get it. you're saying that by using window.location=, you're not technically setting any properties for the object "location", and you should be setting the property "href". and of course "window" can be dropped anyway. (see, my education in javascript has been a little random...) makes good sense. thanks

**gph** · 04-08-2006, 12:41 PM

One of the properties of location is href that can be use to get or set the location. The default property of location is href, so my saying it's "incorrect" is wrong.

It's like using the keyword "with". It leaves the script open to interpretation by a browser. Better safe than sorry by pointing to the property directly:

window.location.href=string

or just

location.href=string

because window is assumed