Changing a string into a Hyperlink

JR123

I need some help. When the user enters a number if there is a match I want it to display as a hyperlink to that specific section of an intranet site we have at work. I have quite a lot of data but have only put a few entries on as a example and not sure how to get it to display as a link.

[HTML]<html>
<head>
<TITLE>number Search</TITLE>
<script type="text/javascript">
var numbers = {"^[A-Z]{3}[A-Z0-9]$" : "Google",
"^S[A-Z0-9]{3}$" : "Yahoo",
"^G[A-Z0-9]{3}$" : "Hotmail",
"^U291$" : "Google"};

function getPhoneNumber(theForm)
{
var numberString = theForm.number.value;
var phoneNumField = theForm.phoneNum;
var foundPhoneNum = false;

var currRegExp;
for (var pattern in numbers)
{
currRegExp = new RegExp(pattern, "i");
if (currRegExp.test(numberString))
{
phoneNumField.value = numbers[pattern];
foundPhoneNum = true;
break;
}
}

if (!foundPhoneNum)
alert("no match");
}
</script>
</head>

<body>
<form>

<label for="number">Please Enter Number </label><input type="text" name="number" id="number">
<input type="button" value="Find" onclick="getPhoneNumber(this.form)">

<label for="phoneNum">The webpage is </label><input type="text" name="phoneNum" id="phoneNum">
<input TYPE="reset" NAME="Clear" VALUE="Clear">
</form>
</body>
</html>[/HTML]

acoder

Try the following:

Expand|Select|Wrap|Line Numbers

 <script type="text/javascript">

var numbers = {"^[A-Z]{3}[A-Z0-9]$","^S[A-Z0-9]{3}$","^G[A-Z0-9]{3}$","^U291$"};

var links = {"www.google.com","www.yahoo.com","www.hotmail.com","www.google.com"};

function getPhoneNumber(theForm)

{

  var numberString = theForm.number.value;

  var phoneNumField = theForm.phoneNum;

  var foundPhoneNum = false;
 
  var currRegExp;

  var pattern;

  for (i = 0; i < numbers.length; i++)

  {

    pattern = numbers[i];

    currRegExp = new RegExp(pattern, "i");

    if (currRegExp.test(numberString))

    {

      phoneNumField.value = links[i];

      foundPhoneNum = true;

      break;

    }

  }
 
  if (!foundPhoneNum)

    alert("no match");

}

</script>

Note I have created two arrays instead of one. Use the second one to store the links. If you still have problems, post again.

JR123

Try the following:

Expand|Select|Wrap|Line Numbers

<script type="text/javascript">

var numbers = {"^[A-Z]{3}[A-Z0-9]$","^S[A-Z0-9]{3}$","^G[A-Z0-9]{3}$","^U291$"};

var links = {"www.google.com","www.yahoo.com","www.hotmail.com","www.google.com"};

function getPhoneNumber(theForm)

{

  var numberString = theForm.number.value;

  var phoneNumField = theForm.phoneNum;

  var foundPhoneNum = false;

  var currRegExp;

  var pattern;

  for (i = 0; i < numbers.length; i++)

  {

    pattern = numbers[i];

    currRegExp = new RegExp(pattern, "i");

    if (currRegExp.test(numberString))

    {

      phoneNumField.value = links[i];

      foundPhoneNum = true;

      break;

    }

  }

  if (!foundPhoneNum)

    alert("no match");

}

</script>

Note I have created two arrays instead of one. Use the second one to store the links. If you still have problems, post again.

Hi
I tried your code as above but cant seem to get it working, not sure what ive done wrong?

acoder

Ok, I misunderstood your problem. Take your original code which was working fine. Now instead of displaying in a text box, use a div and display on that instead:

Expand|Select|Wrap|Line Numbers

 phoneNumLink.innerHTML = "<a href='"+numbers[pattern]+"'>"+numbers[pattern]+"</a>";
 

where phoneNumLink is a div object. AFAIK, you can't display links in text boxes.

JR123

Hi
I tried this out and got rid of the text box but I still can t seem to get this working, its probably something stupid.

acoder

Try this modified code:

Expand|Select|Wrap|Line Numbers

 var numbers = {"^[A-Z]{3}[A-Z0-9]$"     : "http://www.google.com",

        "^S[A-Z0-9]{3}$"         : "http://www.yahoo.com",

        "^G[A-Z0-9]{3}$"         : "http://www.hotmail.com",

        "^U291$"                 : "http://www.google.com"};
 
function getPhoneNumber(theForm)

{

  var numberString = theForm.number.value;

  var phoneNumLink = document.getElementById("phoneNum");

  var foundPhoneNum = false;
 
  var currRegExp;

  for (var pattern in numbers)

  {

    currRegExp = new RegExp(pattern, "i");

    if (currRegExp.test(numberString))

    {

      phoneNumLink.innerHTML = "<a href='"+numbers[pattern]+"'>"+numbers[pattern]+"</a>";

      foundPhoneNum = true;

      break;

    }

  }
 
  if (!foundPhoneNum)

    alert("no match");

}

and in the HTML
[HTML]The webpage is <div name="phoneNum" id="phoneNum"></div>[/HTML]

JR123

Try this modified code:

Expand|Select|Wrap|Line Numbers

var numbers = {"^[A-Z]{3}[A-Z0-9]$"     : "http://www.google.com",

        "^S[A-Z0-9]{3}$"         : "http://www.yahoo.com",

        "^G[A-Z0-9]{3}$"         : "http://www.hotmail.com",

        "^U291$"                 : "http://www.google.com"};

function getPhoneNumber(theForm)

{

  var numberString = theForm.number.value;

  var phoneNumLink = document.getElementById("phoneNum");

  var foundPhoneNum = false;

  var currRegExp;

  for (var pattern in numbers)

  {

    currRegExp = new RegExp(pattern, "i");

    if (currRegExp.test(numberString))

    {

      phoneNumLink.innerHTML = "<a href='"+numbers[pattern]+"'>"+numbers[pattern]+"</a>";

      foundPhoneNum = true;

      break;

    }

  }

  if (!foundPhoneNum)

    alert("no match");

}

and in the HTML
[HTML]The webpage is <div name="phoneNum" id="phoneNum"></div>[/HTML]

Hi
I tried the code but still cant get a link to display?

acoder

Post the whole code then and I'll test it.

Changing a string into a Hyperlink

Post your reply

Similar topics

Question stats

	Ask Question
Home Questions Articles Browse Topics Latest Top Members FAQ