How to populate the url with a value that is entered in text box without reloading

[sarega]

Hi,
I have a text box, when a user enters some value into the text box, that value has to be populated in the url and as well as the value entered in that text box has to be retained.

<?
echo "<input type='text' id='text1' onchange=\"return_value()\" />
?>

Javascript code: am using ajax here

var xmlHttp;
function return_value() {
var x=document.getElementById('text1').value;
xmlHttp = GetXmlHttpObject();
if(xmlHttp == null) {
alert("Your browser does not support ajax");
return;
}
var url="ab.php";
url=url+"?x="+x;
xmlHttp.open("GET",url,true);
 xmlHttp.send(null);
xmlHttp.onreadystatechange = StateChanged;

function StateChanged() {
if(xmlHttp.readyState == 4) {
document.getElementById('toRelease').value = xmlHttp.responseText;
}
}

ab.php file

<?
$y=$_GET['x'];
echo $y;
?>

If i do this the value entered in the text box will be retained but i want that value to be populated in the url how to i do it??
Somebody plz help me
Thanks

[Dormilich]

but i want that value to be populated in the url how to i do it??

without reloading, not at all. you can set a new URL but this will cause the browser to load this URL (any other thing wouldn't make any sense). from Javascript you can set the new URL with window.location .href.

[Atli]

Hi.

You could add it to the URL, however.

If your on www.example.com and you do:
[code=javascript]window.location .hash = "SomeString ";[/code]
The URL would become www.example.com #SomeString.

Other than that, you can not change the actual URL without redirecting to the new URL. It would be just stupid if that were possible. You could have your web pretend to be whatever web you wanted... like say, your bank's website.

[sarega]

but by redirecting the url to new url ie reloading the value entered in text box will be lost...wht to do about it?

[Dormilich]

use PHP to populate the value attribute of your form element. for the <textarea> element to contain a default value, put the content between the tags.

// puts the text "write something in" in a input field
<input type="text" value="write something in" ... />

// writes "your story" in a <textarea>
<textarea ...>your story</textarea>