小编pr-*_*pr-的帖子

style.top和style.left不起作用

我写了一个脚本,当按下按钮时,formatdialog div会重新调整大小。问题是我不知道为什么我的JavaScript代码不起作用。我可以调整宽度和高度的大小,但是无论出于何种原因,顶部和左侧都无法调整。

对我而言,可能导致问题的原因没有意义。Firebug没有给我任何错误。javascript只是调整宽度和高度的大小,并忽略top和left属性。我猜css属性正在引起问题,我只是不知道是什么。

CSS:

#formatdialog {
            display:none;
            left:25%;
            top:25%;
            width:400px;
            height:200px;
            position:absolute;
            z-index:100;
            background:white;
            padding:2px;
            font:10pt tahoma;
            border:1px solid gray
        }
Run Code Online (Sandbox Code Playgroud)

Javascript:

function FormatDialogResize(){
        var elem = document.getElementById('FormatDialog');
        elem.style.top = "10%";
        elem.style.left = "10%";            
        elem.style.width = "600px";
        elem.style.height = "500px";
    }
Run Code Online (Sandbox Code Playgroud)

我也尝试过:

function FormatDialogResize(){
        var elem = document.getElementById('FormatDialog');
        elem.style.top = 10+"%";
        elem.style.left = 10+"%";           
        elem.style.width = "600px";
        elem.style.height = "500px";
    }
Run Code Online (Sandbox Code Playgroud)

谢谢。

javascript css

5
推荐指数
2
解决办法
2万
查看次数

用于更改IP地址的输入框

我正在尝试为IP地址,广播和子网创建输入字段.输入用于更改服务器的IP.它是一个内部网站.

我想这样做,以便用户获得一个输入框,其中将句点硬编码到文本框中.这种方式当他们开始输入时,他们只需要输入数字并能够选项卡到ip的下一部分.或者如果用户输入3个字符,它会自动将他发送到ip的下一部分.

我不知道这是否只能用html和css完成,或者这更像是一个javascript应用程序.

http://jsfiddle.net/3F2gM/1/

谢谢.

html javascript css

2
推荐指数
1
解决办法
8561
查看次数

javascript函数在php echo中工作吗?

我正在清理我的代码,以便更加统一.我在echo命令中放了几个javascript函数.我很惊讶地发现,在我完成之后,功能不再有效.我没有收到任何错误,只有当我浏览页面时才发现我的功能不再有效.我仍然在我的javascript婴儿期,所以我不确定这是否是一个常见的错误,但我找不到任何与之相关的内容.

通过取走所有回声并慢慢添加更多直到问题重新出现,我将它故障排到第三行.所以,我不确定我做错了什么.

这些功能的目的是对所有内容进行灰色叠加,然后弹出一个小的确认框,询问您是否要继续执行该任务.

echo '<script type="text/javascript">';
                echo 'function showPopUp(el) {';
                    echo 'var cvr = document.getElementById("cover")';
                    echo 'var dlg = document.getElementById(el)';
                    echo 'cvr.style.display = "block"';
                    echo 'dlg.style.display = "block"';
                    echo 'if (document.body.style.overflow = "hidden") {';
                        echo 'cvr.style.width = "100%"';
                        echo 'cvr.style.height = "100%"';
                    echo '}';
                echo '}';
                echo 'function closePopUp(el) {';
                    echo 'var cvr = document.getElementById("cover")';
                    echo 'var dlg = document.getElementById(el)';
                    echo 'cvr.style.display = "none"';
                    echo 'dlg.style.display = "none"';
                    echo 'document.body.style.overflowY = ""';
                echo '}';
echo '</script>';
Run Code Online (Sandbox Code Playgroud)

额外信息:整个页面都在php标签内,我发现另一个不相关的功能,行为方式相同.两者相似的唯一方法是它们都使用var命令,它们都是函数.这可能是源头吗?

html javascript php

1
推荐指数
1
解决办法
417
查看次数

标签 统计

javascript ×3

css ×2

html ×2

php ×1