Variable in setCustomIcon ?

The Interactive SDK> Customize SHapes>Add Custom shapes example displays the custom icon with the text "Shape" plus it's ID. Here is the source:

var icon = "<div style='font-size:12px;font-weight:bold;borderolid 2px Black;background-color:Aqua;width:50px;'>Shape</div>";

However, I cant find anywhere in the source where the ID number is added to the word "Shape" that is between the DIV tags.

My problem is that I need to use text from another control on the page and place it where the "Shape" word is between the DIV tags, but I cant figure out how . I have tried:

pin3.SetCustomIcon("<div><script>document.write(document.getElementById('User2').value);</script></div>");

and to simplify by removing the reference to the other control:

pin3.SetCustomIcon("<div><script>document.write('testing');</script></div>");

Both of these scripts work fine in a normal <div> tag but neither works when wrapped inside the SetCustomIcon method.

I am hoping that if I can see how the SDK example is adding a variable between the DIV tags, I might figure out a better approach.....uhh...one that works!

var YourShapeIDinfo = "<img src='images/YourShapeIDimage.png'>"
latlong = new VELatLong(-53.83820892, -146.44835472)
YourShapeID = new VEShape(VEShapeType.Pushpin, latlong);
YourShapeID.SetCustomIcon('images/YourShapeIDpin.png')
YourShapeID.SetTitle('Your Shape Title');
YourShapeID.SetDescription(YourShapeIDinfo);
YourLayerID.AddShape(seers);

When you declare a variable within a function, the variable can only be accessed within that function. When you exit the function, the variable is destroyed. These variables are called local variables. You can have local variables with the same name in different functions, because each is recognized only by the function in which it is declared.

If you declare a variable outside a function, all the functions on your page can access it. The lifetime of these variables starts when they are declared, and ends when the page is closed.

So I guess that means that if you have a variable set in another function, you won't be able to use it. Not really sure what to do, but document.GetElementById() might work. Some more details about the situation might be helpful to those who actually know what they are talking about

Thanks for the reply. I will try your suggestion of declaring the HTML outside the setCustomIcon method. I noticed the interactive SDK used that technique, but the MSDN reference placed the HTML inside the method's argument....which is the way I did it.

You are right about variable scope. In my case, I will use the value of a control which is global (getElementById.....)

It was a simple syntax error. Am I the only intellisence-addict that is useless with NOTEPAD

This works:

var theUser = document.getElementById("User2).value;

pin2.setCustomIcon("<div>" + theUser + "</div>");