div

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • shalini166
    New Member
    • Apr 2008
    • 70

    div

    how to change the height and width of the div command during runtime. because i include datagrid in it.
    [code=asp]
    <%@ Page Language="C#" AutoEventWireup ="true" CodeFile="supp. aspx.cs" Inherits="temp" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
    <title>Untitl ed Page</title>
    <link href="style.css " rel="stylesheet " type="text/css" />
    <script language="javas cript" type="text/javascript">
    // <!CDATA[

    function A1_onclick() {

    }

    // ]]>
    </script>
    </head>
    <body>
    <form id="form1" runat="server">
    <div id="wrapper">
    <div id="top">
    <asp:Image ID="Image1" runat="server" ImageUrl="~/image/bgtop.png" /></div>
    <div id="content" style="height: 103%">
    <div id="header">
    </div>
    <div id="bodyparts"> </div>
    <div id="menu" style="width: 259px; height: 97%">
    <ul>
    <li><a href="#" style="width: 144px">Home</a></li>
    <li><a href="#" style="width: 144px">Ship</a></li>
    <li><a href="#" style="width: 144px">Global</a></li>
    <li><a href="#" style="width: 144px" id="A1" onclick="return A1_onclick()">E mployee</a></li>
    <li><a href="#" style="width: 144px">Job</a></li>
    <li><a href="#" style="width: 144px">Componen t</a></li>
    <li><a href="#" style="width: 144px" id="A2">Repair </a></li>
    </ul>
    </div>
    <a href="http://validator.w3.or g/check?uri=refer er"></a>
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    [/code]

    <div style="z-index: 101; left: 314px; width: 549px; position: absolute; top: 336px;
    height: 276px; background-color: #99ccff; border-left-color: #ffffff; border-bottom-color: #ffffff; border-top-style: none; border-top-color: #ffffff; border-right-style: none; border-left-style: none; border-right-color: #ffffff; border-bottom-style: none;">
    <div style="z-index: 101; left: 2px; width: 303px; position: absolute; top: 52px;
    height: 217px">
    &nbsp; &nbsp; &nbsp; &nbsp;<br />
    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
    &nbsp; &nbsp; &nbsp;
    <asp:Label ID="already" runat="server" ForeColor="Blue " Text="Label" Visible="False"
    Width="133px"></asp:Label><br />
    &nbsp;
    <asp:Label ID="Label6" runat="server" Font-Bold="True" Font-Size="Small" ForeColor="#C04 000"
    Text="Supplier Code" Font-Names="Palatino Linotype"></asp:Label>
    &nbsp; &nbsp;&nbsp;
    <asp:TextBox ID="scode" runat="server" Width="144px"></asp:TextBox>
    &nbsp;&nbsp; <br />
    <br />
    &nbsp;
    <asp:Label ID="Label7" runat="server" Font-Bold="True" Font-Size="Small" ForeColor="#C04 000"
    Text="Supplier Name" Font-Names="Palatino Linotype"></asp:Label>
    &nbsp; &nbsp;
    <asp:TextBox ID="sname" runat="server" Width="144px"></asp:TextBox><br />
    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
    &nbsp; &nbsp;&nbsp; <br />
    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
    &nbsp; &nbsp; &nbsp;&nbsp;<as p:TextBox ID="addr" runat="server" Height="27px" TextMode="Multi Line" Width="148px"></asp:TextBox><br />
    &nbsp; &nbsp; &nbsp;
    <div style="z-index: 101; left: 9px; width: 88px; position: absolute; top: 124px;
    height: 23px">
    <asp:Label ID="label" runat="server" Font-Bold="True" Font-Size="Small" ForeColor="#C04 000"
    Text="Address" Width="48px" Font-Names="Palatino Linotype"></asp:Label></div>
    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
    &nbsp;&nbsp; <br />
    &nbsp;&nbsp;
    <asp:Label ID="Label14" runat="server" Font-Bold="True" Font-Size="Small" ForeColor="#C04 000"
    Text="State" Font-Names="Palatino Linotype"></asp:Label>
    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nb sp;
    <asp:TextBox ID="state" runat="server" Width="144px"></asp:TextBox>
    </div>
    <div style="z-index: 102; left: 213px; width: 234px; position: absolute; top: 14px; height: 30px">
    <asp:Label ID="Label1" runat="server" Font-Bold="True" Font-Italic="False" Font-Size="16pt"
    ForeColor="Navy " Text="Supplier Details" Font-Names="Palatino Linotype"></asp:Label></div>
    <div style="font-size: 12pt; z-index: 105; left: 302px; width: 272px; color: #000000;
    position: absolute; top: 45px; height: 103px">
    <br />
    <br />
    &nbsp;<asp:Labe l ID="Label15" runat="server" Font-Bold="True" Font-Size="Small" ForeColor="#C04 000"
    Text="Country" Font-Names="Palatino Linotype"></asp:Label>
    &nbsp; &nbsp;&nbsp;<as p:DropDownList ID="DropDownLis t1" runat="server" Width="146px">
    </asp:DropDownLis t><br />
    <br />
    &nbsp;<asp:Labe l ID="Label16" runat="server" Font-Bold="True" Font-Size="Small" ForeColor="#C04 000"
    Text="Zip Code" Font-Names="Palatino Linotype"></asp:Label>
    &nbsp; &nbsp;<asp:Text Box ID="zip" runat="server" Width="144px"></asp:TextBox><br />
    <br />
    &nbsp;<asp:Labe l ID="Label17" runat="server" Font-Bold="True" Font-Size="Small" ForeColor="#C04 000"
    Text="Phone No." Font-Names="Palatino Linotype"></asp:Label>&nbsp ;
    <asp:TextBox ID="phone" runat="server" Width="144px"></asp:TextBox><br />
    <br />
    &nbsp;<asp:Labe l ID="Label18" runat="server" Font-Bold="True" Font-Size="Small" ForeColor="#C04 000"
    Text="Email" Font-Names="Palatino Linotype"></asp:Label>
    &nbsp; &nbsp; &nbsp;
    <asp:TextBox ID="email" runat="server" Width="144px"></asp:TextBox><br />
    <br />
    &nbsp;<asp:Labe l ID="Label19" runat="server" Font-Bold="True" Font-Size="Small" ForeColor="#C04 000"
    Text="WebSite" Font-Names="Palatino Linotype"></asp:Label>
    &nbsp;&nbsp;
    <asp:TextBox ID="web" runat="server" Width="144px"></asp:TextBox>
    </div>
    <div id="DIV1" onclick="return DIV1_onclick()" style="font-size: 12pt; z-index: 104;
    left: 141px; width: 284px; position: absolute; top: 280px; height: 46px"> &nbsp;&nbsp;
    <br />
    <asp:Button ID="addbtn" runat="server" BackColor="Stee lBlue" Font-Bold="True"
    Font-Size="Medium" ForeColor="Whit e" Height="29px" OnClick="addbtn _Click1" Text="Add"
    Width="70px" Font-Names="Times New Roman" />&nbsp;
    <asp:Button ID="editbtn" runat="server" BackColor="Stee lBlue" Font-Bold="True"
    Font-Size="Medium" ForeColor="Whit e" Height="29px" OnClick="editbt n_Click1" Text="Edit"
    Width="70px" Font-Names="Times New Roman" />&nbsp;<asp:But ton ID="deletebtn" runat="server" BackColor="Stee lBlue"
    Font-Bold="True" Font-Size="Medium" ForeColor="Whit e" Height="29px" OnClick="delete btn_Click1"
    Text="Delete" Width="70px" Font-Names="Times New Roman" /></div>
    </div>
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <div style="z-index: 103; left: 311px; width: 433px; position: absolute; top: 688px;
    height: 148px">
    <asp:GridView ID="GridView2" runat="server" AutoGenerateCol umns="False" DataKeyNames="s code"
    DataSourceID="S qlDataSource1" Font-Names="Times New Roman" Visible="False" >
    <Columns>
    <asp:BoundFie ld DataField="scod e" HeaderText="sco de" ReadOnly="True" SortExpression= "scode" />
    <asp:BoundFie ld DataField="snam e" HeaderText="sna me" SortExpression= "sname" />
    <asp:BoundFie ld DataField="addr ess" HeaderText="add ress" SortExpression= "address" />
    <asp:BoundFie ld DataField="stat e" HeaderText="sta te" SortExpression= "state" />
    <asp:BoundFie ld DataField="coun try" HeaderText="cou ntry" SortExpression= "country" />
    <asp:BoundFie ld DataField="zipc ode" HeaderText="zip code" SortExpression= "zipcode" />
    <asp:BoundFie ld DataField="phon e" HeaderText="pho ne" SortExpression= "phone" />
    <asp:BoundFie ld DataField="emai l" HeaderText="ema il" SortExpression= "email" />
    <asp:BoundFie ld DataField="webs ite" HeaderText="web site" SortExpression= "website" />
    <asp:CommandFie ld ShowDeleteButto n="True" />
    </Columns>
    </asp:GridView>
    </div>
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <div style="z-index: 102; left: 312px; width: 100px; position: absolute; top: 668px;
    height: 100px">
    &nbsp;<asp:Grid View ID="GridView1" runat="server" AutoGenerateCol umns="False" DataKeyNames="s code"
    DataSourceID="S qlDataSource1" Font-Names="Times New Roman" Visible="False" >
    <Columns>
    <asp:BoundFie ld DataField="scod e" HeaderText="sco de" ReadOnly="True" SortExpression= "scode" />
    <asp:BoundFie ld DataField="snam e" HeaderText="sna me" SortExpression= "sname" />
    <asp:BoundFie ld DataField="addr ess" HeaderText="add ress" SortExpression= "address" />
    <asp:BoundFie ld DataField="stat e" HeaderText="sta te" SortExpression= "state" />
    <asp:BoundFie ld DataField="coun try" HeaderText="cou ntry" SortExpression= "country" />
    <asp:BoundFie ld DataField="zipc ode" HeaderText="zip code" SortExpression= "zipcode" />
    <asp:BoundFie ld DataField="phon e" HeaderText="pho ne" SortExpression= "phone" />
    <asp:BoundFie ld DataField="emai l" HeaderText="ema il" SortExpression= "email" />
    <asp:BoundFie ld DataField="webs ite" HeaderText="web site" SortExpression= "website" />
    <asp:CommandFie ld ShowEditButton= "True" />
    </Columns>
    </asp:GridView>
    <asp:SqlDataSou rce ID="SqlDataSour ce1" runat="server" ConnectionStrin g="<%$ ConnectionStrin gs:pmsConnectio nString6 %>"
    DeleteCommand=" DELETE FROM supplier WHERE (scode = @scode)" InsertCommand=" INSERT INTO supplier(scode, sname, address, state, country, zipcode, phone, email, website) VALUES (@scode, @sname, @address, @state, @country, @zipcode, @phone, @email, @website)"
    SelectCommand=" select * from supplier" UpdateCommand=" UPDATE supplier SET sname = @sname, address = @address, state = @state, country = @country, zipcode = @zipcode, phone = @phone, email = @email, website = @website WHERE (scode = @scode)">
    <DeleteParamete rs>
    <asp:Paramete r Name="scode" />
    </DeleteParameter s>
    <UpdateParamete rs>
    <asp:Paramete r Name="sname" />
    <asp:Paramete r Name="address" />
    <asp:Paramete r Name="state" />
    <asp:Paramete r Name="country" />
    <asp:Paramete r Name="zipcode" />
    <asp:Paramete r Name="phone" />
    <asp:Paramete r Name="email" />
    <asp:Paramete r Name="website" />
    <asp:Paramete r Name="scode" />
    </UpdateParameter s>
    <InsertParamete rs>
    <asp:Paramete r Name="scode" />
    <asp:Paramete r Name="sname" />
    <asp:Paramete r Name="address" />
    <asp:Paramete r Name="state" />
    <asp:Paramete r Name="country" />
    <asp:Paramete r Name="zipcode" />
    <asp:Paramete r Name="phone" />
    <asp:Paramete r Name="email" />
    <asp:Paramete r Name="website" />
    </InsertParameter s>
    </asp:SqlDataSour ce>
    </div>
    &nbsp;<br />
    <br />
    <br />
    <br />
    <br />
    </div>
    <div id="content"></div>
    <asp:Image ID="Image2" runat="server" ImageUrl="~/image1/bgbottom.png" /></div>
    </form>
    </body>
    </html>
    [/code]
    Last edited by Plater; Apr 7 '08, 05:46 PM. Reason: code tags
  • nateraaaa
    Recognized Expert Contributor
    • May 2007
    • 664

    #2
    Give your div an id and add a runat=server to the div. You can then access the div in your code behind to change the width and height.

    Nathan

    Comment

    • Plater
      Recognized Expert Expert
      • Apr 2007
      • 7872

      #3
      I attempted to add CODE tags but you have exceeded the limit of which code tags can work without erasing your whole post.
      Please remeber to only post relevent code.

      Comment

      • kunal pawar
        Contributor
        • Oct 2007
        • 297

        #4
        rather than to increase height and width of grid, u can used scroll bars to div using overflow property style

        Comment

        Working...