كيف أكتب الحوار تأكيد بلدي في جافا سكريبت؟

StackOverflow https://stackoverflow.com/questions/188691

  •  06-07-2019
  •  | 
  •  

سؤال

وأريد أن أكتب شيئا أن يتصرف تماما مثل تأكيد () في جافا سكريبت، ولكن أريد أن أكتب لنفسي حتى أتمكن من الجلد مربع الحوار. في وجود صعوبة في التفكير في كيفية I سيجبر أساسا موضوع جافا سكريبت الانتظار حتى يستجيب المستخدم ثم يعود صحيحة أو خاطئة.

هل كانت مفيدة؟

المحلول

إذا كنت أنت، وأود أن ننظر في واحدة من مكتبات جافا سكريبت الشعبية. الأكثر احتواء نوعا من الحوار مشروط.

وزوجان وجدت لمسج هي jqModal و <لأ href = "HTTP: //www.ericmmartin.com/projects/simplemodal/ "يختلط =" noreferrer نوفولو "> SimpleModal .

عند بناء حوار مشروط، سيكون لديك لربط الأحداث إلى الأزرار، لذلك يمكنك أن تفعل شيئا مثل:

function askUserYesOrNo() {
  var myDialog = $('<div class="mydialog"><p>Yes or No?</p><input type="button" id="yes" value="Yes"/><input type="button" id="no" value="No"/></div>');
  $("#yes").click(handleYes);
  $("#no").click(handleNo);
  myDialog.modal(); //This would have to be replaced by whatever syntax the modal framework uses
}

function handleYes() {
  //handle yes...
}

function handleNo() {
  //handle no...
}

نصائح أخرى

وأنت تريد حقا أن استخدام إطارا لهذا، نظرا لوجود عدد من القضايا عبر متصفح الغريبة التي سوف تواجه في محاولة لبناء ذلك بنفسك.

ولقد كانت نتائج جيدة باستخدام jqModal المساعد لإطار مسج أن يتيح لك تحديد مربعات حوار مشروط، ولكن هذا لا يعني الخيار الوحيد. محاولة غوغلينغ مسج مشروط أو <وأ href = "HTTP: // شبكة الاتصالات العالمية. google.com/search؟q=yui+modal "يختلط =" نوفولو noreferrer "> يوي مشروط للحصول على بعض البدائل.

لموتولز، هناك moo.rd في Custom.Confirm و <لأ href = " http://windoo.110mb.com/template/windoo.html "يختلط =" noreferrer نوفولو "> Windoo.Confirm للرجوع اليها.

هل يمكن استخدام النافذة. showModalDialog ( موزيلا )، إلا أنها وظيفة غير القياسية التي أدخلها إنترنت إكسبلورر. الآن انها تؤيد أيضا في فايرفوكس 3 وسفاري (لست متأكدا أي إصدار، ولكن على الأقل 3.1 و highter، ولكن ليس اي فون).

وA-عظام عارية يوي العلبة الخفيفة الوسائط ( مثال ):

http://bravo9.com/journal/a-simple-lightbox-modal-dialog-with-yui-c5b048f5-b278-46d1-9a7e-0d3035094f52/

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top