-1

編集: 言葉遣いが悪いことをお詫びします。より適切なバージョンを以下に示します: ユーザーが最初にサイトにアクセスすると、i.stack.imgur.com/7zbyv.png が表示されます。次に、設定したパスワード (PHP 変数) を入力し、[送信] をクリックする必要があります。正しい場合は i.stack.imgur.com/E78wK.png が表示されます。そうでなければ、何も起こりません。

私は自分の開発サイトでスクリプトに取り組んでいます。大きな緑色のボタンをテキスト ボックスと送信ボタンに置​​き換えたいと考えています。ユーザーは正しいパスワードをボックスに入力し、緑色のボタンが表示される前に送信ボタンをクリックする必要があります。これを行う方法に関するガイドがどこにも見つかりません。誰でも私を助けることができますか？関連するコードとスクリーンショットを以下に示します。

緑のボタン:

<?php
    if(($xx != null) || $log != null)
    {
    echo "<a rel=\"tooltip\" title=\"Login via Instagram using your username\" class=\"btn btn-success\" href=\"$loginUrl\">Login with Instagram</a>";
    } 
?>

ログインフォームとボタン

<form>
        <br />
        <input type="password" class="input-small" placeholder="Enter Code...">
        <button type="submit" class="btn">Login</button>
</form>
4

2 に答える 2

2

非常に簡単です。ユーザーがログインしていないときにフォームとボタンの両方を出力します。CSSを使用してフォームを非表示にし、ボタンのみを表示します。次に、ユーザーjQuery click()（または単純なjavascript）ハンドラーを使用して、ボタンをフォームに切り替えます。

これがjQueryを使った前述のテクニックのデモンストレーションです：http：//jsfiddle.net/uHzfp/

于 2013-02-27T09:09:40.570 に答える
1 
<?php
    if(($xx != null) || $log != null)
    {
    echo "<a id="login_button" rel=\"tooltip\" title=\"Login via Instagram using your username\" class=\"btn btn-success\" href=\"$loginUrl\" >Login with Instagram</a>";
    } 
?>

<form id="myform" style="display:none;">
        <br />
        <input type="password" class="input-small" placeholder="Enter Code...">
        <button type="submit" class="btn">Login</button>
</form>

<script>
$("#login_button").click(function () {
$(this).css("display","none");
$('#myform').css("display","");
});
</script>
于 2013-02-27T09:22:57.513 に答える