HTML inside an array

trying · 02-01-2005, 07:48 PM

I am sure that there is a simple way to "mark" or code say a link inside a javascript array.
daySchedule[2] = "Continue with Word 2003 Introduction at http://atomiclearning.com"

All I want to do is make the http://atomiclearning.com a real link not just words. I have tried a lot of things but I am not trying the correct thing! Thanks for your help.

metazai · 02-04-2005, 09:32 AM

Could you post more of your JavaScript, so we can see how you want the link to be displayed? It is possible to populate a variable with text that can then be displayed as html code (hence the link), but not if you are processing the variable arrays in a way that won't allow it.

In other words, post the script, if you can.

trying · 02-04-2005, 10:48 AM

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT language = "javascript" type="text/javascript">


</script>

I had wanted to put a link inside the quotation marks that follow the daySchedule[].

Thanks for your help.

redhead · 02-04-2005, 12:50 PM

Code:

daySchedule[1] = "Continue lessons in <a href=\"http://atomiclearning.com\">http://atomiclearning.com</a> - username rmote password learn"

??
Unless the document.Calendar.dateInfo.value is refering to an <input type=text> somewhere in the page, then it can't be done.

metazai · 02-04-2005, 01:39 PM

Well, it just goes to show you . . . I came up with a complicated parser that will break open any line put in the array, pick out the http:// prefix, and automatically link the item for you, and Redhead comes along and just hardcodes it, which is the simpler fix if you're putting in the array elements yourself.

Bottom line . . . Redhead is absolutely right, especially about document.Calendar.dateInfo.value needing to not be a form element (links won't work directly within form elements).

At any rate, here's my extended solution, in case you're curious:

Code:

function showDate(thisDay)
{
var parts=daySchedule[thisDay].split(' ');
var i=0;
subpiece = new Array
for (var i=0; i<parts.length; i++) {
subpiece[i] = parts[i].substring(0,7);
if (subpiece[i] == "http://") {
parts[i]="<a href=\"" + parts[i] + "\">" + parts[i] + "</a>";
}}
daySchedule[1]=parts.join(' ');
document.Calendar.dateInfo.value = daySchedule[thisDay]
}

trying · 02-04-2005, 01:42 PM

It does call <input=text> lower in the body of the page and it references the number in the brackets [1]. I am curious however because I am trying to learn how to do this!! Thank you so much.