、単純な私は満足して利用できるライブラリjAlert v4のを使用しているプロンプト

here 、単純な私は満足して利用できるライブラリjAlert v4のを使用しているプロンプト

しかし、私は（それが持つ単純な警告であることは、単純な「プロンプト」として、このライブラリを使用することはできません気づきました次のコードに示すように、テキストボックス）：それは自動的に私のコード内のすべての「警告（）」関数を認識し、それを追加するだけでよい（任意のさらなる実施せずに自分のスタイルを適用するため

var qnt = prompt("Insert")

はまた、このライブラリーが優れていますそのライブラリ内の<head>タグ）。 "jQuery Alert Dialogs"ライブラリも私の目的であることがわかりましたが、jAlert v4としてカスタマイズすることはできません。

jalertのカスタマイズ（テーマやアニメーションなど）が好きで使いやすいので、同じライブラリ（jAlert v4）を使用することが可能かどうかを知りたいと思います。そして、私のjAlertのような同じスタイルを以下の画像：jAlert exampleのままで、入力TextBoxで保持したいと思います。

出典

2016-05-20 tuxj

ライブラリはブラウザのビルトインalert()機能をオーバーライドしていること：あなたがonOpenコールバックを持っている理由です。 prompt()と同じことができ、その上にテキストボックスを含むjAlertを開きます。

出典

2016-05-23 14:41:02

どうもありがとうございます。しかし、私のaswerで見つけることができるライブラリjalertを常に使用している別のソリューションが見つかりました。 – tuxj

はい、できます。入力ボックスをコンテンツに入れるだけで、それは表示されませんが、それは本当です。

$.alertOnClick('.getTopClose', { 
    'title':'Textbox example', 
    'content':'', //Add nothing to the content 
    'onOpen': function(alert){ 
     //This is the important part! 
     //Append a text input to the class .ja_body 
     $('.ja_body').append('<input type="text" name="something" value="" />'); 
    } 
});

出典

2016-05-23 14:39:22 vaso123

ありがとうございました。でも、私のaswerで見つけることができるライブラリjalertを常に使用している別のソリューションが見つかりました。 – tuxj

ブラウザダイアログのもの、などalert、confirmとpromptはすべてブロックされています。 JavaScriptは実行されたものとして実行を停止します。

外部コードでその動作を再現する方法はありません。つまり、コールバックを使用する必要があります。

alertのように、アラートが表示されている間はコードが続行されても、行に複数のアラートを表示しようとすると分解されます。

promptとconfirmの場合、はコードを再構成する必要があります。それは

かもしれない彼らはprompt交換を持っていないようでしたので、私は彼らのデモコードを表示することができませんでした

- 私は jAlertドキュメントの迅速な読み取りを行なったし、私は alertと confirm両方を見

代わりにこのライブラリをチェックアウトする価値があります。 http://alertifyjs.com/

出典

2016-05-23 14:46:11

ありがとうございました。しかし、私はaswerで見つけることができるライブラリjalertを常に使用している別のソリューションを見つけました。 – tuxj

私はjAlertの開発者です。一般に非常に慣れている必要があるため、私はプロンプトを含めませんでした。私はいつもプロンプトを表示するためにjAlertsを作成しますが、完全に制御したいので、私はそれらを長時間実行します。また、「製品を追加する」ためのcodepenの例がここにあります：http://codepen.io/VersatilityWerks/pen/yNXLNB/ –

私の解決策が見つかりました。それは、常に同じjalertライブラリを使用しているからです。私の原因では、私のアラートの戻り値を使用して、ajax経由でUPDATEを実行します。

$.jAlert({ 
    'title': 'Inserimento numero colli', 
    'content': '<form style="text-align:center;"><label>Quantita</label><br><input id="id_qnt" type="text" style="text-align:center"></form>', 
    'btns': [ 
     { 
      'text': 'Save', 
      'closeAlert': 'false', 
      'onClick': function (e, btn) { 
       var item = btn.parents('.jAlert'), 
        form = item.find('form'), 
        error = false; 
       var field = form.find('input:text').val(); 
       if (field == 'undefined' || field == '') { 
        error = "Empty quantity!"; 
       } 
       if (!($.isNumeric(field))) { 
        error = "IsNan!" 
       } 
       if (field < 0) { 
        error = "IT'S < 0" 
       } 
       if (error) { 
        errorAlert(error); 
        return false; 
       } 

       // 'field' is the returned value... such as when using 'prompt' 
       // In my case I use it for AJAX 

       var obj = {}; 
       obj.value = field; 

       $.ajax({ 
        type: "POST", 
        url: "Master.aspx/UpdateItem", 
        data: JSON.stringify(obj), 
        contentType: "application/json; charset=utf-8", 
        dataType: "json", 
        success: function (r) { 
         successAlert('SUCCESSFULLY SENT!', r.d); 
        } 
       }); 

       // DYNAMICALLY CHANGE VALUE INSIDE PAGE change clicked_id by passing your id 
       document.getElementById(clicked_id).textContent = obj.value; 
      } 
     }, 
     { 
      'text': 'Cancel' 
     } 
    ] 
});

それは私が誰にでも役立つことを願っています。このscreenshot 次のようになります。これは私のコードです！

出典

2016-05-23 15:19:45 tuxj

、単純な私は満足して利用できるライブラリjAlert v4のを使用しているプロンプト

答えて

関連する問題