0

jquery UI を使用して警告メッセージとしてポップアップ ウィンドウを作成しています。呼び出して別のページを取得するためにクリックされたときに [OK] ボタンを作成する必要はありません。

これがコードです

<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>jQuery UI Dialog - Modal message</title>
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
        <!--<link rel="stylesheet" href="/resources/demos/style.css" />!-->

        <script>
            $(function() {
                $("#dialog-message").dialog({
                    modal : true,
                    buttons : {
                        enter : function() {
                            $(this).dialog("close");
                        }
                    }
                });
            });
        </script>
    </head>
    <body>
        <div id="dialog-message" title="WIN  PRICES" style="width:300px; height:150px;">
            <p>
                <!--<span class="ui-icon ui-icon-circle-check" style="float: left; margin: 0 7px 50px 0;"></span>!-->
                <span style ="float: left; margin:0 7px 50px 0;"><img src="b4l.jpg" width="77" height="53"></span>
                <h3>byu for less</h3>
                Shoping online <b>Need No Password</b>
                <br>
                Get your needs is our job.
            </p>
            <p>
                <b>every week win a price</b>.
            </p>
        </div>
        <p>
            Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.
        </p>
    </body>
</html>
4

2 に答える 2

0

カスタム アラート ボックスを作成して、ニーズに合わせてカスタマイズできます。

こちらを参考にして、自分に合ったものを選んでください。

PS: 以下も試すことができます。

HTML

<input type="button" onclick="confirmation()" value="Want to go to google?">

JS

function confirmation() {
    var answer = confirm("Want to go to google?");
    if (answer){
        alert("Bye bye!");
        window.location = "http://www.google.com/";
    }
    else{
        alert("Thanks for sticking around!");
    }
}
于 2013-09-11T23:14:26.363 に答える
0

「電話して別のページを取得する」の意味がわからない - これはうまくいきますか?

jsFiddle の作業はこちら

<html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />

        <script type="text/javascript">
            $(document).ready(function() {

                $( "#dialog-message" ).dialog({
                    modal: true,
                    buttons: {
                        enter: function() {
                            $( this ).dialog( "close" );
                            window.location.href='http://google.com';
                        }
                    }
                });

            }); //END $(document).ready()

        </script>
    </head>
<body>

    <div id="dialog-message">
        <h1>Example Dialog</h1>
        <img src="http://placehold.it/150x150" width="150" height="150"/>
        First Name: <input type="text" id="fname"><br />
        Last Name: <input type="text" id="lname"><br />
    </div>

</body>
</html>
于 2013-09-11T23:16:05.060 に答える