Convert asp.net VB code behind script to Javascript
Is there are way that i can convert the attached VB script to Java so i can avoid the Gridviews Postback and possible speed up the process?
the code should be fired when the value of the Dropdown list in the gridview has changed.
Thank You!
the code should be fired when the value of the Dropdown list in the gridview has changed.
Thank You!
---This is the GridView Code---
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
DataSourceID="SqlDataSource1" CssClass="GridViewStyle"
DataKeyNames="item_id" DataMember="DefaultView" ShowFooter="True"
AllowSorting="True" >
<RowStyle CssClass="RowStyle" />
<EmptyDataRowStyle CssClass="EmptyRowStyle" />
<PagerStyle CssClass="PagerStyle" />
<SelectedRowStyle CssClass="SelectedRowStyle" />
<HeaderStyle CssClass="HeaderStyle" />
<EditRowStyle CssClass="EditRowStyle" />
<AlternatingRowStyle CssClass="AltRowStyle" />
<Columns>
<asp:BoundField DataField="item_id" HeaderText="Item ID"
SortExpression="item_id" />
<asp:TemplateField>
<ItemTemplate>
<div>
<a href="#" onclick="openRadWindow('http://search.com'); return false;">
<img src='<%# Eval("Item_Image") %>' height="20px" /></a>
</div>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="unit_of_measure" HeaderText="Unit of Measure"
SortExpression="unit_of_measure" />
<asp:BoundField DataField="item_desc" HeaderText="Item Description"
SortExpression="item_desc" />
<asp:BoundField DataField="Last Order Date" DataFormatString="{0:d}"
HeaderText="Last Invoice Date" SortExpression="Last Order Date" />
<asp:TemplateField HeaderText="Price" SortExpression="unit_price">
<ItemTemplate>
<asp:Label ID="Price" runat="server" Text='<%# Bind("unit_price", "{0:c}") %>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("unit_price") %>'></asp:TextBox>
</EditItemTemplate>
<FooterTemplate>
</FooterTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Qty">
<ItemTemplate>
<asp:DropDownList ID="ddlDropDownList" runat="server" AutoPostBack="True"
onselectedindexchanged="ddlDropDownList_SelectedIndexChanged">
<asp:ListItem Text="0" Value="0" Selected="True"></asp:ListItem>
<asp:ListItem Text="1" Value="1"></asp:ListItem>
<asp:ListItem Text="2" Value="2"></asp:ListItem>
<asp:ListItem Text="3" Value="3"></asp:ListItem>
<asp:ListItem Text="4" Value="4"></asp:ListItem>
<asp:ListItem Text="5" Value="5"></asp:ListItem>
<asp:ListItem Text="6" Value="6"></asp:ListItem>
<asp:ListItem Text="7" Value="7"></asp:ListItem>
<asp:ListItem Text="8" Value="8"></asp:ListItem>
<asp:ListItem Text="9" Value="9"></asp:ListItem>
<asp:ListItem Text="10" Value="10"></asp:ListItem>
<asp:ListItem Text="11" Value="11"></asp:ListItem>
<asp:ListItem Text="12" Value="12"></asp:ListItem>
<asp:ListItem Text="13" Value="13"></asp:ListItem>
<asp:ListItem Text="14" Value="14"></asp:ListItem>
<asp:ListItem Text="15" Value="15"></asp:ListItem>
<asp:ListItem Text="16" Value="16"></asp:ListItem>
<asp:ListItem Text="17" Value="17"></asp:ListItem>
<asp:ListItem Text="18" Value="18"></asp:ListItem>
<asp:ListItem Text="19" Value="19"></asp:ListItem>
<asp:ListItem Text="20" Value="20"></asp:ListItem>
<asp:ListItem Text="21" Value="21"></asp:ListItem>
<asp:ListItem Text="22" Value="22"></asp:ListItem>
<asp:ListItem Text="23" Value="23"></asp:ListItem>
<asp:ListItem Text="24" Value="24"></asp:ListItem>
<asp:ListItem Text="25" Value="25"></asp:ListItem>
<asp:ListItem Text="26" Value="26"></asp:ListItem>
<asp:ListItem Text="27" Value="27"></asp:ListItem>
<asp:ListItem Text="28" Value="28"></asp:ListItem>
<asp:ListItem Text="29" Value="29"></asp:ListItem>
<asp:ListItem Text="30" Value="30"></asp:ListItem>
<asp:ListItem Text="33" Value="31"></asp:ListItem>
<asp:ListItem Text="33" Value="32"></asp:ListItem>
<asp:ListItem Text="33" Value="33"></asp:ListItem>
<asp:ListItem Text="34" Value="34"></asp:ListItem>
<asp:ListItem Text="35" Value="35"></asp:ListItem>
<asp:ListItem Text="36" Value="36"></asp:ListItem>
<asp:ListItem Text="37" Value="37"></asp:ListItem>
<asp:ListItem Text="38" Value="38"></asp:ListItem>
<asp:ListItem Text="39" Value="39"></asp:ListItem>
<asp:ListItem Text="40" Value="40"></asp:ListItem>
<asp:ListItem Text="44" Value="41"></asp:ListItem>
<asp:ListItem Text="44" Value="42"></asp:ListItem>
<asp:ListItem Text="44" Value="44"></asp:ListItem>
<asp:ListItem Text="44" Value="45"></asp:ListItem>
<asp:ListItem Text="45" Value="45"></asp:ListItem>
<asp:ListItem Text="46" Value="46"></asp:ListItem>
<asp:ListItem Text="47" Value="47"></asp:ListItem>
<asp:ListItem Text="48" Value="48"></asp:ListItem>
<asp:ListItem Text="49" Value="49"></asp:ListItem>
<asp:ListItem Text="50" Value="50"></asp:ListItem>
</asp:DropDownList>
<asp:Label runat="server" ID="lblOrderStatus"></asp:Label>
</ItemTemplate>
<ItemStyle Font-Bold="True" Font-Size="Medium" />
</asp:TemplateField>
<asp:TemplateField HeaderText="Extended Price">
<ItemTemplate>
<asp:Label runat="server" ID="Totals"></asp:Label>
</ItemTemplate>
<FooterTemplate>
<asp:Label runat="server" ID="SubTotals"></asp:Label>
<asp:Label ID="lblTotal" runat="server"></asp:Label>
</FooterTemplate>
</asp:TemplateField>
</Columns>
<HeaderStyle
Font-Size="XX-Small" />
<AlternatingRowStyle Font-Size="XX-Small" />
</asp:GridView>
---this is the CodeBehind script I would like to convert---
Dim TotalUnitPrice As Decimal = 0.0
Protected Sub ddlDropDownList_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs)
Dim ddlCurrentDropDownList As DropDownList = CType(sender, DropDownList)
Dim grdrDropDownRow As GridViewRow = (CType(ddlCurrentDropDownList.Parent.Parent, GridViewRow))
Dim lblCurrentStatus As Label = CType(grdrDropDownRow.FindControl("lblOrderStatus"), Label)
If Not lblCurrentStatus Is Nothing Then
Dim ddlCurrent As DropDownList = sender
'try to get the rox index
Dim grdRow As GridViewRow = ddlCurrentDropDownList.Parent.Parent
Dim Row As GridViewRow = CType(CType(sender, Control).Parent.Parent, _
GridViewRow)
'end
Dim index As Integer = Row.RowIndex
Dim lbl As Label = Row.FindControl("Totals")
Dim txtPrice As Label = Row.FindControl("Price")
Dim lbQty As DropDownList = Row.FindControl("ddlDropDownList")
Dim qty As String = CInt(lbQty.SelectedValue)
Dim price As Double = CDbl(txtPrice.Text)
Dim lblTotal As Label = GridView1.FooterRow.FindControl("SubTotals")
lbl.Text = String.Format("{0:c}", (CType(qty, Decimal) * CType(price, Decimal)))
Dim PriceTotal As String = String.Format("{0:c}", (CType(qty, Decimal) * CType(price, Decimal)))
TotalUnitPrice = Session("SubTotal") + PriceTotal
Session("SubTotal") = TotalUnitPrice
lblTotal.Text = String.Format("{0:c}", Session("SubTotal"))
End If
End Sub
ASKER
Here is the source.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
</title><link href="../YahooGridView.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" language="ecmascript">
function ShowBiggerImage(obj) {
document.getElementById("LargeImageContainerDiv").innerHTML = "<img src='" + obj.src + "'+'' >";
}
function ShowDefaultImage(obj) {
document.getElementById("LargeImageContainerDiv").innerHTML = "";
}
function DisplayDefaultImage(img) {
img.src = '../../se/images/items/blank.gif';
}
</script>
</head>
<div style="position: relative; float: right; right: 1%; top: 1%">
<img src="../Images/mydiamed300.png" />
</div>
<div id="main">
<form name="form1" method="post" action="DiAdvantage.aspx" id="form1">
<div>
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__LASTFOCUS" id="__LASTFOCUS" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="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" />
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="/MyDiaMedUSA/WebResource.axd?d=BgvZTsLtqJYB-9bRV0fUGA2&t=633913468437500000" type="text/javascript"></script>
<script src="/MyDiaMedUSA/ScriptResource.axd?d=yo0OxvHbmlSW7A6TdUpw9cIrgM_8FXTX3kKMC_mh55cL-Do8_MgjyMK-7RLwv7gF4fXwJXQtY3uycFVREOkJGofshvO6jabge_3kKVTAyiQ1&t=fffffffff6ecad7b" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');
//]]>
</script>
<script src="/MyDiaMedUSA/ScriptResource.axd?d=yo0OxvHbmlSW7A6TdUpw9cIrgM_8FXTX3kKMC_mh55cL-Do8_MgjyMK-7RLwv7gFf9BfsWdknlAC4OpADuf6UnwUcxuTsQ40NLzUBxYffK_V3JD93q8SXsHGrs1MhaZf0&t=fffffffff6ecad7b" type="text/javascript"></script>
<div>
<input type="hidden" name="__SCROLLPOSITIONX" id="__SCROLLPOSITIONX" value="0" />
<input type="hidden" name="__SCROLLPOSITIONY" id="__SCROLLPOSITIONY" value="0" />
<input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="" />
</div>
<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ScriptManager1', document.getElementById('form1'));
Sys.WebForms.PageRequestManager.getInstance()._updateControls(['tUpdatePanel1'], [], [], 90);
//]]>
</script>
<div id="LargeImageContainerDiv"
style="position: fixed; z-index: auto; left: 50%; bottom: 40%"></div>
A copy of this message is also being send to <b>cmcfarland@diamedusa.com</span> </b> <br />
<b><span id="notelbl">Notes:</span></b> <br />
<textarea name="SpecNotes" rows="4" cols="20" id="SpecNotes" style="width:400px;"></textarea>
<input type="submit" name="Button2" value="Submit" id="Button2" />
<div id="UpdateProgress1" style="display:none;">
<span lang="en-us">Please Wait....</span>
</div>
<span id="UpdatePanel1">
<div>
<table class="GridViewStyle" cellspacing="0" rules="all" border="1" id="GridView1" style="border-collapse:collapse;">
<tr class="HeaderStyle">
<th scope="col"><a href="javascript:__doPostBack('GridView1','Sort$item_id')">Item ID</a></th><th scope="col"> </th><th scope="col"><a href="javascript:__doPostBack('GridView1','Sort$UOM')">Unit of Measure</a></th><th scope="col"><a href="javascript:__doPostBack('GridView1','Sort$item_desc')">Item Description</a></th><th scope="col"><a href="javascript:__doPostBack('GridView1','Sort$price')">Price</a></th><th scope="col">Qty</th><th scope="col">Extended Price</th>
</tr><tr class="RowStyle">
<td>K5150</td><td>
<div>
<img id="GridView1_ctl02_Image1" onerror="DisplayDefaultImage(this)" onmouseover="ShowBiggerImage(this);" onmouseout="ShowDefaultImage(this);" src="/se/images/items/i10252.jpg" style="width:20px;border-width:0px;" />
</div>
</td><td>BX</td><td>ALCOHOL PREP PADS MED 200/BX</td><td>
<span id="GridView1_ctl02_Price">$1.33</span>
</td><td style="font-size:Medium;font-weight:bold;">
<select name="GridView1$ctl02$ddlDropDownList" onchange="javascript:setTimeout('__doPostBack(\'GridView1$ctl02$ddlDropDownList\',\'\')', 0)" id="GridView1_ctl02_ddlDropDownList">
<option selected="selected" value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">33</option>
<option value="32">33</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">44</option>
<option value="42">44</option>
<option value="44">44</option>
<option value="45">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
</select>
<span id="GridView1_ctl02_lblOrderStatus"></span>
</td><td>
<span id="GridView1_ctl02_Totals"></span>
</td>
</tr><tr class="AltRowStyle">
<td>P150145</td><td>
<div>
<img id="GridView1_ctl03_Image1" onerror="DisplayDefaultImage(this)" onmouseover="ShowBiggerImage(this);" onmouseout="ShowDefaultImage(this);" src="/se/images/items/i19012.jpg" style="width:20px;border-width:0px;" />
</div>
</td><td>BX</td><td>BANDAGES, 3/4X3, SHEER, L/F, 100/BX</td><td>
<span id="GridView1_ctl03_Price">$1.65</span>
</td><td style="font-size:Medium;font-weight:bold;">
<select name="GridView1$ctl03$ddlDropDownList" onchange="javascript:setTimeout('__doPostBack(\'GridView1$ctl03$ddlDropDownList\',\'\')', 0)" id="GridView1_ctl03_ddlDropDownList">
<option selected="selected" value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">33</option>
<option value="32">33</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">44</option>
<option value="42">44</option>
<option value="44">44</option>
<option value="45">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
</select>
<span id="GridView1_ctl03_lblOrderStatus"></span>
</td><td>
<span id="GridView1_ctl03_Totals"></span>
</td>
</tr><tr class="RowStyle">
<td>P159025</td><td>
<div>
<img id="GridView1_ctl04_Image1" onerror="DisplayDefaultImage(this)" onmouseover="ShowBiggerImage(this);" onmouseout="ShowDefaultImage(this);" src="/se/images/items/i17418.jpg" style="width:20px;border-width:0px;" />
</div>
</td><td>BG</td><td>COTTON BALLS, MED, 2000/BG</td><td>
<span id="GridView1_ctl04_Price">$6.06</span>
</td><td style="font-size:Medium;font-weight:bold;">
<select name="GridView1$ctl04$ddlDropDownList" onchange="javascript:setTimeout('__doPostBack(\'GridView1$ctl04$ddlDropDownList\',\'\')', 0)" id="GridView1_ctl04_ddlDropDownList">
<option selected="selected" value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">33</option>
<option value="32">33</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">44</option>
<option value="42">44</option>
<option value="44">44</option>
<option value="45">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
</select>
<span id="GridView1_ctl04_lblOrderStatus"></span>
</td><td>
<span id="GridView1_ctl04_Totals"></span>
</td>
</tr><tr class="AltRowStyle">
<td>RT-24</td><td>
<div>
<img id="GridView1_ctl05_Image1" onerror="DisplayDefaultImage(this)" onmouseover="ShowBiggerImage(this);" onmouseout="ShowDefaultImage(this);" src="/se/images/items/i10061.jpg" style="width:20px;border-width:0px;" />
</div>
</td><td>PK</td><td>ELECTRODE RESTING EKG TAB</td><td>
<span id="GridView1_ctl05_Price">$3.44</span>
</td><td style="font-size:Medium;font-weight:bold;">
<select name="GridView1$ctl05$ddlDropDownList" onchange="javascript:setTimeout('__doPostBack(\'GridView1$ctl05$ddlDropDownList\',\'\')', 0)" id="GridView1_ctl05_ddlDropDownList">
<option selected="selected" value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">33</option>
<option value="32">33</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">44</option>
<option value="42">44</option>
<option value="44">44</option>
<option value="45">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
</select>
<span id="GridView1_ctl05_lblOrderStatus"></span>
</td><td>
<span id="GridView1_ctl05_Totals"></span>
</td>
</tr><tr class="RowStyle">
<td>P157117</td><td>
<div>
<img id="GridView1_ctl06_Image1" onerror="DisplayDefaultImage(this)" onmouseover="ShowBiggerImage(this);" onmouseout="ShowDefaultImage(this);" src="" style="width:20px;border-width:0px;" />
</div>
</td><td>PK</td><td>GAUZE PAD 4X4 N/S 8-PLY</td><td>
<span id="GridView1_ctl06_Price">$2.32</span>
</td><td style="font-size:Medium;font-weight:bold;">
<select name="GridView1$ctl06$ddlDropDownList" onchange="javascript:setTimeout('__doPostBack(\'GridView1$ctl06$ddlDropDownList\',\'\')', 0)" id="GridView1_ctl06_ddlDropDownList">
<option selected="selected" value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">33</option>
<option value="32">33</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">44</option>
<option value="42">44</option>
<option value="44">44</option>
<option value="45">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
</select>
<span id="GridView1_ctl06_lblOrderStatus"></span>
</td><td>
<span id="GridView1_ctl06_Totals"></span>
</td>
</tr><tr class="AltRowStyle">
<td>164200</td><td>
<div>
<img id="GridView1_ctl07_Image1" onerror="DisplayDefaultImage(this)" onmouseover="ShowBiggerImage(this);" onmouseout="ShowDefaultImage(this);" src="/se/images/items/i09967.jpg" style="width:20px;border-width:0px;" />
</div>
</td><td>BX</td><td>GLOVE LATEX P/F MED INNOVAGRIP</td><td>
<span id="GridView1_ctl07_Price">$3.95</span>
</td><td style="font-size:Medium;font-weight:bold;">
<select name="GridView1$ctl07$ddlDropDownList" onchange="javascript:setTimeout('__doPostBack(\'GridView1$ctl07$ddlDropDownList\',\'\')', 0)" id="GridView1_ctl07_ddlDropDownList">
<option selected="selected" value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">33</option>
<option value="32">33</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">44</option>
<option value="42">44</option>
<option value="44">44</option>
<option value="45">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
</select>
<span id="GridView1_ctl07_lblOrderStatus"></span>
</td><td>
<span id="GridView1_ctl07_Totals"></span>
</td>
</tr><tr class="RowStyle">
<td>115200</td><td>
<div>
<img id="GridView1_ctl08_Image1" onerror="DisplayDefaultImage(this)" onmouseover="ShowBiggerImage(this);" onmouseout="ShowDefaultImage(this);" src="/se/images/items/i05014.jpg" style="width:20px;border-width:0px;" />
</div>
</td><td>BX</td><td>GLOVE LATEX MED DERMASSIST</td><td>
<span id="GridView1_ctl08_Price">$4.23</span>
</td><td style="font-size:Medium;font-weight:bold;">
<select name="GridView1$ctl08$ddlDropDownList" onchange="javascript:setTimeout('__doPostBack(\'GridView1$ctl08$ddlDropDownList\',\'\')', 0)" id="GridView1_ctl08_ddlDropDownList">
<option selected="selected" value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">33</option>
<option value="32">33</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">44</option>
<option value="42">44</option>
<option value="44">44</option>
<option value="45">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
</select>
<span id="GridView1_ctl08_lblOrderStatus"></span>
</td><td>
<span id="GridView1_ctl08_Totals"></span>
</td>
</tr><tr class="AltRowStyle">
<td>7400</td><td>
<div>
<img id="GridView1_ctl09_Image1" onerror="DisplayDefaultImage(this)" onmouseover="ShowBiggerImage(this);" onmouseout="ShowDefaultImage(this);" src="/se/images/items/i03933.jpg" style="width:20px;border-width:0px;" />
</div>
</td><td>PK</td><td>OTOSCOPE SPECULA, 4MM, DISP,</td><td>
<span id="GridView1_ctl09_Price">$19.78</span>
</td><td style="font-size:Medium;font-weight:bold;">
<select name="GridView1$ctl09$ddlDropDownList" onchange="javascript:setTimeout('__doPostBack(\'GridView1$ctl09$ddlDropDownList\',\'\')', 0)" id="GridView1_ctl09_ddlDropDownList">
<option selected="selected" value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">33</option>
<option value="32">33</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">44</option>
<option value="42">44</option>
<option value="44">44</option>
<option value="45">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
</select>
<span id="GridView1_ctl09_lblOrderStatus"></span>
</td><td>
<span id="GridView1_ctl09_Totals"></span>
</td>
</tr><tr class="RowStyle">
<td>P080063</td><td>
<div>
<img id="GridView1_ctl10_Image1" onerror="DisplayDefaultImage(this)" onmouseover="ShowBiggerImage(this);" onmouseout="ShowDefaultImage(this);" src="" style="width:20px;border-width:0px;" />
</div>
</td><td>BX</td><td>PREGNANCY HCG TEST PRO ADVANTAGE</td><td>
<span id="GridView1_ctl10_Price">$18.95</span>
</td><td style="font-size:Medium;font-weight:bold;">
<select name="GridView1$ctl10$ddlDropDownList" onchange="javascript:setTimeout('__doPostBack(\'GridView1$ctl10$ddlDropDownList\',\'\')', 0)" id="GridView1_ctl10_ddlDropDownList">
<option selected="selected" value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">33</option>
<option value="32">33</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">44</option>
<option value="42">44</option>
<option value="44">44</option>
<option value="45">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
</select>
<span id="GridView1_ctl10_lblOrderStatus"></span>
</td><td>
<span id="GridView1_ctl10_Totals"></span>
</td>
</tr><tr class="AltRowStyle">
<td>2161</td><td>
<div>
<img id="GridView1_ctl11_Image1" onerror="DisplayDefaultImage(this)" onmouseover="ShowBiggerImage(this);" onmouseout="ShowDefaultImage(this);" src="/se/images/items/i10364.jpg" style="width:20px;border-width:0px;" />
</div>
</td><td>BX</td><td>URINALYSIS STRIPS MULTISTIX 10SG</td><td>
<span id="GridView1_ctl11_Price">$39.25</span>
</td><td style="font-size:Medium;font-weight:bold;">
<select name="GridView1$ctl11$ddlDropDownList" onchange="javascript:setTimeout('__doPostBack(\'GridView1$ctl11$ddlDropDownList\',\'\')', 0)" id="GridView1_ctl11_ddlDropDownList">
<option selected="selected" value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">33</option>
<option value="32">33</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">44</option>
<option value="42">44</option>
<option value="44">44</option>
<option value="45">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
</select>
<span id="GridView1_ctl11_lblOrderStatus"></span>
</td><td>
<span id="GridView1_ctl11_Totals"></span>
</td>
</tr><tr class="RowStyle">
<td>2001</td><td>
<div>
<img id="GridView1_ctl12_Image1" onerror="DisplayDefaultImage(this)" onmouseover="ShowBiggerImage(this);" onmouseout="ShowDefaultImage(this);" src="/se/images/items/i09766.jpg" style="width:20px;border-width:0px;" />
</div>
</td><td>BX</td><td>URINALYSIS STRIPS, REDISCREEN,</td><td>
<span id="GridView1_ctl12_Price">$21.95</span>
</td><td style="font-size:Medium;font-weight:bold;">
<select name="GridView1$ctl12$ddlDropDownList" onchange="javascript:setTimeout('__doPostBack(\'GridView1$ctl12$ddlDropDownList\',\'\')', 0)" id="GridView1_ctl12_ddlDropDownList">
<option selected="selected" value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">33</option>
<option value="32">33</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">44</option>
<option value="42">44</option>
<option value="44">44</option>
<option value="45">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
</select>
<span id="GridView1_ctl12_lblOrderStatus"></span>
</td><td>
<span id="GridView1_ctl12_Totals"></span>
</td>
</tr><tr>
<td> </td><td> </td><td> </td><td> </td><td>
</td><td> </td><td>
<span id="GridView1_ctl13_SubTotals"></span>
<span id="GridView1_ctl13_lblTotal"></span>
</td>
</tr>
</table>
</div>
</span>
<input type="submit" name="Button1" value="Submit" id="Button1" />
<script type="text/javascript">
//<![CDATA[
theForm.oldSubmit = theForm.submit;
theForm.submit = WebForm_SaveScrollPositionSubmit;
theForm.oldOnSubmit = theForm.onsubmit;
theForm.onsubmit = WebForm_SaveScrollPositionOnSubmit;
Sys.Application.initialize();
Sys.Application.add_init(function() {
$create(Sys.UI._UpdateProgress, {"associatedUpdatePanelId":"UpdatePanel1","displayAfter":50,"dynamicLayout":true}, null, null, $get("UpdateProgress1"));
});
//]]>
</script>
</form>
</body>
</div>
</html>
Hello phoenixfire425,
Try this :
Try this :
function TotalUnitPrice() {
//var table = document.getElementById("<%= GridView1.clientID %>");
var table = document.getElementById("GridView1");
var rows = table.getElementsByTagName("tr");
// subtotalprice = 0;
total = 0;
for(var t=1;t<rows.length-1;t++) {
var cells = rows[t].getElementsByTagName("td");
var price = cells[4].getElementsByTagName("span")[0].innerHTML;
var qty = cells[5].getElementsByTagName("select")[0].value;
// subtotalprice += parseFloat( price.replace("$","") );
var subtotalrow = parseFloat( price.replace("$","") ) * qty;
total += parseFloat( price.replace("$","") ) * qty;
cells[6].getElementsByTagName("span")[0].innerHTML = "$" + subtotalrow.toFixed(2);
}
// document.getElementById("<%= lblTotal.clientID %>").innerHTML = "$" + total;
document.getElementById("GridView1_ctl13_lblTotal").innerHTML = "$" + total.toFixed(2);
}
You may replace (uncomment/comment) :
var table = document.getElementById("G
by
var table = document.getElementById("<
and
document.getElementById("G
by :
document.getElementById("<
var table = document.getElementById("G
by
var table = document.getElementById("<
and
document.getElementById("G
by :
document.getElementById("<
ASKER
On the DropDown list i made changed the
onselectedindexchanged="dd
to
onselectedindexchanged="To
But i am receiving this error when the page tries to load.
Name 'lblTotal' is not declared.
onselectedindexchanged="dd
to
onselectedindexchanged="To
But i am receiving this error when the page tries to load.
Name 'lblTotal' is not declared.
what about ID:29481558 ?
ASKER
im sorry i dont think i understand.
Try :
function TotalUnitPrice() {
var table = document.getElementById("<%= GridView1.clientID %>");
var rows = table.getElementsByTagName("tr");
// subtotalprice = 0;
total = 0;
for(var t=1;t<rows.length-1;t++) {
var cells = rows[t].getElementsByTagName("td");
var price = cells[4].getElementsByTagName("span")[0].innerHTML;
var qty = cells[5].getElementsByTagName("select")[0].value;
// subtotalprice += parseFloat( price.replace("$","") );
var subtotalrow = parseFloat( price.replace("$","") ) * qty;
total += parseFloat( price.replace("$","") ) * qty;
cells[6].getElementsByTagName("span")[0].innerHTML = "$" + subtotalrow.toFixed(2);
}
document.getElementById("<%= lblTotal.clientID %>").innerHTML = "$" + total;
}
ASKER
This is what i got back Line 37 is highlights Red
Compiler Error Message: BC30451: Name 'lblTotal' is not declared.
Source Error:
Line 35: cells[6].getElementsByTagN
Line 36: }
Line 37: document.getElementById("<
Line 38: }
Line 39:
Compiler Error Message: BC30451: Name 'lblTotal' is not declared.
Source Error:
Line 35: cells[6].getElementsByTagN
Line 36: }
Line 37: document.getElementById("<
Line 38: }
Line 39:
Try :
function TotalUnitPrice() {
//var table = document.getElementById("<%= GridView1.clientID %>");
var table = document.getElementById("GridView1");
var rows = table.getElementsByTagName("tr");
// subtotalprice = 0;
total = 0;
for(var t=1;t<rows.length-1;t++) {
var cells = rows[t].getElementsByTagName("td");
var price = cells[4].getElementsByTagName("span")[0].innerHTML;
var qty = cells[5].getElementsByTagName("select")[0].value;
// subtotalprice += parseFloat( price.replace("$","") );
var subtotalrow = parseFloat( price.replace("$","") ) * qty;
total += parseFloat( price.replace("$","") ) * qty;
cells[6].getElementsByTagName("span")[0].innerHTML = "$" + subtotalrow.toFixed(2);
}
// document.getElementById("<%= lblTotal.clientID %>").innerHTML = "$" + total;
// document.getElementById("GridView1_ctl13_lblTotal").innerHTML = "$" + total.toFixed(2);
rows[rows.length-1].getElementsByTagName("span")[1].innerHTML = "$" + total.toFixed(2);
}
ASKER
its really odd but its giving the same error but line 38 is red
Compiler Error Message: BC30451: Name 'lblTotal' is not declared.
Source Error:
Line 36: cells[6].getElementsByTagN
Line 37: }
Line 38: // document.getElementById("<
Line 39: // document.getElementById("G
Line 40: rows[rows.length - 1].getElementsByTagName("s
Compiler Error Message: BC30451: Name 'lblTotal' is not declared.
Source Error:
Line 36: cells[6].getElementsByTagN
Line 37: }
Line 38: // document.getElementById("<
Line 39: // document.getElementById("G
Line 40: rows[rows.length - 1].getElementsByTagName("s
take your time and refresh the page, there's no lblTotal in the last one
ASKER
ok so I cleared my cache file on my browser and then refreshed the page with the code attached. and i get this error still.
Should the Dropdown list have the onselectedindexchanged="To
and i dont know if this matters but the ASP Label "lblTotal" is in the footer of the gridview?
Compiler Error Message: BC30451: Name 'lblTotal' is not declared.
Source Error:
Line 36: cells[6].getElementsByTagN
Line 37: }
Line 38: // document.getElementById("<
Line 39: // document.getElementById("G
Line 40: rows[rows.length - 1].getElementsByTagName("s
Should the Dropdown list have the onselectedindexchanged="To
and i dont know if this matters but the ASP Label "lblTotal" is in the footer of the gridview?
Compiler Error Message: BC30451: Name 'lblTotal' is not declared.
Source Error:
Line 36: cells[6].getElementsByTagN
Line 37: }
Line 38: // document.getElementById("<
Line 39: // document.getElementById("G
Line 40: rows[rows.length - 1].getElementsByTagName("s
function TotalUnitPrice() {
//var table = document.getElementById("<%= GridView1.clientID %>");
var table = document.getElementById("GridView1");
var rows = table.getElementsByTagName("tr");
// subtotalprice = 0;
total = 0;
for(var t=1;t<rows.length-1;t++) {
var cells = rows[t].getElementsByTagName("td");
var price = cells[4].getElementsByTagName("span")[0].innerHTML;
var qty = cells[5].getElementsByTagName("select")[0].value;
// subtotalprice += parseFloat( price.replace("$","") );
var subtotalrow = parseFloat( price.replace("$","") ) * qty;
total += parseFloat( price.replace("$","") ) * qty;
cells[6].getElementsByTagName("span")[0].innerHTML = "$" + subtotalrow.toFixed(2);
}
// document.getElementById("<%= lblTotal.clientID %>").innerHTML = "$" + total;
// document.getElementById("GridView1_ctl13_lblTotal").innerHTML = "$" + total.toFixed(2);
rows[rows.length-1].getElementsByTagName("span")[1].innerHTML = "$" + total.toFixed(2);
}
>Name 'lblTotal' is not declared
It's an error message from code behind. Confirm you get it at compilation or in the error page.
It's an error message from code behind. Confirm you get it at compilation or in the error page.
ASKER
I removed everything from my Codebehind and it still gives the same error.
I checked to make sure there were no calls for for the "lblTotal" in the Codebehind. and then ran the page.
I received this error.
line 35 is red.
Compilation Error
Description: An error occurred during the compilation of a resource required to service this request. Please review the following specific error details and modify your source code appropriately.
Compiler Error Message: BC30451: Name 'lblTotal' is not declared.
Source Error:
Line 33: cells[6].getElementsByTagN
Line 34: }
Line 35: document.getElementById("<
Line 36: }
Line 37: </script>
I checked to make sure there were no calls for for the "lblTotal" in the Codebehind. and then ran the page.
I received this error.
line 35 is red.
Compilation Error
Description: An error occurred during the compilation of a resource required to service this request. Please review the following specific error details and modify your source code appropriately.
Compiler Error Message: BC30451: Name 'lblTotal' is not declared.
Source Error:
Line 33: cells[6].getElementsByTagN
Line 34: }
Line 35: document.getElementById("<
Line 36: }
Line 37: </script>
why this code come back ?
check ID:29490632
check ID:29490632
ASKER
I dont understand where do you see that?
I see the error message BC30451.
one thing I did find out is that when i use this code i removed all the Comments. (this was from the second script that you had sent me)
function TotalUnitPrice() {
var table = document.getElementById("G
var rows = table.getElementsByTagName
total = 0;
for (var t = 1; t < rows.length - 1; t++) {
var cells = rows[t].getElementsByTagNa
var price = cells[4].getElementsByTagN
var qty = cells[5].getElementsByTagN
var subtotalrow = parseFloat(price.replace("
total += parseFloat(price.replace("
cells[6].getElementsByTagN
}
document.getElementById("G
}
I get a different error
Compiler Error Message: BC30456: 'TotalUnitPrice' is not a member of 'ASP.pages_diadvantage_asp
I see the error message BC30451.
one thing I did find out is that when i use this code i removed all the Comments. (this was from the second script that you had sent me)
function TotalUnitPrice() {
var table = document.getElementById("G
var rows = table.getElementsByTagName
total = 0;
for (var t = 1; t < rows.length - 1; t++) {
var cells = rows[t].getElementsByTagNa
var price = cells[4].getElementsByTagN
var qty = cells[5].getElementsByTagN
var subtotalrow = parseFloat(price.replace("
total += parseFloat(price.replace("
cells[6].getElementsByTagN
}
document.getElementById("G
}
I get a different error
Compiler Error Message: BC30456: 'TotalUnitPrice' is not a member of 'ASP.pages_diadvantage_asp
I don't see that in my last proposition, code ID:29490632 (this number is at the top left of the message) :
document.getElementById("G
I post the last again :
document.getElementById("G
I post the last again :
function TotalUnitPrice() {
//var table = document.getElementById("<%= GridView1.clientID %>");
var table = document.getElementById("GridView1");
var rows = table.getElementsByTagName("tr");
// subtotalprice = 0;
total = 0;
for(var t=1;t<rows.length-1;t++) {
var cells = rows[t].getElementsByTagName("td");
var price = cells[4].getElementsByTagName("span")[0].innerHTML;
var qty = cells[5].getElementsByTagName("select")[0].value;
// subtotalprice += parseFloat( price.replace("$","") );
var subtotalrow = parseFloat( price.replace("$","") ) * qty;
total += parseFloat( price.replace("$","") ) * qty;
cells[6].getElementsByTagName("span")[0].innerHTML = "$" + subtotalrow.toFixed(2);
}
// document.getElementById("<%= lblTotal.clientID %>").innerHTML = "$" + total;
// document.getElementById("GridView1_ctl13_lblTotal").innerHTML = "$" + total.toFixed(2);
rows[rows.length-1].getElementsByTagName("span")[1].innerHTML = "$" + total.toFixed(2);
}
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Using your last post. I looks like we are getting closer. but now it comes up with this error...
Line 136 is red. i am also attaching a screen shot.
Description: An error occurred during the compilation of a resource required to service this request. Please review the following specific error details and modify your source code appropriately.
Compiler Error Message: BC30456: 'TotalUnitPrice' is not a member of 'ASP.pages_diadvantage_asp
Source Error:
Line 134: <asp:TemplateField HeaderText="Qty">
Line 135: <ItemTemplate>
Line 136: <asp:DropDownList ID="ddlDropDownList" runat="server" AutoPostBack="True" onselectedindexchanged="To
Line 137: <asp:ListItem Text="0" Value="0" Selected="True"></asp:List
Line 138: <asp:ListItem Text="1" Value="1"></asp:ListItem>
java.JPG
Line 136 is red. i am also attaching a screen shot.
Description: An error occurred during the compilation of a resource required to service this request. Please review the following specific error details and modify your source code appropriately.
Compiler Error Message: BC30456: 'TotalUnitPrice' is not a member of 'ASP.pages_diadvantage_asp
Source Error:
Line 134: <asp:TemplateField HeaderText="Qty">
Line 135: <ItemTemplate>
Line 136: <asp:DropDownList ID="ddlDropDownList" runat="server" AutoPostBack="True" onselectedindexchanged="To
Line 137: <asp:ListItem Text="0" Value="0" Selected="True"></asp:List
Line 138: <asp:ListItem Text="1" Value="1"></asp:ListItem>
java.JPG
code behind function TotalUnitPrice
Are you trying to call a javascript function (TotalUnitPrice) from code behing (onselectedindexchanged) ?
Replace :
By :
And confirm no error on compilation
Are you trying to call a javascript function (TotalUnitPrice) from code behing (onselectedindexchanged) ?
Replace :
By :
And confirm no error on compilation
ASKER
Okay i can confirm that there is now no error on compilation.
ASKER
oh and sorry forgot to answer your first question.. no i am not calling from codebehind.
ASKER
The page is rendering but i am not seeing any calculations when changing the values.
You need to add in Page_Load :
ddlDropDownList.Attributes.Add("onchange", "javascript:TotalUnitPrice();")
and no worries, we're both here to learn ;-)
ASKER
ok great that works perfect! Thank You
Sadly now i have to figure out a new way to take the gridview with the totals and email it to our order processing team.
is there any way that i can make that happen?
The old way when it totaled it was able to send it with the gridview.
But when using the Javascript when i submit the email it does not send the totaled values with the gridview when emailing.
Sadly now i have to figure out a new way to take the gridview with the totals and email it to our order processing team.
is there any way that i can make that happen?
The old way when it totaled it was able to send it with the gridview.
But when using the Javascript when i submit the email it does not send the totaled values with the gridview when emailing.
Great!
Could you close this question and create a new one please ?
I will do my best to answer you if I have the opportunie.
( If you want to get the total on server side to email it, you should use a textbox readonly. )
Could you close this question and create a new one please ?
I will do my best to answer you if I have the opportunie.
( If you want to get the total on server side to email it, you should use a textbox readonly. )
ASKER
Ok i will Try that and if not i will post a new question
Thank you very much!!
Thank you very much!!
You're welcome!
Seems you don't want to close this question...
ASKER
Sorry I clicked close the case and I did not see the next screen come up and I closed my browser. but its closed now.
Thanks for the points!
ASKER
Leakim971
I did not know if you wanted first dibs on this but i posted a questions about the emailing of the gridview with the javascript cals.
Here is the link
https://www.experts-exchange.com/questions/25716130/E-Mail-GridView-ASP-net.html
Thank you
I did not know if you wanted first dibs on this but i posted a questions about the emailing of the gridview with the javascript cals.
Here is the link
https://www.experts-exchange.com/questions/25716130/E-Mail-GridView-ASP-net.html
Thank you
Could you post the generated page ?
(Right click on the page and choose display source)
Regards.