-1

以下の URL に表示されているのと同じフォーム フィールドを表示したい:---

https://quotes.tiger.co.uk/motorquoter/yourdetails.aspx

ユーザーが任意のフィールドをクリックすると、そのフィールドのモーダル ポップアップが表示されることを意味します。

これを実装する方法、またはこの目的に最適なプラグインを教えてください。

どんな助けも非常に高く評価されます。

4

1 に答える 1

0

プラグイン自体についてはわかりません。回答があれば更新します。

以下のような方法でこれを行うことができます（大まかな方法​​と呼ぶかもしれませんが、素晴らしいアイデアをクリックするのに役立つかもしれません）:-

jQueryでファイルを参照してくださいHTML。

<head>
    <title></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>
</head>

inputのような要素を作成します。

<table>
        <tr>
            <td>First Name</td>
            <td>
                <input type="text" onclick="parent.focuswhere = 0;" id="firstName" />
            </td>
        </tr>
</table>

次に、ダイアログを HTML で準備します。

<div id="dialog" title="Basic dialog" style="display:none">
        <table>
        <tr>
            <td>First Name</td>
            <td>
                <input type="text" onclick="parent.focuswhere = 0;" id="Text1" />
            </td>
        </tr>
        </table>
    </div>

これで HTML の設定は完了です。jQueryコードに来ます。

<script>
    $(document).ready(function () {
        $("input").click(function (e) {
            $("#dialog").dialog();
            console.log(e.target);
        });
    });

</script>

JSFiddle リンク

console.log(e.target);さて、私が自分の役割を果たしていることがわかり.clickます。クリックした が表示されます<input>。dom 要素を動的に作成するか、上に表示したのと同じ方法で試すことができます。

それがあなたを助けるかどうかわからない。しかし、ヒントを得て、何かクールなものを引き出すかどうかを確認してください..

于 2013-06-10T11:57:44.283 に答える