填充DIV容器

时间:2012-05-19 19:03:35

标签: php html

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

  1. ganttchart.php之后立即执行main.php
  2. main.php运行form
  3. 由于我是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>
    

3 个答案:

答案 0 :(得分:2)

您想要做的只能在PHP中完成。 PHP脚本在远程服务器上执行,这意味着需要调用一个请求以便php返回一些东西。用户在他的本地(客户端)机器上操作。

onclick是一个执行javascript代码的处理程序,而不是php。你需要创建javascript函数,对你想要执行的php代码执行ajax请求然后,在html文档中的响应位置。但是响应应该已经由ganttchart.php做了。

答案 1 :(得分:1)

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

例如:

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

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

  1. 加载主机网页。
  2. 让用户XHR为run.php提供所需的参数,并对您的服务器进行计算(在主页中使用一些JS)。
  3. 将''设置为所需图像的ganttchart.php请求。你可能想要'id'来识别(2)中的交易。即ganttchart.php?id = 123(在主页中使用一些JS完成)

答案 2 :(得分:1)

首先,如果您希望php运行某些功能,您可以访问其文件,将其包含在您的文件中,或通过XHR请求它。

在您的情况下,您希望在用户按下按钮时执行main.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;  
?>

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

谢谢:)