JavaScript-警报对话框无法关闭（javascript关不掉的警告框）

25-02-24 13

对于想了解JavaScript-警报对话框无法关闭的读者，本文将提供新的信息，我们将详细介绍javascript关不掉的警告框，并且为您提供关于android–警报对话框或自定义警报对话框的大小、ht

对于想了解JavaScript-警报对话框无法关闭的读者，本文将提供新的信息，我们将详细介绍javascript关不掉的警告框，并且为您提供关于android – 警报对话框或自定义警报对话框的大小、html+javascript实现可拖动可提交的弹出层对话框效果_javascript技巧、java – 另一个警告对话框后的警报对话框？第一个缺失！安卓、JavaFx：自定义警报对话框的有价值信息。

本文目录一览：

JavaScript-警报对话框无法关闭（javascript关不掉的警告框）
android – 警报对话框或自定义警报对话框的大小
html+javascript实现可拖动可提交的弹出层对话框效果_javascript技巧
java – 另一个警告对话框后的警报对话框？第一个缺失！安卓
JavaFx：自定义警报对话框

JavaScript-警报对话框无法关闭（javascript关不掉的警告框）

我在Google Chrome版本54.0.2840.100(64位)中运行了以下代码.它会依次显示一个警告对话框,直到用户输入正确的答案为止,但问题是当我单击警告对话框中的关闭按钮或取消按钮而不是关闭时,它会继续询问输入.该标签不可点击.尽管如此,我可以关闭chrome主窗口,但是有代码可以纠正此问题.

var answer = Number(Math.floor(Math.random()*10));

do{
    var number = Number(prompt("Guess a number"));
    if(number-answer >10){
        alert("Too big!!");
    }
    else if(number-answer < 10 && number>answer ){
        alert("It's bigger, but you are close!");
    }
    else if(answer-number < 10 && number<answer){
        alert("It's smaller, but you are close!");
    }
    else if(answer-number > 10){
        alert("Too small!!");
    }
    else if(number==answer){
    alert("You WIN !!");
    break;
    }
}while(number!=answer);

解决方法:

最简单直接的答案是删除do … while循环.因为在输入正确答案之前,代码将一直运行.

因此,您可以检查输入的数字,如果为空则将其中断,否则将其转换为您的数字并运行循环.

第一手检查null也会使检查0也很容易

var answer = Number(Math.floor(Math.random()*10));

do{
    var number = prompt("Guess a number");
    if(number!=null){
        number = Number(number);
    } else {
        break;
    }
    if(number-answer >10){
        alert("Too big!!");
    }
    else if(number-answer < 10 && number>answer ){
        alert("It's bigger, but you are close!");
    }
    else if(answer-number < 10 && number<answer){
        alert("It's smaller, but you are close!");
    }
    else if(answer-number > 10){
        alert("Too small!!");
    }
    else if(number==answer){
    alert("You WIN !!");
    break;
    }
}while(number!=answer);

android – 警报对话框或自定义警报对话框的大小

我正在为10.1的所有平板电脑创建我的应用程序,现在我在三星galaxy选项卡上尝试这个.
我已经完成了所有这些部分,但警告对话框对于平板电脑尺寸来说太小了.
我还创建了自定义警报对话框但看起来不太好.
所以告诉我,如果是,那么我可以更改默认警报对话框的大小.

要么

如何创建看起来像默认警报对话框的自定义警报对话框.

谢谢.

解决方法

请参阅 this one

根据Android平台开发人员Dianne Hackborn在this讨论组帖子中,Dialogs将他们Window的顶级布局宽度和高度设置为WRAP_CONTENT.要使Dialog更大,可以将这些参数设置为FILL_PARENT.

演示代码：

AlertDialog.Builder adb = new AlertDialog.Builder(this);
Dialog d = adb.setView(new View(this)).create();
// (That new View is just there to have something inside the dialog that can grow big enough to cover the whole screen.)

WindowManager.LayoutParams lp = new WindowManager.LayoutParams();
lp.copyFrom(d.getwindow().getAttributes());
lp.width = WindowManager.LayoutParams.MATCH_PARENT;
lp.height = WindowManager.LayoutParams.MATCH_PARENT;
d.show();
d.getwindow().setAttributes(lp);

请注意,在显示对话框后设置属性.系统在设置时很挑剔. (我猜布局引擎必须在第一次显示对话框时设置它们.)

最好通过扩展Theme.Dialog来做到这一点,然后你就不必玩一个关于何时调用setAttributes的猜谜游戏. (虽然让对话框自动采用适当的浅色或深色主题或Honeycomb Holo主题需要更多的工作.这可以根据http://developer.android.com/guide/topics/ui/themes.html#SelectATheme完成)

html+javascript实现可拖动可提交的弹出层对话框效果_javascript技巧

复制代码代码如下:

JAVASCRIPT弹出层

<script> function showPopup() {//弹出层 var objDiv = document.getElementById("popDiv"); objDiv.style.top = "50px";//设置弹出层距离上边界的距离 objDiv.style.left = "200px";//设置弹出层距离左边界的距离 objDiv.style.width = "300px";//设置弹出层的宽度 objDiv.style.height = "200px";//设置弹出层的高度 //objDiv.style.display = "block"; objDiv.style.visibility = "visible"; } function hidePopup() {//关闭层 var objDiv = document.getElementById("popDiv"); objDiv.style.visibility = "hidden"; } </script>

修改操作 href="#" onclick="hidePopup();">关闭

效果如下图：

html+javascript实现可拖动可提交的弹出层对话框效果_javascript技巧

java – 另一个警告对话框后的警报对话框？第一个缺失！安卓

我有一个活动(ImportActivity),其中用户输入一些度量的值并将它们保存到sqlite数据库中.

当用户在导入到数据库后单击“保存”按钮时,我有一个警告对话框(SAVEORBACK_DIALOG_ID),用户可以在此处离开此活动或导入另一个度量.它工作正常.

我的问题是当我尝试在(SAVEORBACK_DIALOG_ID)警告对话之前显示另一个警报对话框(SMS_DIALOG_ID).这是因为我想要求用户发送或不发送短信.

当我运行它时它只显示第二个警告对话框(SAVEORBACK_DIALOG_ID)！

我在活动中：

    static final int DATE_DIALOG_ID = 0;
static final int TIME_DIALOG_ID = 1;
static final int SAVEORBACK_DIALOG_ID = 2;
static final int SMS_DIALOG_ID = 3;

我从我的活动中打电话给他们：

        // sms dialog(send sms to doctor?yes/no)
        showDialog(SMS_DIALOG_ID);

        // save or back dialog
        showDialog(SAVEORBACK_DIALOG_ID);

这是onCreateDialog方法,我有我的对话框(我删除了一些更容易阅读)：

    @Override
protected Dialog onCreateDialog(int id) {
    switch (id) {
    case DATE_DIALOG_ID:
        return new DatePickerDialog(this, mDateSetListener, mYear, mMonth,
                mDay);
    case TIME_DIALOG_ID:
        return new TimePickerDialog(this, mTimeSetListener, mHour, mMinute,
                false);
    case SAVEORBACK_DIALOG_ID:
        AlertDialog.Builder builder = new AlertDialog.Builder(this);
        builder.setMessage(
                "information saved successfully ! Add Another Info?")
                .setCancelable(false)
                .setPositiveButton("No",
                        new DialogInterface.OnClickListener() {
                            public void onClick(DialogInterface dialog,
                                    int id) {
                                ImportActivity.this.finish();

                            }
                        })
                .setNegativeButton("Yes",
                        new DialogInterface.OnClickListener() {
                            public void onClick(DialogInterface dialog,
                                    int id) {
                                dialog.cancel();
                                // get the new date
                                // Clearing the fields & update date/time
                                // textviews
                            }
                        });
        AlertDialog dialog = builder.create();
        return dialog;

        // case sms dialog
    case SMS_DIALOG_ID:
        AlertDialog.Builder builder2 = new AlertDialog.Builder(this);
        builder2.setMessage("High blood pressure ! Send sms to doctor?")
                .setCancelable(false)
                .setPositiveButton("No",
                        new DialogInterface.OnClickListener() {
                            public void onClick(DialogInterface dialog,
                                    int id) {
                                dialog.cancel();
                                // do nothing - just continue
                            }
                        })
                .setNegativeButton("Yes",
                        new DialogInterface.OnClickListener() {
                            public void onClick(DialogInterface dialog,
                                    int id) {
                                dialog.cancel();
                                // try to send sms - report status
                            }
                        });
        AlertDialog dialog2 = builder2.create();
        return dialog2;
        //

    }
    return null;
}

解决方法:

这些命令是连续执行的,正如您所注意到的那样,它会覆盖第一个对话框：

    // sms dialog(send sms to doctor?yes/no)
    showDialog(SMS_DIALOG_ID);

    // save or back dialog
    showDialog(SAVEORBACK_DIALOG_ID);

因为showDialog()在显示第二个对话框之前不会等待第一个对话框的响应.

只需将第二个showDialog()命令移动到第一个对话框中的按钮：

.setPositiveButton("No",
    new DialogInterface.OnClickListener() {
        public void onClick(DialogInterface dialog, int id) {
            dialog.cancel();
            // do nothing - just continue
            ImportActivity.this.showDialog(SAVEORBACK_DIALOG_ID);
        }
    })
// etc, etc

或者,您可以使用OndismissDialogListener,只要关闭对话框(通过按钮单击,取消操作等),就会调用此方法：

case SMS_DIALOG_ID:
    ...
    AlertDialog dialog2 = builder2.create();

    dialog2.setondismissListener(new OndismissListener() {
        public void ondismiss(DialogInterface dialog) {
            ImportActivity.this.showDialog(SAVEORBACK_DIALOG_ID);
        }
    });

    return dialog2;
}

JavaFx：自定义警报对话框

如何解决JavaFx：自定义警报对话框？

我想在“警报”对话框中自定义按钮，按钮容器，背景色，AlertType图标。

尝试了以下两种解决方案：

Styling default JavaFX Dialogs
Customize JavaFx Alert with css

我想我提到的CSS代码应该适用于所有Alert对话框？不知道我在这里想念什么。

private static void createSimpleinformationDialog(String message){
    Alert alert = createSimpleinformationAlert(message,AlertType.informatION);
    alert.getDialogPane().setHeaderText(StringTools.isNull(null,""));
    alert.getDialogPane().setMaxWidth(200);
    alert.getDialogPane().setMinWidth(150);
    alert.getDialogPane().setPadding(new Insets(0,10,10));
    alert.showAndWait();
}

private static Alert createSimpleinformationAlert(String message,AlertType type) {
    Alert alert = new Alert(type);
    alert.setTitle(Lang.get(Defs.FX_DIALOGS_EXCEPTIONS_GENERIC_TITLE));
    alert.setContentText(message);
    alert.initModality(Modality.APPLICATION_MODAL);
    alert.initOwner(FXMain.getInstance().getStage());
    return alert;
}

CSS文件：

.dialog-pane{
  -fx-border-color:black;
  -fx-border-width:2.0px;
 }

/**Costumization of The Bar where the buttons are located**/
.dialog-pane > .button-bar > .container {
  -fx-background-color:black;
}

.dialog-pane > .content.label {
   -fx-padding: 0.5em 0.5em 0.5em 0.5em;
   -fx-background-color: yellow;
   -fx-text-fill:black;
   -fx-font-size:15.0px;
}

/**Costumization of DialogPane Header**/
.dialog-pane:header .header-panel {
  -fx-background-color: black;
}

.dialog-pane:header .header-panel .label{
  -fx-background-color: yellow;
  -fx-background-radius:10px;
  -fx-text-fill:black;
  -fx-font-size:15.0px;
}


/**Costumization of Buttons**/
.dialog-pane .button{
   -fx-background-color:black;
   -fx-text-fill:white;
   -fx-wrap-text: true;
   -fx-effect: dropshadow( three-pass-Box,yellow,10.0,0.0,0.0);
   -fx-cursor:hand;
 }

.dialog-pane .button:hover{     
  -fx-background-color:white;
  -fx-text-fill:black;
  -fx-font-weight:bold; 
 }

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

今天关于JavaScript-警报对话框无法关闭和javascript关不掉的警告框的讲解已经结束，谢谢您的阅读，如果想了解更多关于android – 警报对话框或自定义警报对话框的大小、html+javascript实现可拖动可提交的弹出层对话框效果_javascript技巧、java – 另一个警告对话框后的警报对话框？第一个缺失！安卓、JavaFx：自定义警报对话框的相关知识，请在本站搜索。

本文标签：