html and variables

boylesg · Joined: 25 Apr 2008 Posts: 5

Don't know whether any one else has thought of this but I will share anyway....

I have a series of tables on different pages containing plant items. All the table cells are identical except for their contents.

Woundn't it be great if you could just define a table of variables containing the values you want to insert into each cell. Then you would just have to edit the variables in one place rather than scrolling through the table code or mucking around in Frontpage or what ever.

Nice idea except you can only use variables as paramaters to calls to javascript functions but you can't use them as paramters to html tags.

However I figured out that the bits of html code, where I wished to use my variables as parameters to html tags I could simply write into the page via java script. Here is an example:

A bit messy but it sure makes creating new pages and changing contents so much easier.

<tr>

<script language="javascript">
document.write("<td align=\"center\"><img border=\"0\" src=" + AWP14Photo + " width=\"210\" height=\"212\"></td>");
document.write("<td align=\"center\">" + AWP14SpeciesName + "</td>");
document.write("<td align=\"center\">" + AWP14CommonName + "</td>");
document.write("<td align=\"center\">" + AWP14Status + "</td>");
document.write("<td align=\"center\">" + AWP14Size + "</td>");
document.write("<td align=\"center\">" + '$' + AWP14Price + "</td>");
</script>

<td align="center"><input name=addbox type=button value=" Add to cart " onclick=Loc_additem("AWP014",AWP14Price,AWP14Desc,ThisPage)>

<input type=button name=subbox value="Subtract from cart" onclick=Loc_subitem("AWP014",AWP14Price,AWP14Desc,ThisPage)>

Quantity: <input type=text name=AWP014 size=2>

<applet code="fphover.class" codebase="./" width="38" height="38">
<param name="textcolor" value="#FFFFFF">
<param name="text" value=" ">
<param name="color" value="#FFFFFF">
<param name="hovercolor" value="#000000">
<param name="effect" value="reverseGlow">
<param name="bgcolor" value="#FFFFFF">
<param name="url" valuetype="ref" value="javascript:parent.updatemain_order()">
<param name="image" valuetype="ref" value="images/cart_go.png">
</applet>

</td>
</tr>

rangana · Posted: Tue Apr 29, 2008 1:18 am Post subject: Re: html and variables

Document.write is deprecated...you could change it to innerHTML Wink

boylesg · Joined: 25 Apr 2008 Posts: 5

rangana · Posted: Tue Apr 29, 2008 2:32 am Post subject: Re: html and variables

Being the easiest way to write HTML out from Javascript doesn't mean that it is the best way to write HTML from Javascript or even that it will work in all situations. In fact the document.write method is very limited in what you can do with it.
This links might be of help Wink

http://www.codingforums.com/showpost.php?p=366293&postcount=6
http://developer.apple.com/internet/webcontent/dom2i.html

dflynn · Posted: Tue Apr 29, 2008 2:57 am Post subject: Re: html and variables

I don't get the purpose of this... isn't it essentially just css in a rather confusing manner?

boylesg · Joined: 25 Apr 2008 Posts: 5

rangana · Posted: Tue Apr 29, 2008 11:01 am Post subject: Re: html and variables

boylesg · Joined: 25 Apr 2008 Posts: 5

dflynn · Posted: Tue Apr 29, 2008 11:36 am Post subject: Re: html and variables

It doesn't replace HTML completely, instead it replaces the parts that clutter HTML coding such as styling the page. so tags, and styles withing <body> tags etc.

It's not like Javascript, but I guess similar in the sense that it relies on HTML to exist, because without HTML the others are practically useless.

rangana · Posted: Wed Apr 30, 2008 1:22 am Post subject: Re: html and variables

CSS is different from HTML and is different from javascripts Wink

If I were to describe, web designing is like a house..HTML is your framework, your house's skeleton.

CSS paints the house, gives color and peculiar beauty Smile

Javascripts is your house's electricity, it powers your house...you could always live without electricity, but when there is one, your house will be lively Wink

Flash is like a big tv in the middle of the house...it adds to the house's liveliness.

Hope makes sense Smile