填充 DIV 容器 - Fill DIV containers

Fill DIV containers

本文关键字：容器 DIV 填充 | 更新日期: 2023-09-27

请参阅下面的代码。目标如下。当用户按下按钮时，应执行函数main.php。完成后，DIV opt_container的内容应通过运行函数ganttchart.php来填充。事实上，我不知道如何：

main.php后立即执行ganttchart.php。
从form运行main.php。

由于我是PHP的新手，任何建议都会对我非常有帮助。

<div id="fragment-2">
    <table width="100%">
        <tr>
            <td width="100%"> 
                <form name="optform" method="post" action="">
                    <div class="buttons">
                        <a href="" class="regular" onclick="click_function();return false;">
                        <img src="images/opt.png" alt=""/> Run optimizaton 
                        </a>
                    </div>
                </form>
            </td>
        </tr>
     </table>
</div>
<div id="opt_container">
</div>
<script language="javascript">
function click_function() {
     $('#opt_container').load('optim/mainOptim.php');
}
</script>

你想做的事情不能只在 PHP 中完成。PHP 脚本在远程服务器上执行，这意味着需要调用请求才能让 php 返回一些东西。用户在其本地(客户端(计算机上操作。

OnClick 是执行 JavaScript 代码的处理程序，而不是 PHP。您需要创建javascript函数，对要执行的php代码执行ajax请求，然后在html文档中的响应位置。但回应应该已经由甘特图.php所做的事情来完成。

首先，如果你想让 php 运行一些东西，你可以访问它的文件，把它包含在你的文件中，或者通过 XHR 请求它。

在您的情况下，您希望主文件.php在用户按下按钮时执行。话虽如此，您可以使用 ff. 代码作为基础：

<!-- 
 note: This code is just an example, 
       your code may vary to according 
       to your requirements.
 -->
 <form action="" method="get">
     <input type="hidden" name="run_main_function" value="yes"/>
     <input type="submit" />
 </form>
 <?php
 if( isset( $_GET['run_main_function'] ) ):
    require_once 'path/to/your/main.php';
    /* execute something from your main.php */
    require_once 'path/to/your/ganttchart.php';
    /* execute some functions in your ganttchart.php */
    $result = function_from_ganttchart();
?>
 <div id="opt_container">
        <table width="100%">
            <tr>
                <td width="100%"> 
                    <div class="scrollbar" id="chart">
                        <img src="<?php echo $result; ?>">
                    </div>
                </td>
            </tr>
 </div
</php   
    endif;  
?>

或者你可以javascript通过XHR请求甘特图的内容。

谢谢:)

您没有从<form>发布任何数据到服务器端。将这些 GWT 参数作为您的<img src=""/>会更简单。现在无需发布表格。

例如：

<div class="scrollbar" id="chart">
    <img src="ganttchart.php?param1=foo&param2=bar">
</div>

否则，您需要以。每个步骤的大量示例都可以在Google上找到。

加载主机网页。
让用户 XHR 运行所需的参数.php并对服务器进行计算(在主机页面中使用一些 JS(。
将"设置为所需的甘特图.php所需图像的请求。您可能需要一个"id"来标识 (2( 中的交易。即甘特图.php？id=123(在主机页面中使用一些JS完成(