我尝试启用编辑表内容，并尝试将更改发送到PHP文件以更新我的数据库。我的JavaScript只适用于向其他提议显示字母表，但当尝试添加另一个事件时，它不起作用。。作为http请求。。etc
现在我想问一下为什么JavaScript onblur和on click事件不起作用。请帮帮我。
过滤器.php
<?php @ob_start();
session_start();
include('database.php');
?>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="style.css" rel="stylesheet" type="text/css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src='scripts/alphabet.js'></script>
</head>
<body>
<div class="content-side">
<?php
include("filter2.php");
?>
<button id="button-1" title="save" type="button" disabled>Save</button>
</div>
<div class="filter-sid">
<form action="filter.php" method="GET" name="filter" id="filter">
<label>Type :</label><br>
<inputtype="radio"/><label for="res1">...</label>
<input type="radio" checked/><label>...</label><br>
<lable>Letters :</lable>
<br><br>
</form>
</div>
</body>
</html>
我的JavaScript文件alphabet.js:
$(window).load(function () {
$('td[contenteditable=true]').blur(function () {
$(this).parent('tr').find('button').removeAttr('disabled');
});
//When a button is clicked find the nearest contenteditable td //element(s) and push their
$('button').click(function () {
var contents = $(this).parents().find('td[contenteditable=true]');
var contentArray = [];
for (i = 0; i < contents.length; i++) {
contentArray[i] = contents[i].innerHTML;
}
alert("work :) ");
//$.post("test.php", contentArray);
});
var alphabet = "ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("");
var container = document.getElementById("filter");
for (var i = 0; i < 26; i++) {
//alert("letter= "+alphabet[i]);
var checkbox = document.createElement('input');
checkbox.type = "checkbox";
checkbox.name = "alphabet" + i;
checkbox.value = "" + alphabet[i];
checkbox.id = "alphabet" + i;
checkbox.className = "alphabet" + i;
var label = document.createElement('label');
label.htmlFor = "id" + alphabet[i];
label.appendChild(document.createTextNode('' + alphabet[i]));
var br = document.createElement("br");
container.appendChild(checkbox);
container.appendChild(label);
container.appendChild(br);
}
;
var br2 = document.createElement("br");
container.appendChild(br2);
var filterBtn = document.createElement('input');
filterBtn.type = "submit";
filterBtn.value = "Apply Filter";
filterBtn.setAttribute("id", "filterbtn");
filterBtn.setAttribute("classname", "filterbtn");
filterBtn.setAttribute("class", "filterbtn");
//filterBtn.setAttribute("onclick","view()");
container.appendChild(filterBtn);
container.appendChild(br2);
container.appendChild(br2);
});
filter2.php:中的表格显示
<?php
//Sanitize the POST values
$type= $_GET['res'];
$data=array();
$alpha=array();
$j=0;
$k=0;
$letter="";
$keywords="";
//for ($r=$checked ;$r>0 ;$r--)
//$alpha[$j++] =$_GET['myArray'+$r];
for($y=0;$y<26;$y++){
if(isset($_GET['alphabet'.$y])){
$alpha[$j]= $_GET['alphabet'.$y];
$keywords .="alphabet".$y."=".$alpha[$j++]."&";
}
}
$con=$j;
while ($con>0){
$letter .="Publisher_Name like '".$alpha[--$con]."%' AND ";
} //letter as string
$keywords .="res=".$_GET['res'];//to add to link for pagination
$per_page = 14;
if ($j>0)
$pages_query = mysql_query("SELECT COUNT('Publisher_Name') FROM Publishers where " . $letter . " is_reported=1"); //get the number of contents); //get the number of contents
else
$pages_query = mysql_query("SELECT COUNT('Publisher_Name') FROM Publishers where is_reported=1"); //get the number of contents
$pages = ceil(mysql_result($pages_query, 0) / $per_page); // get the number of pages
$page = (isset($_GET['page'])) ? (int) $_GET['page'] : 1;
$start = ($page - 1) * $per_page; //get the starting content id of each page
if ($j>0)
$query = mysql_query("SELECT * FROM Publishers where " . $letter . " is_reported=1 LIMIT $start, $per_page");
else
$query = mysql_query("SELECT * FROM Publishers where is_reported=1 LIMIT $start, $per_page");
//echo content of each page
if (($query)) {
$info1 = mysql_fetch_array($query);
(($info1 == null)) {
?>
<div id="result" >
<?php
echo '<p id="error"> No results found .</p> ';
?>
</div>
<?php
}
else if ($info1 != null) {
?>
<div id="result">
<?php
echo' <table cellpadding="2" width="100%">';
echo '<tr >';
echo '<td id="tds">Name p</td>';
echo '</tr>';
do{
echo '<tr>';
echo "<td contenteditable='true'>" . $info1['nemep'] . "</td>";
echo '</tr>';
}while($info1 = mysql_fetch_array( $query )) ;
echo' </table>';
?>
</div>
<?php
}
}//if query
$prev = $page - 1;
$next = $page + 1;
if (!($page <= 1)) {
echo "<a href='filter.php?page=$prev&$keywords'>Prev</a> ";
}
if ($pages >= 1 && $page <= $pages) {
for ($x = 1; $x <= $pages; $x++) {
echo ($x == $page) ? '<strong><a href="filter.php?page=' . $x . '&'.$keywords.'">' . $x . '</a></strong> ' : '<a href="filter.php?page=' . $x . '&'.$keywords.'">' . $x . '</a> ';
}
}
if (!($page >= $pages)) {
echo "<a href='filter.php?page=$next&$keywords'>Next</a>";
}
这项工作。。
$(document).on('blur', '.editor', function () {
console.log("good!");
var dataTask = $(this).attr("id");
var id = $(this).attr("data-task");
var name = document.getElementById(dataTask).innerHTML;
$.ajax({
type: "GET",
url: "admin_update.php",
data: "name=" + name + "&id=" + id,
success: function (data) {
$("#msg").html(data);
},
timeout: 3000
});
});