none
Bootstrap Script Confirm Sorunu? RRS feed

  • Genel Tartışma

  • Merhabalar Bootstrap Script confirm yapmak istiyorum buttonun click eventını dönen true ,false değeriyle nasıl çalıştırabilirim? Tabiki Sorduğum normal alert şeklinde değil ben bootstrap tasrımı ile istiyorum

    7 Mayıs 2015 Perşembe 15:00

Tüm Yanıtlar

  • Merhaba,

    Burada bir örnek mevcut. İşinize yarayacaktır sanırım.


    U.Deniz Doğan

    7 Mayıs 2015 Perşembe 18:34
  • O şekilde bootstrap ta benim tasarımıma uydurumadım ..nette çoğu örnek a taglerin üzerinden benim işleyis butona göre onlardan da return value alamıyorum. Fakat CustomAlert İsimli hazır bir js buldum onda faklı bir yanlış return falue sürekli false geliyor.Aşağıda kodları paylaşıyorum bi göz atarsanız sevinrim.

    Şu sitedediki örneği kullandım : https://github.com/PhilippeAssis/custom-alert

     <!DOCTYPE html>

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>

        <link rel="stylesheet" href="css/bootstrap.min.css" />
        <!-- Optional theme -->
        <link rel="stylesheet" href="css/bootstrap-theme.min.css" />
        <!-- Latest compiled and minified JavaScript -->
        <script src="js/bootstrap.min.js"></script>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <!-- Bootstrap -->
        <link href="css/bootstrap.min.css" rel="stylesheet" />
        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 11]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
        <script src="js/customAlert.js"></script>
        <link href="css/customAlert.css" rel="stylesheet" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 

    <script type="text/javascript">

       function ConfirmationBox() {
                var cnfrmVal;
                cnfrmVal = document.createElement("input");
                cnfrmVal.name = "confirmValue";
                cnfrmVal.type = "hidden";
                if (confirm("Silmek İstiyormusunuz?") == true) {
                    cnfrmVal.value = "Evet";
                    alert("Evet");
                    return true;
                } else {
                    cnfrmVal.value = "Hayır";
                    alert("Hayır");
                    return false;
                }
                document.forms[0].appendChild(cnfrmVal);
            }

        </script>

    </head>

    <body>
        <form id="form1" runat="server">

            <div>

               <asp:Button ID="Button2" OnClick="Button2_Click" Text="2" CssClass="btn btn-primary btn-lg btn-block"
                    runat="server" Style="height: 100px; font-size: 26px;" />

             <asp:Button ID="Button3" Text="3" OnClientClick="if ( ! ConfirmationBox()) return true;" OnClick="Button3_Click" CssClass="btn btn-primary btn-lg btn-block"
                    runat="server" Style="height: 100px; font-size: 26px;" />

          </div>
        </form>
    </body>
    </html>

      protected void Button2_Click(object sender, EventArgs e)
        {

             ScriptManager.RegisterStartupScript(this.Page, this.Page.GetType(), "alert", "javascript:ConfirmationBox();", true);

         Response.Redirect("Default.aspx");

        

        }

    8 Mayıs 2015 Cuma 10:41