Php 表未保存在Mysql中
我不知道这是否正确——我只是在jeditable网站上遵循了这个例子,但我似乎无法让这个简单的代码正常工作。我只想将数据保存到数据库中,并在页面上显示更改 下面是我的代码Php 表未保存在Mysql中,php,mysql,Php,Mysql,我不知道这是否正确——我只是在jeditable网站上遵循了这个例子,但我似乎无法让这个简单的代码正常工作。我只想将数据保存到数据库中,并在页面上显示更改 下面是我的代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" debug="true">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Jeditable WYSIWYG Custom Input Demo</title>
<meta name="generator" content="Mephisto" />
<link href="http://www.appelsiini.net/stylesheets/main2.css" rel="stylesheet" type="text/css" />
<link rel="alternate" type="application/atom+xml" href="http://feeds.feedburner.com/tuupola" title="Atom feed" />
<script src="/mint/?js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js""
type="text/javascript" charset="utf-8"></script>
<script src="http://www.appelsiini.net/projects/jeditable/wysiwyg/wysiwyg/jquery.wysiwyg.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://www.appelsiini.net/projects/jeditable/wysiwyg/wysiwyg/jquery.wysiwyg.css" type="text/css" media="screen" charset="utf-8">
<script src="http://www.appelsiini.net/projects/jeditable/jquery.jeditable.js" type="text/javascript" charset="utf-8"></script>
<script src="http://www.appelsiini.net/projects/jeditable/wysiwyg/jquery.jeditable.wysiwyg.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(function() {
/* Fix FireBug */
/*
if ($.browser.mozilla) {
window.loadFirebugConsole();
};
*/
/* Handle links inside editable area. */
$('.editable > a').bind('click', function() {
$(this).parent().trigger('click');
return false;
});
$('#wysiwyg_2').editable('test-jedit.php',
{
id : 1,
content : 'wysiwyg_2',
indicator : '<img src="../img/indicator.gif">',
type : 'POST',
type : 'wysiwyg',
width : 640,
height : 'auto',
onblur : 'ignore',
submit : 'OK',
cancel : 'Cancel',
wysiwyg : { controls : { separator04 : { visible : true },
insertOrderedList : { visible : true },
insertUnorderedList : { visible : true }
}
}
});
});
</script>
<style type="text/css">
#sidebar {
width: 0px;
}
#content {
width: 770px;
}
</style>
</head>
<body>
<div id="wrap">
<div id="header">
<p>
<h1>Jeditable</h1><br />
<small>Edit in place plugin for jQuery.</small>
<ul id="nav">
<li id="first"><a href="/" class="active">weblog</a></li>
<li><a href="/projects" class="last">projects</a></li>
</ul>
</p>
</div>
<div id="content">
<div class="entry">
<p>You might also want to check <a href="../custom.html">other custom inputs demo</a>.
<h2>Extra settings</h2>
<div style="width: 640px" class="editable" id="wysiwyg_2"><img
src="%5C%22http://%5C%22"><span style="\"font-weight:" bold;\"="">gdgfd<span style="font-style: italic;">
gfd</span><big><br>sdfsdf<br>sdfsdf<br><br></big></span></div>
</div>
<div id="sidebar">
</div>
<div id="footer">
</div>
</body>
</html>
绝地表所见即所得自定义输入演示
首先要说的是请阅读
对于你的问题
我想我可能发现了一个问题。。。您的JavaScript正在DOM准备就绪之前执行。。。将javascript代码(全部)包含在以下块中:
$(document).ready(function() {
// your code here
});
这意味着函数中的代码只会在整个页面加载后执行。。。对未加载的DOM元素调用函数将导致出现问题
看看代码,我看不出有什么明显的问题-但是,您可以做一些基本的事情来调试这个问题。。。首先检查(使用firebug之类的工具)AJAX请求是否实际被发送
其次,您可以检查PHP MySQL代码是否正常工作
$result = mysql_query($query); // execute your query
// Check result
// This shows the actual query sent to MySQL, and the error. Useful for debugging.
if (!$result) {
$message = 'Invalid query: ' . mysql_error() . "\n";
$message .= 'Whole query: ' . $query;
die($message);
}
// if you get to here the query worked fine ...
更新
我用你的代码创建了一个
要使其正常工作,需要进行一些小的更改:
<div style="width: 640px" class="editable" id="wysiwyg_2">
<img src="%5C%22http://%5C%22"><span style="\"font-weight:" bold;\"="">gdgfd
<span style="font-style: italic;"> gfd</span>
<big><br>sdfsdf<br>sdfsdf<br><br></big></span></div>
gdgfd
gfd
sdfsdf
sdfsdf
应该是:
<div style="width: 640px" class="editable" id="wysiwyg_2"><span style="font-weight: bold;">gdgfd<span style="font-style: italic;">
gfd</span><br>sdfsdf<br>sdfsdf<br><br></span></div>
gdgfd
gfd
sdfsdf
sdfsdf
我已经删除了奇怪的字符
更新2
当按下OK按钮时,PHP被调用-它发布以下数据:
1:wysiwyg_2
value:<span style="font-weight: bold;">gdgfd<span style="font-style: italic;">
gfd</span><big><br>sdfsdf<br>sdfsdf<br><br></big></span>
1:wysiwyg_2
价值:gdgfd
gfd
sdfsdf
sdfsdf
因此,在您的PHP中,您需要将$\u POST['content']
更改为$\u POST['value']
我看不到PHP代码,没有
,没有提交()
或AJAX调用,没有
或
s…谢谢,但您认为HTML页面看起来还好吗?我是通过写的方式传递参数吗?@HelenNeely是的-我看没问题。。。加载此页面时,您在Firebug中看到了哪些错误?@HelenNeely well。。。除了img->
之外,这是从哪里来的?也不是关闭标签。。。结尾应该是/>
@HelenNeely如果你试图学习使用剪切粘贴,我强烈建议你不要。。。网络上有一些学习HTML/JavaScript等的优秀资源。。谢谢你的提示。我只是想让这个例子起作用。是的,那是一张剪贴画。嗯,我不知道如何让它工作。
1:wysiwyg_2
value:<span style="font-weight: bold;">gdgfd<span style="font-style: italic;">
gfd</span><big><br>sdfsdf<br>sdfsdf<br><br></big></span>