Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Eai galera, to com 1 código aqui para editar um texto ao clica no campo dele, mas só está funcionando no Internet explorer, queria a ajuda de vocês pois não tenho quase nada de conhecimento em ajax ;)
index.php
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>Ajax Inline Edit </title>
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<link href="dependencies/screen.css" type="text/css" rel="stylesheet" />
<script type="text/javascript">
// <![CDATA[
$(document).ready(function(){
$('#save').hide();
$('#cancel').hide();
$('#editPanel').click(function() {
$('#editPanel').attr('contentEditable', true);
$('#editPanel').focus();
$('#save').fadeIn();
$('#cancel').fadeIn();
});
$('#save').click(function(){
var text = $('#editPanel').html();
//alert(text);
$("#Mesg").html('<img src="imgs/load.gif" id="loader" />');
$.ajax({
type: "POST",
url: "update.php",
data: "text=" + text,
success: function(){
$("#Mesg").html('Text Updated !');
$('#editPanel').attr('contentEditable', false);
$('#save').fadeOut();
$('#cancel').fadeOut();
}
});
});
$('#cancel').click(function(){
$('#editPanel').attr('contentEditable', false);
$('#save').fadeOut();
$('#cancel').fadeOut();
});
});
// ]]>
</script>
</head>
<body>
<div align="center">
<h1>
Ajax Inline Edit
</h1>
<br clear="all" />
<div id="wrap">
<div id="Mesg"> </div>
<?php include_once('update.php');?>
<a href="#" id="save" class="save">Save</a>
<a href="#" id="cancel" class="cancel">Cancel</a>
<br clear="all" />
</div>
</div>
</body>
</html>
update.php
<?php
include('dbcon.php');function checkValues($value)
{
$value = trim($value);
if (get_magic_quotes_gpc()) {
$value = stripslashes($value);
}
$value = strtr($value,array_flip(get_html_translation_table(HTML_ENTITIES)));
$value = strip_tags($value);
$value = mysql_real_escape_string($value);
$value = htmlspecialchars ($value);
return $value;
}
if( isset( $_POST['text'] ) )
{
$text = checkValues($_POST['text']);
mysql_query("update edit_able set text = '".$text."' where id = 1");
$result = mysql_query("SELECT * from edit_able where id = 1") or die( mysql_error() );
} $result = mysql_query("SELECT * from edit_able where id = 1") or die( mysql_error() );
}
while ($row = mysql_fetch_array($result))
{?>
<textarea id="editPanel" name="text" style="width:350px" rows="10">
<?php echo $row['text'];?>
</textarea>
<?php
}?>
dbcon.php
<?php
$link = mysql_connect('localhost', 'root', '');
mysql_select_db('inline',$link);
?>
obrigado
Carregando comentários...