JavaScript Buton Sorunu
- Konuyu başlatan ILBEY50
- Başlangıç Tarihi
- Mesaj 4
- Görüntüleme 2.184
Bulut Uzer
Kilopat
Daha fazla
- Cinsiyet
- Erkek
- Meslek
- Senior Full Stack Developer
Kapatma işlemini diğer elementler içinde uygulamış olabilirsin. Jquery seçicilerini araştır ve ona göre tekrar düzenle yada kullandığın satırları paylaş yardımcı olalım.
JS
$(document).ready(function ($) {
function drop_info(hook, show, show1, show2, show3) {
$(hook).on('click', function () {
$(show).slideToggle(230);
$(show2).slideToggle(230);
$(show3).slideToggle(230);
$(show1).slideToggle(230);
$(hook).toggleClass('active');
});
}
drop_info('.click', '.show', '.show1', '.show2', '.show3');
});
HTML
<div class="show2">
<div class="show-ad">
<asp:TextBox ID="TextBox1" runat="server" placeholder="Ad ve Soyada göre Ara" CssClass="singup-text"></asp:TextBox>
</div>
</div>
<div class="show3">
<div class="show-kayıt">
<asp:TextBox ID="TextBox2" runat="server" placeholder="Adı Soyadı" CssClass="singup-text"></asp:TextBox>
<input type="datetime-local" name="bdaytime">
<asp:TextBox ID="TextBox3" runat="server" placeholder="Açıklama" CssClass="singup-text"></asp:TextBox>
<input type="submit" ID="btn" class="btn btn-2 btn-sep icon-cart"/>
<asp:Button ID="Button1" runat="server" class="btn btn-2 btn-sep icon-cart" Text="Ekle" value="ekle" OnClick="Button1_Click"/>
</div>
</div>
<div class="show">
<asp:GridView ID="GridView1" runat="server" DataSourceID="SqlDataSource1" AutoGenerateColumns="False" CellPadding="4" DataKeyNames="kullanici_adi" ForeColor="#333333" GridLines="None">
<AlternatingRowStyle BackColor="White" />
<Columns>
<asp:BoundField DataField="kullanici_adi" HeaderText="kullanici_adi" ReadOnly="True" SortExpression="kullanici_adi" />
<asp:BoundField DataField="sifre" HeaderText="sifre" SortExpression="sifre" />
<asp:BoundField DataField="e_mail" HeaderText="e_mail" SortExpression="e_mail" />
<asp:CommandField ShowEditButton="True"></asp:CommandField>
<asp:CommandField ShowDeleteButton="True"></asp:CommandField>
</Columns>
<EditRowStyle BackColor="#7C6F57" />
<FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
<RowStyle BackColor="#E3EAEB" />
<SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
<SortedAscendingCellStyle BackColor="#F8FAFA" />
<SortedAscendingHeaderStyle BackColor="#246B61" />
<SortedDescendingCellStyle BackColor="#D4DFE1" />
<SortedDescendingHeaderStyle BackColor="#15524A" />
</asp:GridView>
<asp: SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings: DatabaseConnectionString %>" ProviderName="<%$ ConnectionStrings: DatabaseConnectionString.ProviderName %>" SelectCommand="SELECT * FROM [giris_bilgileri]"></asp: SqlDataSource>
<div class="show1"> </div>
</div>
</div>
bazı yerlerde boşluk bıraktım iconlar çıkıyor : lardan sonra
$(document).ready(function ($) {
function drop_info(hook, show, show1, show2, show3) {
$(hook).on('click', function () {
$(show).slideToggle(230);
$(show2).slideToggle(230);
$(show3).slideToggle(230);
$(show1).slideToggle(230);
$(hook).toggleClass('active');
});
}
drop_info('.click', '.show', '.show1', '.show2', '.show3');
});
HTML
<div class="show2">
<div class="show-ad">
<asp:TextBox ID="TextBox1" runat="server" placeholder="Ad ve Soyada göre Ara" CssClass="singup-text"></asp:TextBox>
</div>
</div>
<div class="show3">
<div class="show-kayıt">
<asp:TextBox ID="TextBox2" runat="server" placeholder="Adı Soyadı" CssClass="singup-text"></asp:TextBox>
<input type="datetime-local" name="bdaytime">
<asp:TextBox ID="TextBox3" runat="server" placeholder="Açıklama" CssClass="singup-text"></asp:TextBox>
<input type="submit" ID="btn" class="btn btn-2 btn-sep icon-cart"/>
<asp:Button ID="Button1" runat="server" class="btn btn-2 btn-sep icon-cart" Text="Ekle" value="ekle" OnClick="Button1_Click"/>
</div>
</div>
<div class="show">
<asp:GridView ID="GridView1" runat="server" DataSourceID="SqlDataSource1" AutoGenerateColumns="False" CellPadding="4" DataKeyNames="kullanici_adi" ForeColor="#333333" GridLines="None">
<AlternatingRowStyle BackColor="White" />
<Columns>
<asp:BoundField DataField="kullanici_adi" HeaderText="kullanici_adi" ReadOnly="True" SortExpression="kullanici_adi" />
<asp:BoundField DataField="sifre" HeaderText="sifre" SortExpression="sifre" />
<asp:BoundField DataField="e_mail" HeaderText="e_mail" SortExpression="e_mail" />
<asp:CommandField ShowEditButton="True"></asp:CommandField>
<asp:CommandField ShowDeleteButton="True"></asp:CommandField>
</Columns>
<EditRowStyle BackColor="#7C6F57" />
<FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
<RowStyle BackColor="#E3EAEB" />
<SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
<SortedAscendingCellStyle BackColor="#F8FAFA" />
<SortedAscendingHeaderStyle BackColor="#246B61" />
<SortedDescendingCellStyle BackColor="#D4DFE1" />
<SortedDescendingHeaderStyle BackColor="#15524A" />
</asp:GridView>
<asp: SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings: DatabaseConnectionString %>" ProviderName="<%$ ConnectionStrings: DatabaseConnectionString.ProviderName %>" SelectCommand="SELECT * FROM [giris_bilgileri]"></asp: SqlDataSource>
<div class="show1"> </div>
</div>
</div>
bazı yerlerde boşluk bıraktım iconlar çıkıyor : lardan sonra
Bulut Uzer
Kilopat
Daha fazla
- Cinsiyet
- Erkek
- Meslek
- Senior Full Stack Developer
Tek bir click işlemi içinde toplamadan yapman sorununu düzelteceğini düşünüyorum. Html yapısını JsFiddle üzerinde paylaşırsan daha iyi olur.
Benzer konular
Technopat Haberler
Yeni konular
-
-
-
-
-
-
-
-
-
Bannerlord ve Baldur's Gate 3 ne zaman indirime girer?- abdestperest
- Mesaj: 4
-
-
Redotpay ile Apple Pay kullanımı mümkün mü?- Grande 017
- Mesaj: 0
-
-
-
