[RESOLVED] Dynamically Creating Links

**tinders** · Nov 27th, 2008, 10:26 PM

OK, so I have a simple search form (just a text input box and a submit button). When I click the submit button, I'm using a script to create a whole bunch of links based off the input of the text box. For example

Code:

function searchit(){
var query = document.form.query.value;
var url1 = "google.com?q="+query;
var url2 = "whatever.com?search="+query; }

What I want to be able to do is launch a window which has these links listed saying something like:
Click here for Google results
Click here for Whatever results

and have that text link to the urls that the javascript has created.

Can I just do something like:

Code:

<a href='url1'>Click here for Google results</a>

Can anyone help me with this?

**coothead** · Nov 30th, 2008, 11:26 AM

Hi there tinders,

have a look at this example, it may suit your requirements...

Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>

<title></title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">

<style type="text/css">
#container {
    width:260px;
    padding:6px 0;
    margin:auto;
    border:3px double #003;
    background-color:#ccf;
    text-align:center;
 }
input {
    width:230px;
    margin:4px 0;
 }
.but {
    background-color:#003;
    color:#ccf;
 }
</style>

<script type="text/javascript">

if(window.addEventListener){
   window.addEventListener('load',init,false);
 }
else { 
if(window.attachEvent){
   window.attachEvent('onload',init);
  }
 }

function init(){

   df=document.forms[0];
   inp=df.elements;
   k=0;
   url=['http://www.google.co.uk/search?q=',
        'http://uk.search.yahoo.com/search?p=',
        'http://www.answers.com/main/ntquery?s='
       ];
   df[0].focus();

for(c=0;c<inp.length;c++) {
if(inp[c].className=='but'){
   inp[c].id=k++;
inp[c].onclick=function() {
   checkForm(this.id);
    }
   }
  }
 }

function checkForm(n) {

   term=df[0].value;
if(term=='') {
   alert('please select "search keyword"');
   df[0].focus();
   return;
 }
   location.href=url[n]+term;
 }

</script>

</head>
<body>

<form action="#">
<div id="container">
  <input type="text">
  <input class="but" type="button" value="search google">
  <input class="but" type="button" value="search yahoo">
  <input class="but" type="button" value="search answers">
</div>
</form>

</body>
</html>

**tinders** · Dec 1st, 2008, 06:56 PM

Thanks for that. It's not quite what I was after, but I've learnt a bit by studying the code regardless.

I actually ended up writing a script which initialises all the URL's I need as strings (var1, var2 for example), and then I called a popup, and used the document.write method to populate the window.

The links then became: <a href='+var1+' target="_blank">Text</a>

Thread: [RESOLVED] Dynamically Creating Links

Thread Tools

Display

[RESOLVED] Dynamically Creating Links

Re: Dynamically Creating Links

Re: Dynamically Creating Links

Posting Permissions