Coding Forum

**Spud In Disguise** · 11-01-2004, 03:01 PM

Hey. How would I go about creating this:

I want on a page on one of my sites to have a text box (or similar) that my guests can type an address into, then they can lick a button next to it and the address they types in will be opened in a new browser window. How do I do this?

Thanks!

**Minaki** · 11-01-2004, 04:36 PM

One way is:

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Address Demo</title>
<script type="text/javascript">
<!--
 function doGo() {
  Url = document.frmAddr.txtAddress.value
  window.open(Url, 'NewWindow', 'location=1,menubar=1,resizeable=1,scrollbars=1,status=1,toolbar=1');
 }
-->
</script>
</head>
<body>
 <form id="frmAddr" name="frmAddr" action="">
  <div>
   <input type="text" name="txtAddress" id="txtAddress" />
   <input type="button" name="cmdGo" id="cmdGo" value="Go" onclick="javascript:doGo();" />
  </div>
 </form>
</body>
</html>

Might need a bit of tweaking/fixing. I can tell you it's XHTML Compliant, but I can't guarantee my javascript will work :-P

**Spud In Disguise** · 11-01-2004, 04:46 PM

Yay!!!! That works fine! Just two things... How do I make it so that the 'http://' bit is already in the text box and when the user clicks inside the box it stays there,

and also how do I set it so that once an address is typed if the 'enter' key is pressed it has the same effect as the go button?

But excellent work!!! Thank you so much!

**foobar** · 11-01-2004, 06:53 PM

To make "http://" appear already ...

Change

HTML Code:

<input type="text" name="txtAddress" id="txtAddress" />

for ..

HTML Code:

<input type="text" name="txtAddress" id="txtAddress" value="http://" />

As for the "Enter" part, I have an idea, but I'm sure someone will come up with something better

.

**andrews_john** · 11-02-2004, 03:32 AM

Well, you may highlight your button (usually it's highlighted by default) so you just have to press "Enter". Or there is some way to set a "hot key" for a button trough <accesskey>

**nick89** · 11-02-2004, 06:06 AM

PHP Code:


			
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Address Demo</title>

<script type="text/javascript">

 <!-- 

function doGo() { 

var Url;

Url = document.frmAddr.txtAddress.value;

window.open(Url, 'NewWindow', 'location=1,menubar=1,resizeable=1,scrollbars=1,status=1,toolbar=1');

function keyGo{

var Url;

  if(event.which == 10){

    Url = document.frmAddr.txtAddress.value;

    window.open(Url, 'NewWindow', 'location=1,menubar=1,resizeable=1,scrollbars=1,status=1,toolbar=1');

  }

}

 } --> </script> 

</head><body>

<form id="frmAddr" name="frmAddr" action="">

<div> <input type="text" name="txtAddress" id="txtAddress" />

<input type="button" name="cmdGo" id="cmdGo" value="Go" onclick="javascript:doGo();" onkeypress="javascript:keyGo();" />  </div>  </form> </body> </html>

**Spud In Disguise** · 11-26-2004, 03:24 PM

Just noticed something with the JavaScript one:

the window that opens is non-resizeable... any thoughts?