Php 当java脚本警报消息弹出时隐藏html控件_Php_Javascript_Html_Alert

Php 当java脚本警报消息弹出时隐藏html控件

php javascript html

Php 当java脚本警报消息弹出时隐藏html控件,php,javascript,html,alert,Php,Javascript,Html,Alert,当弹出警告消息时，我需要隐藏html控件，如按钮。最初，某些控件是隐藏的，但当弹出警报消息时，它会显示这些控件。如何在弹出警报消息时隐藏控件。下图显示了该问题 <html> <head> <script> function disableElements() { document.getElementById("name").disabled=true; document.getElementById("link").disabled=true

当弹出警告消息时，我需要隐藏html控件，如按钮。最初，某些控件是隐藏的，但当弹出警报消息时，它会显示这些控件。如何在弹出警报消息时隐藏控件。下图显示了该问题

<html>
<head>
<script>
function disableElements()
{
    document.getElementById("name").disabled=true;
    document.getElementById("link").disabled=true;
    document.getElementById("s1").style.display="none";
    document.getElementById("c1").style.display="none";
    document.getElementById("ex1").style.display="none";
    document.getElementById("u1").style.display="none";
    document.getElementById("u2").style.display="none";
    document.getElementById("se1").style.display="none";
    document.getElementById("ladd").style.display="none";
    document.getElementById("ledit").style.display="none";
    document.getElementById("lfind").style.display="none";
    document.getElementById("ldel").style.display="none";
}
function addenable()
{
    document.getElementById("name").disabled=false;
    document.getElementById("link").disabled=false;
    document.getElementById("s1").style.display="inline";
    document.getElementById("c1").style.display="inline";
    document.getElementById("ex1").style.display="inline";
    document.getElementById("a1").style.display="none";
    document.getElementById("e1").style.display="none";
    document.getElementById("f1").style.display="none";
    document.getElementById("d1").style.display="none";
    document.getElementById("u1").style.display="none";
    document.getElementById("u2").style.display="none";
    document.getElementById("ladd").style.display="inline";
    document.getElementById("ledit").style.display="none";
    document.getElementById("lfind").style.display="none";
    document.getElementById("ldel").style.display="none";
}
</script>
</head>
<body onload="disableElements()">
<form method="post" action="#">
<input type="button" name="add" id="a1" value="Add" onclick="addenable()"/>
<input type="button" name="edit" id="e1" value="Edit"/>
<input type="button" name="find" id="f1" value="Find"/> 
<input type="button" name="delete" id="d1" value="Delete"/>
<input type="submit" name="save" id="s1" value="Save"/>
<input type="submit" name="update" id="u1" value="Update"/>
<input type="submit" name="remove" id="u2" value="Update"/>
<input type="reset" name="cancel" id="c1" value="Cancel"/>
<input type="button" name="exit" id="ex1" value="Exit" onclick="javascript:history.go(0);" />

    <table id="tbl1" width="100%" border="0" >
    <tr>
        <td><label>Name :</label></td>
        <td>&nbsp;</td>
        <td><input type="text" name="Name" size="40px" id="name" /></td>
        <td></td>
        <td><label>Website :</label></td>
        <td>&nbsp;</td>
        <td><input type="text" name="Link" size="40px" id="link" /><br/></td>
    </tr>
    <tr>
        <td><input type="button" name="search" id="se1" value="Search"/></td>
    </tr>
</table>
</form>
</body>
</html>

<?php
if(isset($_POST["save"]))
{
    if(($_POST["Name"] == '') || ($_POST["Link"] == ''))
        {
            echo '<script type="text/javascript">alert("insert values....!")</script>';
        }
        else
        {
    $name = $_POST["Name"];
    $link = $_POST["Link"];

        #inserting values
        $insert = mysql_query("INSERT INTO data (Name, Link) VALUES ('$name','$link')");
        if(!$insert)
            {
                //die ("Error". mysql_error());
                echo '<script type="text/javascript">alert("Duplicate Entry!")</script>';
            }
        else
            {
                echo '<script type="text/javascript">alert("Record Save Successflly!")</script>';
            }
    }
}

?>


函数禁用元素（）
{
document.getElementById（“名称”）.disabled=true；
document.getElementById（“link”）.disabled=true；
document.getElementById（“s1”）.style.display=“无”；
document.getElementById（“c1”）.style.display=“无”；
document.getElementById（“ex1”）.style.display=“无”；
document.getElementById（“u1”）.style.display=“无”；
document.getElementById（“u2”）.style.display=“无”；
document.getElementById（“se1”）.style.display=“无”；
document.getElementById（“ladd”）.style.display=“无”；
document.getElementById（“ledit”）.style.display=“无”；
document.getElementById（“lfind”）.style.display=“无”；
document.getElementById（“ldel”）.style.display=“无”；
}
函数可加（）
{
document.getElementById（“名称”）.disabled=false；
document.getElementById（“link”）.disabled=false；
document.getElementById（“s1”）.style.display=“inline”；
document.getElementById（“c1”）.style.display=“inline”；
document.getElementById（“ex1”）.style.display=“inline”；
document.getElementById（“a1”）.style.display=“无”；
document.getElementById（“e1”）.style.display=“无”；
document.getElementById（“f1”）.style.display=“无”；
document.getElementById（“d1”）.style.display=“无”；
document.getElementById（“u1”）.style.display=“无”；
document.getElementById（“u2”）.style.display=“无”；
document.getElementById（“ladd”）.style.display=“inline”；
document.getElementById（“ledit”）.style.display=“无”；
document.getElementById（“lfind”）.style.display=“无”；
document.getElementById（“ldel”）.style.display=“无”；
}
姓名：
网站：

更换：

echo '<script type="text/javascript">alert("Duplicate Entry!")</script>';

echo'警报（“重复输入！”）；

与：

echo'disableElements（）；警报（“重复输入！”）；

调用警报时，应该会隐藏控件。

请尝试

$（“#ex1”）.hide（）

使用jquery

如果我是您，我将创建这样的函数来覆盖整个文档并调用警报（）

及

如果只想隐藏某些元素。给它一些共同点。这里我使用的是html5数据属性和javascript querySelectorAll，而不是jQuery

    <input type="button" data-group="grp1" name="add" id="a1" value="Add" onclick="addenable()"/>
    <input type="button" data-group="grp1" name="edit" id="e1" value="Edit"/>
    <input type="button" data-group="grp1" name="find" id="f1" value="Find"/> 
    <input type="button" data-group="grp1" name="delete" id="d1" value="Delete"/>
    <input type="submit" data-group="grp1" name="save" id="s1" value="Save"/>
    <input type="submit" data-group="grp1" name="update" id="u1" value="Update"/>
    <input type="submit" data-group="grp1" name="remove" id="u2" value="Update"/>
    <input type="reset" data-group="grp1" name="cancel" id="c1" value="Cancel"/>
    <input type="button" data-group="grp1" name="exit" id="ex1" value="Exit" onclick="javascript:history.go(0);" />


    <script type="text/javascript">

        function hideAll(){
            var arr = document.querySelectorAll('[data-group="grp1"]');
            for(var i=0;i<arr.length;i++){
                arr[i].style.display = 'none';
            }
        }
        function showAll(){
            var arr = document.querySelectorAll('[data-group="grp1"]');
            for(var i=0;i<arr.length;i++){
                arr[i].style.display = 'inline';
            }
        }
    </script>


函数hideAll（）{
var arr=document.querySelectorAll（'[data group=“grp1”]'）；
对于（var i=0；i@DarkWish你能告诉我怎么做吗？把jquery文件和你的html一起附加在脚本中，当你想隐藏某些东西时，可以这样使用。现在我隐藏name$（“#name”）.hide（）；MySQL@Cerbrus没有问题，我已经检查过了。是的，我误读了这个问题。这就是我想要的，但问题在于，通过使用此警报消息，还可以禁用：（确定隐藏函数所需的任何参数吗？Jquery使JS变得简单，但该参数只是在#ex1字段中使用您的id的问题。Jquery中已经指定了隐藏函数，因此您无需编写大量长语法来隐藏某些内容。@Dorvalla我很接近，但您可以使用Jquery编辑我的代码，以便我可以理解syntex。我真的很感谢你：）这太短了。我喜欢它，但我对javascript有点陌生，我不明白这背后的过程是什么：（在这里，我只是简单地创建一个与文档宽度和高度相同的div，并将其放在顶部。这是我将如何做的+1Oh这很好，但朋友，我不想隐藏所有控件，我只需要隐藏一些控件，如保存、更新、取消和退出。这是我需要的，但你的观点是正确的。公共属性可以可以是类名或属性
        function hideAll(){
            var div = $('<div id="div-cover" style="background:rgba(3,3,3,.7);display:block;position:absolute;left:0px;top:0px;z-index:1000;"></div>');
            $(div).width($(document).width()).height($(document).height());
            $(document.body).prepend(div);
        }
        function showAll(){
            $('#div-cover').remove();
        }

hideAll();
alert();
showAll();

    <input type="button" data-group="grp1" name="add" id="a1" value="Add" onclick="addenable()"/>
    <input type="button" data-group="grp1" name="edit" id="e1" value="Edit"/>
    <input type="button" data-group="grp1" name="find" id="f1" value="Find"/> 
    <input type="button" data-group="grp1" name="delete" id="d1" value="Delete"/>
    <input type="submit" data-group="grp1" name="save" id="s1" value="Save"/>
    <input type="submit" data-group="grp1" name="update" id="u1" value="Update"/>
    <input type="submit" data-group="grp1" name="remove" id="u2" value="Update"/>
    <input type="reset" data-group="grp1" name="cancel" id="c1" value="Cancel"/>
    <input type="button" data-group="grp1" name="exit" id="ex1" value="Exit" onclick="javascript:history.go(0);" />


    <script type="text/javascript">

        function hideAll(){
            var arr = document.querySelectorAll('[data-group="grp1"]');
            for(var i=0;i<arr.length;i++){
                arr[i].style.display = 'none';
            }
        }
        function showAll(){
            var arr = document.querySelectorAll('[data-group="grp1"]');
            for(var i=0;i<arr.length;i++){
                arr[i].style.display = 'inline';
            }
        }
    </script>