Problems with ASP.Net object and Javascript

[tshad]

I have a function:

function SalaryDisplay(m e)
{
var salaryMinLabel = document.getEle mentById("Salar yMin");
salaryMinLabel. value = 200;
alert("after setting salaryMinLabel = " + salaryMinLabel. value);
}

I also have an asp.net object:

<asp:label id="SalaryMin" runat="server" />

Which renders into:

<span id="SalaryMin"> </span>

The function seems to find the span fine. The alert box shows that it is
set to 200. But the web page never shows it.

Is there a problem setting the span element?

Thanks,

Tom

[tshad]

"tshad" <ts**********@f tsolutions.com> wrote in message
news:Ow******** **********@news svr21.news.prod igy.com...

I have a function:

function SalaryDisplay(m e)
{
var salaryMinLabel = document.getEle mentById("Salar yMin");
salaryMinLabel. value = 200;
alert("after setting salaryMinLabel = " + salaryMinLabel. value);
}

I also have an asp.net object:

<asp:label id="SalaryMin" runat="server" />

Which renders into:

<span id="SalaryMin"> </span>

The function seems to find the span fine. The alert box shows that it is
set to 200. But the web page never shows it.

Is there a problem setting the span element?
I just change the object to an asp:textbox which renders into an input field
on the screen and this works fine.

In asp, you use a label object to display (and change) text on the screen
that is not part of an input type of field.

Is there a way to do this in Javascript/html?

I just want to be able to display the results of some calculations on a
field that the user inputs as just a label.

Thanks,

Tom
Thanks,

Tom

[David Dorward]

tshad wrote:

var salaryMinLabel = document.getEle mentById("Salar yMin");
salaryMinLabel. value = 200; <span id="SalaryMin"> </span> Is there a problem setting the span element?

Span elements don't have values. You need to create a new text node then
append it to the element to add text to it. Look at the JavaScript section
of the DOM 1 specification. http://w3.org/DOM/

--
David Dorward <http://blog.dorward.me .uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

[tshad]

I tried to do the same thing with the <lable> label item and had the same
problem. It shows that the value was changed, but it didn't seem to do
anything on the screen:

Yearly Compensation:<i nput name="SalaryMin " type="text" id="SalaryMin"
/>&nbsp;/&nbsp;
<span id="SalaryMax"> </span>
<Label id="SalaryMin2 " for="SalaryMin" >This is a test</Label> />

The javascript code:

function SalaryDisplay(m e)
{
alert("this.val ue = " + me.value);
var salaryMinLabel = document.getEle mentById("Salar yMin2");
salaryMinLabel. innerText = 200;
alert("after setting salaryMinLabel = " + salaryMinLabel. value);
}

This doesn't seem to work. I tried to do it directly
(SalaryMin2.inn erText=200), but that didn't work either.

Tom

"tshad" <ts**********@f tsolutions.com> wrote in message
news:VB******** **********@news svr21.news.prod igy.com...

"tshad" <ts**********@f tsolutions.com> wrote in message
news:Ow******** **********@news svr21.news.prod igy.com...

I have a function:

function SalaryDisplay(m e)
{
var salaryMinLabel = document.getEle mentById("Salar yMin");
salaryMinLabel. value = 200;
alert("after setting salaryMinLabel = " + salaryMinLabel. value);
}

I also have an asp.net object:

<asp:label id="SalaryMin" runat="server" />

Which renders into:

<span id="SalaryMin"> </span>

The function seems to find the span fine. The alert box shows that it is
set to 200. But the web page never shows it.

Is there a problem setting the span element?

I just change the object to an asp:textbox which renders into an input
field on the screen and this works fine.

In asp, you use a label object to display (and change) text on the screen
that is not part of an input type of field.

Is there a way to do this in Javascript/html?

I just want to be able to display the results of some calculations on a
field that the user inputs as just a label.

Thanks,

Tom

Thanks,

Tom

[nutso fasst]

"tshad" <ts**********@f tsolutions.com> wrote in message
news:Ow******** **********@news svr21.news.prod igy.com...

Is there a problem setting the span element?

A 'value' property on span does not display. The newly-created span element
is empty and needs to have a text node appended.

var salaryMinLabel = document.getEle mentById("Salar yMin");
var sMLText = document.create TextNode("200")
salaryMinLabel. appendChild(sML Text);
alert("after setting salaryMinLabel = " +
salaryMinLabel. firstChild.node Value);

nf

[tshad]

"nutso fasst" <no********@no. where> wrote in message
news:db******** **********@news svr21.news.prod igy.com...

"tshad" <ts**********@f tsolutions.com> wrote in message
news:Ow******** **********@news svr21.news.prod igy.com...

Is there a problem setting the span element?

A 'value' property on span does not display. The newly-created span
element
is empty and needs to have a text node appended.

var salaryMinLabel = document.getEle mentById("Salar yMin");
var sMLText = document.create TextNode("200")
salaryMinLabel. appendChild(sML Text);
alert("after setting salaryMinLabel = " +
salaryMinLabel. firstChild.node Value);

Works great.

Is there a way to create the child node at the beginning somehow?

The problem is that as I call this routine It creates another node each
time. I assume the next time I do the document.getEle mentById("Salar yMin")
the child node will still be there (since it was appended to the next time I
did it).

I am confused as to why or how it is working.

The 200 is showing on the screen, but when I do a viewsource, it isn't there
and doesn't seem to be anywhere on the page.

Here is the script from the viewsource of the page:

<script language="javas cript1.4">
function SalaryDisplay(m e)
{
alert("this.val ue = " + me.value);
var salaryMinLabel = document.getEle mentById("Salar yMin");
var sMLText = document.create TextNode("200")
salaryMinLabel. appendChild(sML Text);
SalaryMin2.inne rText = 200;
alert("after setting salaryMinLabel = " +
salaryMinLabel. firstChild.node Value);
}
</script>

Here is the html of the label (span):

&nbsp;&nbsp;Yea rly Compens:<span id="SalaryMin"> </span>&nbsp;/&nbsp;
<span id="SalaryMax"> </span>

As you can see there is no 200 there.

Thanks,

Tom

[tshad]

"tshad" <ts**********@f tsolutions.com> wrote in message
news:HH******** ******@newssvr1 4.news.prodigy. com...

"nutso fasst" <no********@no. where> wrote in message
news:db******** **********@news svr21.news.prod igy.com...

"tshad" <ts**********@f tsolutions.com> wrote in message
news:Ow******** **********@news svr21.news.prod igy.com...

Is there a problem setting the span element?
A 'value' property on span does not display. The newly-created span
element
is empty and needs to have a text node appended.

var salaryMinLabel = document.getEle mentById("Salar yMin");
var sMLText = document.create TextNode("200")
salaryMinLabel. appendChild(sML Text);
alert("after setting salaryMinLabel = " +
salaryMinLabel. firstChild.node Value);

Works great.

Is there a way to create the child node at the beginning somehow?

The problem is that as I call this routine It creates another node each
time. I assume the next time I do the
document.getEle mentById("Salar yMin") the child node will still be there
(since it was appended to the next time I did it).

I am confused as to why or how it is working.

The 200 is showing on the screen, but when I do a viewsource, it isn't
there and doesn't seem to be anywhere on the page.

Here is the script from the viewsource of the page:

<script language="javas cript1.4">
function SalaryDisplay(m e)
{
alert("this.val ue = " + me.value);
var salaryMinLabel = document.getEle mentById("Salar yMin");
var sMLText = document.create TextNode("200")
salaryMinLabel. appendChild(sML Text);
SalaryMin2.inne rText = 200;
alert("after setting salaryMinLabel = " +
salaryMinLabel. firstChild.node Value);
}
</script>

Here is the html of the label (span):

&nbsp;&nbsp;Yea rly Compens:<span id="SalaryMin"> </span>&nbsp;/&nbsp;
<span id="SalaryMax"> </span>

As you can see there is no 200 there.

I figured it out.

I just check to see if the firstchild is null. The script I came up with
is:

<script language="javas cript1.4">
function SalaryDisplay(m e)
{
if(me.id == "WagesMin")
var salaryMinLabel = document.getEle mentById("Salar yMin")
else
var salaryMinLabel = document.getEle mentById("Salar yMax");

if (salaryMinLabel .firstChild == null)
{
var sMLText = document.create TextNode("200") ;
salaryMinLabel. appendChild(sML Text);
}
else
{
salaryMinLabel. firstChild.node Value = 5;
}
}
</script>

This works really well for Span tags.

I have a question on textboxes (input type=text). If I use the above code
and I put the number 12345 in the textbox and then leave the box - it will
put the 200 on top of the 12345 (not instead of). It doesn't get rid of the
12345 before it writes the 200, so the 200 is superimposed ontop of the
12345.

When you try to select the text and it is highlighted, only the 12345 shows.
As soon as you get rid of the selection, then you see the 200 on top of the
12345 (or whatever you changed it to) again.

Is this because that the 12345 is the value and the 200 is something else?

Why is it on top of the 12345 instead of next to it?

Thanks,

Tom
Thanks,

Tom

[tshad]

Ok.

This obviously is not going to work. I spent a lot of time getting this
work correctly and just found that if you go back a page (or forward) and
then go back to the page - all this SPAN information that was just generated
is now gone. Probably related to why it doesn't appear in Viewsource.

Is there a way to make sure it stays with the page?

Thanks,

Tom

"tshad" <ts**********@f tsolutions.com> wrote in message
news:mS******** *******@newssvr 14.news.prodigy .com...

"tshad" <ts**********@f tsolutions.com> wrote in message
news:HH******** ******@newssvr1 4.news.prodigy. com...

"nutso fasst" <no********@no. where> wrote in message
news:db******** **********@news svr21.news.prod igy.com...

"tshad" <ts**********@f tsolutions.com> wrote in message
news:Ow******** **********@news svr21.news.prod igy.com...
Is there a problem setting the span element?

A 'value' property on span does not display. The newly-created span
element
is empty and needs to have a text node appended.

var salaryMinLabel = document.getEle mentById("Salar yMin");
var sMLText = document.create TextNode("200")
salaryMinLabel. appendChild(sML Text);
alert("after setting salaryMinLabel = " +
salaryMinLabel. firstChild.node Value);

Works great.

Is there a way to create the child node at the beginning somehow?

The problem is that as I call this routine It creates another node each
time. I assume the next time I do the
document.getEle mentById("Salar yMin") the child node will still be there
(since it was appended to the next time I did it).

I am confused as to why or how it is working.

The 200 is showing on the screen, but when I do a viewsource, it isn't
there and doesn't seem to be anywhere on the page.

Here is the script from the viewsource of the page:

<script language="javas cript1.4">
function SalaryDisplay(m e)
{
alert("this.val ue = " + me.value);
var salaryMinLabel = document.getEle mentById("Salar yMin");
var sMLText = document.create TextNode("200")
salaryMinLabel. appendChild(sML Text);
SalaryMin2.inne rText = 200;
alert("after setting salaryMinLabel = " +
salaryMinLabel. firstChild.node Value);
}
</script>

Here is the html of the label (span):

&nbsp;&nbsp;Yea rly Compens:<span id="SalaryMin"> </span>&nbsp;/&nbsp;
<span id="SalaryMax"> </span>

As you can see there is no 200 there.

I figured it out.

I just check to see if the firstchild is null. The script I came up with
is:

<script language="javas cript1.4">
function SalaryDisplay(m e)
{
if(me.id == "WagesMin")
var salaryMinLabel = document.getEle mentById("Salar yMin")
else
var salaryMinLabel = document.getEle mentById("Salar yMax");

if (salaryMinLabel .firstChild == null)
{
var sMLText = document.create TextNode("200") ;
salaryMinLabel. appendChild(sML Text);
}
else
{
salaryMinLabel. firstChild.node Value = 5;
}
}
</script>

This works really well for Span tags.

I have a question on textboxes (input type=text). If I use the above code
and I put the number 12345 in the textbox and then leave the box - it will
put the 200 on top of the 12345 (not instead of). It doesn't get rid of
the 12345 before it writes the 200, so the 200 is superimposed ontop of
the 12345.

When you try to select the text and it is highlighted, only the 12345
shows. As soon as you get rid of the selection, then you see the 200 on
top of the 12345 (or whatever you changed it to) again.

Is this because that the 12345 is the value and the 200 is something else?

Why is it on top of the 12345 instead of next to it?

Thanks,

Tom

Thanks,

Tom

[nutso fasst]

"tshad" <ts**********@f tsolutions.com> wrote in message
news:FW******** **********@news svr13.news.prod igy.com...

Is there a way to make sure it stays with the page?

The span tag is being created server-side (runat=server); that is the
'source' you view. Content changes you make client-side do not automatically
go back to the source, and they are not automatically saved/restored if you
switch to another page and then return. You could create a framed site and
save all current values for each page in variables in the top frame. I don't
know about .net, but suppose there is a database connector. Suggest you try
a Microsoft .net newsgroup.

nf

[RobG]

tshad wrote:

Ok.

Please don't top-post - read the group FAQ:

<URL:http://www.jibbering.c om/faq/#FAQ2_3>
This obviously is not going to work. I spent a lot of time getting this
work correctly and just found that if you go back a page (or forward) and
then go back to the page - all this SPAN information that was just generated
is now gone. Probably related to why it doesn't appear in Viewsource.
The page source is what was loaded from the server. Whatever you do
locally with scripting does not change the source any more than
modifying a photocopy changes the original.

Some information from history pages may be saved in cache by browsers
and used when the page is re-visited, but that mostly applies to data
entered into forms fields. Even then, you should not depend on this
behaviour being consistent across browsers. I don't think any
browser will cache changes made by scripts.

Is there a way to make sure it stays with the page?

This infers that you wish to maintain state somehow. Various methods
exist, such as storing user selections in a cookie or sending data
back to the server and then reconstructing the page when the user
re-visits. But that takes serious programming effort at both client
and server since the web is stateless and you are attempting to make
it otherwise.

[...]
--
Rob