用html区域替换按钮

时间:2015-12-03 14:19:05

标签: php html

新手警报!

我知道我遗漏了一些基本的东西,但我无法弄明白... 我在页面中有一个带有html按钮的页面。表单方法是“post”,每个按钮用于运行生活在主机web服务器上的一些脚本中的一个,并通过php调用(如果这是单词),即包含在网页上的是php脚本,如下所示:

<?php

$cmd = $_POST["action"];
if ($cmd=="snap")
{
    exec("sudo ./snap_web.sh");
}
?>

它工作正常但作为练习,我想用单个图像替换按钮数组,并且用户点击图像的特定部分取代单独的html按钮。 我知道如何使用“coords”来识别图像的各个部分,但我无法理解如何以html按钮的方式将这些区域的点击传递给PHP脚本。 因为我“只是”想要将一个html元素替换为另一个,我希望答案很简单,但如果我必须进入js或其他东西,那就这样吧! 非常感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

我会用jQuery var fs = require('fs'); var casper = require('casper').create(); casper.start('http://www.example.com/'); var selector = "#A > div > div > div > a:first-of-type"; casper.waitUntilVisible(selector) .thenClick(selector) .wait(10000) .then(function(){ fs.write('myfile.txt', this.getHTML(), 'w'); }); casper.run();

来做

PHP代码将自己放入文件中。 (process.php)例如。

$.post()

但是,如果您希望表单提交,而不使用ajax,可能使用javascript强制提交$ _GET?

<form action="" method="get">
    <img src="someImage.png" onclick="calcCoords()">
</form>


<script>
function calcCoords(){
    /**
     *     Here you get the action via to coords however you are currently doing it.
     */
    var action = 'someAction';
    $.post( "process.php", { action: action } function( data ) {
        $( ".result" ).html( data );
    });
}
</script>

稍微改变你的PHP

<form action="" method="get">
    <img src="someImage.png" onclick="calcCoords()">
</form>


<script>
function calcCoords(){
    /**
     *     Here you get the action via to coords however you are currently doing it.
     */
    var action = 'someAction';
    window.location = window.location + '?action=' + action;
}
</script>