jQuery Forum

I just want to know why does an element take up the entire width when I set the width?

For example,

2.     <div style="width:50px;">
3. 
   
4.     
5.     <fieldset>
6.     <legend>test A</legend>
7. 
   
8.     <table>
9.     <tr>
10.     <td><asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> </td><td>
11.         <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> </td>
12.     </tr>
13.     
14.     </table>
15.         
16.         </fieldset>
17.     </div>
18. 
    
19.     <div style=" width:300px; float:left;">
20.     <fieldset><legend>test2</legend>
21.     <table>
22.     <tr>
23.     <td><asp:Label ID="Label2" runat="server" Text="Label"></asp:Label> </td><td>
24.         <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> </td>
25.     </tr>
26.     </table>
27.     </fieldset>
28.     </div>

When I check through chrome developer's tools, I can see that the second table cannot float right next to the first table or the first div, because the first div is taking up the entire place though I limited the width. I know if used float:left in the first dive, both divs will float one after the other. But I want to know why does using width is not enough to do the trick?

Can someone please explain that to me?

The variable _VouchNumber returns undefined.

Can someone help please??

And when I use this code to retrieve the value, I get the first half of the value only. For example, I get Myvalue only not Myvalue A.

 Is there a ready or easy masked input for currency to use for that purpose? Or is there a way to count the number of digits after the decimal? like if they are less than <3) { error should pop up } 

                   window.open("vouchud.aspx?vkey=" + _callkey1_ + "?tdate=" + _key2_ + ");

It is not working and I get an error. Does anyone know why or how to solve this?

2.                    $("#table tr:gt(0)").each(function () {
3. 
   
4.                        //$(this).find('td').each(function () {
5.                        _myqu = "";
6. 
   
7.                        $(this).find('td input[type="text"]').each(function () {
8.                            if (($(this).attr('id') == "desc") && ($(this).val() == "")) { _myqu += "None" + "/"; }
9.                            else { _myqu += $(this).val() + "/"; }
10. 
    
11.                        });
 

I used "find('td input[type="text"]')" but it doesn't retrieve the value of comboboxes. Isn't a combobox an input? 

this is the loop.

2.                    $("#table tr:gt(0)").each(function () {
3. 
   
4.                        //$(this).find('td').each(function () {
5.                        _myqu = "";
6. 
   
7.                        $(this).find('td input[type="text"]').each(function () {
8.                            if (($(this).attr('id') == "desc") && ($(this).val() == "")) { _myqu += "None" + "/"; }
9.                            else { _myqu += $(this).val() + "/"; }
10. 
    
11. 
    
12.                        });

and here are my comboboxes.

2.                        $("#table tr:last").after("<tr><td width='20%'><select type='text' id='legcomb-" + txtid + "'></select></td><td width='19%'><select id='subcomb-" + txtid + "'></select></td><td style='padding-left:10px;'><input type='text' style='width: 140px'/></td><td><input type='text' id='desc' style='width: 240px'/></td><td><input type='text' id='amount-" + txtid + "' style='width: 140px'/></td><td><input type='text' id='dorc-" + txtid + "' class='d_orc' maxlength='1' style='width: 40px'/></td></tr>");
3. 
   

I need to read it as an input field like on internet explorer.

Is there a way to do that?

I tried this, but no luck.

2.   <select id="combobox">
3.     <option value="">Select an option</option>
4.     <option value="opa">OpA</option>
5.     <option value="opb">OpBt</option>
6.     <option value="opc">OpC</option>
7.   </select>

I want when a user clicks on the button, the elements of combBox changes to a retrieved data from my database.

For instance, change all:

I don't know how to move the cursor forward automatically after the user enters 22

Is it possible? If so, can someone help post the code? I'm not using the datepicker. The user fill a textbox in the form with the date.

2.                $("#table tr").each(function () {
3. 
   
4.                    $(this).children("td").each(function () {
5. 
   
6.                        alert($(this).val());
7.    
8. 
   
9.                    });
10. 
    
11.                });

and:

2.                $("#table tr").each(function () {
3. 
   
4.                    $(this).find('td').each(function () {
5. 
   
6.                        alert($(this).val() );
7.    
8. 
   
9.                    });
10. 
    
11.                });

I have textboxes inside of the tds and I'm trying to retrieve its values based on each row.

I tried next().val() but it doesn't work.

2. <tr>        
3. <td><input type="text" id="amid" class="amount" width="140px" /> </td>
4.         <td><asp:TextBox ID="dorc" class="d_orc" runat="server" Width="140px"></asp:TextBox> </td></tr>

I wanna get the amount of "amid" and then check the next textbox whether it is Debit or Credit to insert it into its array.

I tried the following code, but no luck. 

And this is the page which is loaded into the main page.

2. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="saveoup.aspx.cs" Inherits="saveoup" %>
3. 
   
4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
5. 
   
6. <html xmlns="http://www.w3.org/1999/xhtml">
7. <head id="Head1" runat="server">
8.     <title></title>
9.    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
10.     <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
11.     <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
12. 
    
13.  
14.     <style type="text/css">
15.     
16.     .ui-widget {
17.     font-size:70%;
18. }
19.     </style>
20. 
    
21.     <script>
22.         $(function () {
23.             $("#dialog-modal").dialog({
24.                 autoOpen: false,
25.                 height: 140,
26.                 modal: true
27.             });
28. 
    
29.             $("#abutt")
30.       .button()
31.       .click(function () {
32.           $("#dialog-modal").dialog("open");
33.       });
34.         });
35. 
    
36.   </script>
37. 
    
38. </head>
39. <body>
40.     <form id="form1" runat="server">
41.     <p>Last unsaved data:</p><br /><br />
42. 
    
43.                     <asp:GridView ID="GridView1" runat="server"
44.                     Width="900px" CellPadding="4" 
45.                     ForeColor="#333333" GridLines="None">
46.                     <AlternatingRowStyle BackColor="White" />
47.                     <Columns>
48.                         <asp:TemplateField>
49.                             <ItemTemplate>
50.                                 <input type="button" id="upbutt" value="edit" />
51.                             </ItemTemplate>
52.                 
53.                         </asp:TemplateField>
54.                     </Columns>
55.                     <EditRowStyle BackColor="#7C6F57" />
56.                     <FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
57.                     <HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
58.                     <PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
59.                     <RowStyle BackColor="#E3EAEB" />
60.                     <SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
61.                     <SortedAscendingCellStyle BackColor="#F8FAFA" />
62.                     <SortedAscendingHeaderStyle BackColor="#246B61" />
63.                     <SortedDescendingCellStyle BackColor="#D4DFE1" />
64.                     <SortedDescendingHeaderStyle BackColor="#15524A" />
65.                 </asp:GridView>
66.  
67. 
    
68. 
    
69.                 <div id="dialog-modal" title="Modify selected row." >
70.                 <table>
71.                 <tr>
72.                 <td><asp:Label ID="Label1" runat="server" Text="ID:"></asp:Label> </td>
73.                 <td><asp:TextBox ID="txtbadd1" runat="server" ReadOnly="true"></asp:TextBox></td>
74.                 </tr>
75.                 <tr>
76.                     
77.                 <td><asp:Label ID="Label2" runat="server" Text="Name:"></asp:Label> </td>
78.                 <td><asp:TextBox ID="txtbadd2" runat="server"></asp:TextBox></td>
79.                 </tr>
80.                 <tr>
81.                 <td><asp:Label ID="Label3" runat="server" Text="Code:"></asp:Label> </td>
82.                 <td><asp:TextBox ID="txtbadd3" runat="server"></asp:TextBox></td>
83.                 </tr>
84.                 <tr>
85.                 <td><asp:Label ID="Label4" runat="server" Text="Address:"></asp:Label> </td>
86.                 <td><asp:TextBox ID="txtbadd4" runat="server"></asp:TextBox></td>
87.                 </tr>
88.                 <tr>
89.                 <td><asp:Label ID="Label5" runat="server" Text="Phone:"></asp:Label> </td>
90.                 <td><asp:TextBox ID="txtbadd5" runat="server"></asp:TextBox></td>
91.                 </tr>
92.                 <tr>
93.                 <td><asp:Label ID="Label6" runat="server" Text="nthg:"></asp:Label> </td>
94.                 <td><asp:TextBox ID="txtbadd6" runat="server"></asp:TextBox></td>
95.                 </tr>
96.                 </table>
97.                 
98.                 </div>
99. 
    
100.                 <input type="button" value="test" id="abutt" />
101.     </form>
102. 
     
103. 
     
104.    
105. </body>
106. </html>

It doesn't work on Chrome browser and it works on IE but it's messed up.

What is wrong in my code?

I found the following error:

Webmethod returns data, but I didn't know it returns the data in the following format d: ["first":"test", "last":test2]

My question is how to know, generally, the returned format of json data to avoid this confusion? Like d:[] or mydata:[] Or how to show the returned value through the web browser or any helping tools.

       $(function () {

           $("#modialog").dialog({

               autoOpen: false,

               height: 210,

               modal: true,

               buttons: {

                      Cancel: function() {

                    $( this ).dialog( "close" );

                },

                        Add: function() { $(this) };

               }

           });

How can I link/add onclick event handler to the "Add" button with asp.net code behind to add whatever I have on my form to the database?