Member 13768538 Ответов: 0

Как я могу создать div после нажатия кнопки in ASP.NET (с#)


http://i.hizliresim.com/yqL86n.png[^]

Код;


<dx:ASPxButton ID="btnEkle" Width="250px" runat="server" Text="Ekle" CssClass="btn" Theme="MetropolisBlue">


Что я уже пробовал:

<%@ Page Title="" Language="C#" MasterPageFile="~/master.Master" AutoEventWireup="true" CodeBehind="ProjectStatus.aspx.cs" Inherits="Timeline_deneme.ProjectStatus" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    
        body{
            background-color:lightgrey;
        }
        .container {

        }

        .containerCircle {
            position: relative;
            top: 20px;
            left: 200px;
            width: 30px;
            height: 30px;
            border-radius: 30px;
            background-color: lightgray;
        }

        .circle {
            line-height:30px;
            margin: 0 auto;
            width: 20px;
            height: 20px;
            background-color: #B60E0E;
            border-radius: 20px;
        }

        .line {
            width: 100%;
            height: 3px;
            background-color: black;
        }

        .containerİnfo {
            
            background:url("images/bg3.png");
            width: 150px;
            height: 75px;
            position: relative;
            margin-left: 130px;
            border: 2px solid black;
            border-radius: 5px;
        }

        .downİmg {
            width: 16px;
            height: 16px;
            position: relative;
            top: -38px;
            left: 75px;
            background-color: lightgray;
        }

        .day {
            font-family: "Arial black";
            font-size: 30px;
            margin-left: 8px;
        }

        .dayName {
            position: relative;
            left: 40px;
            top: -22px;
            font-family: "Verdana";
            letter-spacing: 3px;
            font-size: 10px;
        }

        .month {
            position: relative;
            left: 40px;
            top: -20px;
            font-family: "Arial Black";
        }

        .status {
            font-family: "Arial black";
            position: relative;
            top: -22px;
            left: 8px;
            font-size: 14px;
        }

        .field {
            font-family: "tahoma";
            position: relative;
            top: -21px;
            left: 7px;
            letter-spacing: 5px;
            font-size: 12px;
        }
        .combo {
            background: url(images/bg3.png);
            margin: 0 auto;
            margin-top: -500px;
            padding: 50px;
            border-radius: 20px;
            border: 1px solid black;
            background-size: cover;
            height: 200px;
            margin-bottom: 10px;
            width: 300px;
        }

        .cmb {
            font-family:Tahoma,Verdana,Arial;
            padding-left: 7px;
            padding-bottom:2px;
            
            margin: 0 auto;
            transition: 1500ms;
            height: 30px;
            margin-bottom: 5px;
            padding-top:10px;
        }

            .cmb:hover {
                padding-left: 7px;
                margin: 0 auto;
                transition: 1500ms;
                height: 30px;
                padding-bottom:2px;
                padding-top:10px;
                margin-bottom: 5px;
            }
            .btn{

                border-bottom:1px solid black;
                margin:15px auto;
               letter-spacing:1px;
                height:35px;
                 transition:1500ms;
               
            }
            .btn:hover{

                border-bottom:1px solid black;
                background-color:#39f;
                margin:15px auto;
                letter-spacing:1px;
                height:35px;
                transition:1500ms;
                
            }
            .form
            {
                margin-top:400px;
            }
    

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">


    <div class="container">
        <div class="containerİnfo">
            <div class="day">
                <dx:ASPxLabel ID="ASPxLabel1" CssClass="day" runat="server" Text="22">
            </div>
            <div class="month">
                <dx:ASPxLabel ID="ASPxLabel2" CssClass="month" runat="server" Text="Haziran">
            </div>
            <div class="dayName">
                <dx:ASPxLabel ID="ASPxLabel3" CssClass="dayName" runat="server" Text="Cuma">
            </div>
            <div class="status">
                <dx:ASPxLabel ID="ASPxLabel4" runat="server" CssClass="status" Text="Durum : ">
                <font color="grey">
                    <dx:ASPxLabel ID="ASPxLabel5" CssClass="status" runat="server" Text="None">
                    
                </font>
            </div>
            <div class="field">
                <dx:ASPxLabel ID="ASPxLabel6" runat="server" CssClass="field" Text="İÇERİK ALANI">
            </div>
            <div class="downİmg">
                
            </div>

        </div>
        <div class="containerCircle">
            <div class="circle">
            </div>
        </div>
        <div class="line">
        </div>
    </div>


    <div class="form">
        <div class="combo">
            <div class="combos">
                <dx:ASPxComboBox ID="cmbFirmaAdi" Height="3px" BackColor="Transparent" ForeColor="#8c8a8a" BorderBottom-BorderColor="Black" BorderLeft-BorderStyle="None" BorderRight-BorderStyle="None" BorderTop-BorderStyle="None" Width="250px"

                    IncrementalFilteringMode="StartsWith" DropDownStyle="DropDown" runat="server" NullText="Firma Adı" NullTextDisplayMode="UnfocusedAndFocused" CssClass="cmb" ValueType="System.String" Theme="MetropolisBlue">
                    <ValidationSettings ErrorText="">
                        <RequiredField IsRequired="True" ErrorText="Firma adı gereklidir !">
                    

                    <BorderLeft BorderStyle="None" />
                    <BorderTop BorderStyle="None" />
                    <BorderRight BorderStyle="None" />
                    <BorderBottom BorderColor="#616263" BorderStyle="Ridge" />
                    <validationsettings>
                        <RequiredField ErrorText="" IsRequired="True" />
                    
                    <ClearButton DisplayMode="Always">

                
                <dx:ASPxComboBox ID="cmbProjeAdi" BackColor="Transparent" ForeColor="#8c8a8a" BorderBottom-BorderColor="Black" BorderLeft-BorderStyle="None" BorderRight-BorderStyle="None" BorderTop-BorderStyle="None" Width="250px"

                    IncrementalFilteringMode="StartsWith" DropDownStyle="DropDown" runat="server" NullText="Proje Adı" NullTextDisplayMode="UnfocusedAndFocused" CssClass="cmb" ValueType="System.String" Theme="MetropolisBlue">
                    <BorderLeft BorderStyle="None" />
                    <BorderTop BorderStyle="None" />
                    <BorderRight BorderStyle="None" />
                    <BorderBottom BorderColor="#616263" />
                    <ClearButton DisplayMode="Always">
                    <ValidationSettings ErrorText="">
                        <RequiredField ErrorText="" IsRequired="true" />
                    
                
                <dx:ASPxDateEdit ID="dtTarih" BackColor="Transparent" ForeColor="#8c8a8a" BorderBottom-BorderColor="Black" BorderLeft-BorderStyle="None" BorderRight-BorderStyle="None" BorderTop-BorderStyle="None" Width="250px"

                    IncrementalFilteringMode="StartsWith" DropDownStyle="DropDown" runat="server" NullText="Tarih" NullTextDisplayMode="UnfocusedAndFocused" CssClass="cmb" ValueType="System.String" Theme="MetropolisBlue">
                    <BorderLeft BorderStyle="None" />
                    <BorderTop BorderStyle="None" />
                    <BorderRight BorderStyle="None" />
                    <BorderBottom BorderColor="#616263" />
                    <ClearButton DisplayMode="Always">
                    <ValidationSettings ErrorText="">
                        <RequiredField ErrorText="" IsRequired="True" />
                    

                
                <dx:ASPxComboBox ID="cmbYapilanİs" BackColor="Transparent" ForeColor="#8c8a8a" BorderBottom-BorderColor="Black" BorderLeft-BorderStyle="None" BorderRight-BorderStyle="None" BorderTop-BorderStyle="None" Width="250px"

                    IncrementalFilteringMode="StartsWith" DropDownStyle="DropDown" runat="server" NullText="Yapılan İş" NullTextDisplayMode="UnfocusedAndFocused" CssClass="cmb" ValueType="System.String" Theme="MetropolisBlue">
                    <BorderLeft BorderStyle="None" />
                    <BorderTop BorderStyle="None" />
                    <BorderRight BorderStyle="None" />
                    <BorderBottom BorderColor="#616263" />
                    <ClearButton DisplayMode="Always">
                    <ValidationSettings ErrorText="">
                        <RequiredField ErrorText="" IsRequired="True" />
                    
                
                <dx:ASPxComboBox ID="cmbDurum" BackColor="Transparent" ForeColor="#8c8a8a" BorderBottom-BorderColor="Black" BorderLeft-BorderStyle="None" BorderRight-BorderStyle="None" BorderTop-BorderStyle="None" Width="250px"

                    IncrementalFilteringMode="StartsWith" DropDownStyle="DropDown" runat="server" NullText="Durum" NullTextDisplayMode="UnfocusedAndFocused" CssClass="cmb" ValueType="System.String" Theme="MetropolisBlue">
                    <BorderLeft BorderStyle="None" />
                    <BorderTop BorderStyle="None" />
                    <BorderRight BorderStyle="None" />
                    <BorderBottom BorderColor="#616263" />
                    <ValidationSettings ErrorText="">
                        <RequiredField ErrorText="" IsRequired="True" />
                    
                    <ClearButton DisplayMode="Always">
                
                <dx:ASPxButton ID="btnEkle" Width="250px" runat="server" Text="Ekle" CssClass="btn" Theme="MetropolisBlue">
            </div>
        </div>

    </div>

0 Ответов