ජාවා ස්ක්‍රිප් and asp.net දන්න අය ගෙන් උදවු .

MaxFunMan

Active member
  • Dec 10, 2014
    724
    247
    43
    bootsrip වල tap දාල හදලා තියෙන්නේ .

    මට button click කරන කොට මට ඕනි tab 1a show කරගන්ට .
    මේ function එක වෙනවා .
    එත් මට ඕනි button click event 1n මට ඕනි tab එක show කරගන්ට .
    මේක කරන විදිය කොහොමද ..


    <script>

    $(document).ready(function () {

    $('#activateProfileTab').click(function () {

    $('#profile-tab').tab('show'); // Activate the Profile tab

    });

    });

    </script>





    JavaScript:
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" />
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
    
    <div class="container">
        <!-- Tab links -->
        <ul class="nav nav-tabs" id="myTab" role="tablist">
            <li class="nav-item">
                <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Home</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Profile</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">Contact</a>
            </li>
        </ul>
    
        <!-- Tab content -->
        <div class="tab-content" id="myTabContent">
            <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">Home content...</div>
            <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">Profile content...</div>
            <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">Contact content...</div>
        </div>
    
        <!-- Button to activate a specific tab -->
        <button id="activateProfileTab" class="btn btn-primary mt-3">Activate Profile Tab</button>
    </div>
    
    <!-- jQuery script to activate the tab on button click -->
    <script>
        $(document).ready(function () {
            $('#activateProfileTab').click(function () {
                $('#profile-tab').tab('show'); // Activate the Profile tab
            });
        });
    </script>
     

    MaxFunMan

    Active member
  • Dec 10, 2014
    724
    247
    43
    <button onclick="$('#profile-tab').tab('show');" class="btn btn-primary mt-3">Activate Profile Tab</button>
    මට ඕනි අමුවෙන්ම vb.net click even එකෙන් වැඩ කරන විදියට .

    Protected Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click

    -------

    End Sub
     

    Dilan@3gb

    Active member
  • Nov 10, 2010
    134
    110
    43
    <asp:Button ID="btnActivateProfile" runat="server" Text="Activate Profile Tab" CssClass="btn btn-primary mt-3" OnClick="btnActivateProfile_Click" />

    Vb Backend

    Protected Sub btnActivateProfile_Click(sender As Object, e As EventArgs) ' Register the script to run on the client-side ClientScript.RegisterStartupScript(Me.GetType(), "ShowProfileTab", "showProfileTab();", True)
    End Sub
     

    KSPathirana

    Well-known member
  • Apr 22, 2015
    7,914
    10,143
    113
    උබගෙ ඒ ප්‍රශ්නෙ කියවද්දි හරි අමුතුයි බන්