inserting javascript variables into HTML

[smanning]

In ASP you can insert an ASP variable directly into your HTML code by setting it off like this <%=variable%>.

Is there a way to do this in Javascript?


Thanks,

Steve

[cg9com]

var = "thingy";

i dont think you can call a variable from another javascript though, as you can add a variable through server side.

[beetle]

You'd have to use a full script tag

<script type="text/javascript">document.write(variable);</script>

Or you could use some sort of DOM compatible method for changing text on the page to the value of a variable.

[Borgtex]

I think that he means

<script>document.write(variable)</script>

[cg9com]

....the variable can be recognized inside another different script tag?

[beetle]

Originally posted by cg9com
....the variable can be recognized inside another different script tag? Yes, if it's global, that is.

[smanning]

This works for inserting the variable into text, but what if I want to insert it into a parameter in an HTML tag, like this:

<input type="hidden" name="whatever" value="(variable)">

It won't let me put a script tag inside another tag, will it?

[brothercake]

then

document.write('<input type="hidden" name="whatever" value="'+variable+'">');

[chrismiceli]

all this over
var hi="hi";
a simple line of code
:o

[whammy]

Just curious, (and here comes my famous question)... what are you really trying to accomplish?

Don't forget "Who, what, when, where, why, and how" - in plain english, not code! ;)

OR...

Give us your code example, and explain exactly what isn't working (that is, if brothercake's example didn't already solve your problem!).

If you're using ASP, there must be a myriad of solutions for what you're attempting. Can we have the whole story? :)

[smanning]

I'm not asking how to declare a variable. :rolleyes:

The whole story is this: I just started work at a place that has an extremely lame IS department and we have no true web development environment. They won't allow us to set up any server-side scripting support on our intranet because they consider it a security risk. So, I was trying to find a way to make client-side scripting do something I'm used to doing with server-side scripting: that is, intermingle the script with the HTML.

I forget the technical term for this, but in ASP and PHP you can just move back and forth from HTML to script in the same line of code. In ASP you do it like this:

<% myvariable=Steve %>

<div> Now we are in HTML. My name is <%=myvariable%>.
</div>

This would display in the browser:

Now we are in HTML. My name is Steve.


I was looking for a way to do something similar to this type of syntax in Javascript, though I suspect none exists.

Thanks,

Steve

[beetle]

Myself and Borgtex gave you the most direct way.

In case you are interested, I've a got a few scripts that use javascript to mimic server-side functionalities, such a virtual DBs, date handling, query-strings, etc.

[smanning]

I just noticed brothercake's suggestion of putting the entire line into a document.write. This does indeed work. I was hoping to avoid having to put long sections of HTML code into document.write all over the place so thought I'd check here to see if there was a way to do this without it.

Thanks!

[beetle]

How much HTML-code are you trying to insert? Is it mostly just text, or something like entire HTML tables?

You can use the DOM to avoid a bunch of document.writes...

[brothercake]

There's a specific reason why I suggested the document.write the whole element approach, basically: if the functionality of a web application is dependent on javascript, then using javascript to write the html which controls it is a good idea - that way, you avoid noscript visitors trying to interact with a form they can see but not use.

Even said .. the DOM after-approach is probably better anyway; ergo, document.write the form in javascript quite plain, then manipulate its values through the DOM.

[javascriptdummy]

Look at the code where it says "width:500px;height:300px"

Ideally, I'd like to replace 500 with widthOf variable, and 300 with heightOf variable. None of the examples seemed to work though. I am newbie to javascriipt.
<!--start of file!-->
<html>
<script language="JavaScript">

var heightOf=0;
var widthOf=0;
function makeheight(...){...}//make height
function makewidth(...){...}//make width
...
</script>
...
<div id="Folder" class="folder"
style="position:absolute; left:170px; top:162px; width:500px;
height:300px; z-index:2; visibility:hidden; overflow:auto">
blablabla
</div>
...
</html>
<!--end!-->