1

我正在尝试根据所选的当前选项更改内容。

getData(page) 正确返回 (onChange) 但它只是没有转到变量我得到“致命错误:调用 C:\xampp\htdocs\pdimi\admin\editpages.php 中的未定义函数 getData()在第 42 行"

编辑:这就是我完成它的方式!

Javascript:

<script language="JavaScript" type="text/javascript">
function getData(combobox){
var value = combobox.options[combobox.selectedIndex].value;
// TODO: check whether the textarea content has been modified.
// if so, warn the user that continuing will lose those changes and
// reload a new page, and abort function if so instructed.
document.location.href = '?page='+value;
}
</script>

选择表格:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<select name="page" onChange="getData(this)">
    <?php
if (isset($_REQUEST['page']))
    $page = mysql_real_escape_string($_POST['page']);
else
    $page = '';
$query = "SELECT pageid FROM pages;";
?>
<option value="select">Select Page</option>
    <option value="indexpage">Index Page</option>
    <option value="starthere">Start Here</option>

    </select>

文本区域:

<textarea class="ckeditor" name="page_data" cols="80" row="8" id="page_data">
    <?php
if (isset($_GET['page'])) {
$sql1 = @mysql_query("SELECT * FROM pages WHERE pageid='".$_GET['page']."'") or die(mysql_error());
$sql2 = @mysql_fetch_array($sql1) or die(mysql_error());

if ($sql1) {
echo $sql2['content'];
}
}

?>
</textarea>

就是这样!

4

2 回答 2

2

您不能从 PHP(运行服务器端)执行 Javascript 函数(客户端)。

此外,您需要使用用户名和密码连接到数据库服务器,并选择一个数据库。不要使用@,它只会阻止你看到错误——但错误会在那里。

在 PHP 文件中,您需要检查是否收到$_POST['page'].,如果收到,请将用作SELECT. 您已经设置了一个名为“页面”的组合,因此在提交时 PHP 脚本会将所选值接收到一个名为$_POST['page'].

通常的警告适用:

  • 不鼓励使用 mysql_* 函数,请使用 mysqli 或 PDO
  • 如果您仍然使用 mysql_*,请清理输入(例如$id = (int)$_POST['page'],如果它是数字,或者mysql_real_escape_string不是,如您的情况)

如果您想在用户更改组合框时更改textarea 的内容,这适用于 AJAX(例如 jQuery):

  1. 将函数绑定到组合框的更改事件
  2. 向传递新 ID 的 PHP 脚本服务器端发出调用
  3. PHP 脚本将只输出内容,不输出其他 HTML
  4. 接收combo的change-function中的内容并验证成功
  5. 设置$('#textarea')内容的值

这样您就不必在每次组合更改时重新加载页面。这让我想起了另一件事,当你现在重新加载页面时,你必须正确设置组合值:你也可以利用它来动态生成组合。

工作示例

该文件应称为“editpages.php”。PHP 细化(几乎)与数据表示分开完成。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>PDIMI - The Personal Development and Internet Marketing Institution</title>
<link href='http://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css' />
<link href="../style/default.css" rel="stylesheet" type="text/css" media="all" />
<!--[if IE 6]>
<link href="default_ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script language="JavaScript" type="text/javascript">
        function getData(combobox){
                var value = combobox.options[combobox.selectedIndex].value;
                // TODO: check whether the textarea content has been modified.
                // if so, warn the user that continuing will lose those changes and
                // reload a new page, and abort function if so instructed.
                document.location.href = '?page='+value;
        }
</script>
</head>
<?php include 'aheader.php';?>
<?php
        error_reporting(E_ALL);
        if (!mysql_ping())
                die ("The MySQL connection is not active.");
        mysql_set_charset('utf8');

        // $_REQUEST is both _GET and _POST
        if (isset($_REQUEST['page']))
            $page = mysql_real_escape_string($_REQUEST['page']);
        else
            $page = False;
        $query = "SELECT pageid, pagename FROM pages;";
        $exec  = mysql_query($query); // You need to be already connected to a DB
        if (!$exec)
                trigger_error("Cannot fetch data from pages table: " . mysql_error(), E_USER_ERROR);

        if (0 == mysql_num_rows($exec))
                trigger_error("There are no pages in the 'pages' table. Cannot continue: it would not work. Insert some pageids and retry.",
 E_USER_ERROR);

        $options = '';
        while($row = mysql_fetch_array($exec))
        {
            // if the current pageid matches the one requested, we set SELECTED
            if ($row['pageid'] === $page)
                $sel = 'selected="selected"';
            else
            {
                // If there is no selection, we use the first combo value as default
                if (False === $page)
                    $page = $row['pageid'];
                $sel = '';
            }
            $options .= "<option value=\"{$row['pageid']}\" $sel>{$row['pagename']}</option>";
        }
        mysql_free_result($exec);

        if (isset($_POST['page_data']))
        {
           $page_data = mysql_real_escape_string($_POST['page_data']);
$query = "INSERT INTO pages ( pageid, content ) VALUES ( '{$page}', '{$page_data}' ) ON DUPLICATE KEY UPDATE content=VALUES(content);";
           if (!mysql_query($query))
                trigger_error("An error occurred: " . mysql_error(), E_USER_ERROR);
        }
        // Anyway, recover its contents (maybe updated)
        $query = "SELECT content FROM pages WHERE pageid='{$page}';";
        $exec  = mysql_query($query);
        // who says we found anything? Maybe this id does not even exist.
        if (mysql_num_rows($exec) > 0)
        {
           // if it does, we're inside a textarea and we directly output the text
           $row = mysql_fetch_array($exec);
           $textarea = $row['content'];
        }
        else
           $textarea = '';
        mysql_free_result($exec);
?>
<body>
<div id="page-wrapper">
        <div id="page">
            <div id="content2">
                    <h2>Edit Your Pages Here</h2>
                    <script type="text/javascript" src="../ckeditor/ckeditor.js"></script>
                    <form name="editpage" method="POST" action="">
                            <table border="1" width="100%">
                                    <tr>
                                    <td>Please Select The Page You Wish To Edit:</td>
                                    <td>
                                            <select name="page" onChange="getData(this)"><?php print $options; ?></select>
                                    </td>
                                    </tr>
                                    <tr>
                                            <td><textarea class="ckeditor" name="page_data" cols="80" row="8" id="page_data"><?php print $textarea; ?></textarea></td>
                                    </tr>
                                    <tr>
                                        <td><input type="Submit" value="Save the page"/></td>
                                    </tr>
                            </table>
                    </form>
                </div>
            </div>
       </div>
</body>
</html>
于 2012-11-06T03:14:15.163 回答
0

您在这里遇到的最大问题是您需要了解客户端和服务器端之间的区别。

服务器端:当页面加载时......我们运行各种代码来确定要显示什么并将其打印到源代码中。

客户端:一旦页面加载...然后我们可以使用 DOM 元素来交互、修改或增强用户体验(我正在制作这个)。

在您的代码中,您有一个 PHP mysql 命令:

$thisdata = @mysql_query("SELECT * FROM pages WHERE pageid=".getData('value'));

1、不要使用mysql。使用 mysqli 或 PDO 2,你已经从你的 PHP 中调用了一个 javascript 函数。

绝对没有办法从 PHP 调用 javascript 函数。客户端脚本不存在,直到页面停止加载后才会运行。


在您的情况下:您需要提供您将使用的 HTML 和 javascript 代码。一次且仅当页面已加载时,您需要使用 javascript(客户端脚本)来设置事件侦听器以侦听您的选择更改事件。一旦触发此事件,您就可以确定您想要做什么(即更改文本框值等)。

于 2012-11-06T03:28:02.273 回答