如何以编程方式在HTML页面上显示编辑文本字段?

时间:2012-06-24 09:00:08

标签: php javascript jquery

我有以下任务:mysql数据库中有一个简单的表:

<html>
<body>
<table border='1'>
<?php
    mysql_connect('url','user','') or die('Connect');
    mysql_select_db('jquery_test') or die('Db');
    $query=mysql_query('SELECT * FROM labels');
    while($data=mysql_fetch_assoc($query))
    {
        echo '<tr>';
        echo '<td>'.$data['id'].'</td>';
        echo '<td>'.$data['label'].'</td>';
        echo '<td>'.$data['english'].'</td>';
        echo '</tr>';
    }
?>
</table>
</body>
</html>

此代码显示了一个简单的用法。我需要做以下功能:当用户将光标移动到$ data ['english']字段时,它必须出现在文本字段中进行编辑和“保存”按钮;当光标离开这个单词时,该字段必须消失。我的意思是一个很棒的例子:http://translate.uservoice.com/sets/51-end-user-ru/translations?filter=missing。请帮助我,我只知道HTML / PHP,不知道我该怎么做这个任务。使用JQuery非常好。

1 个答案:

答案 0 :(得分:2)

查看this jquery插件以制作可编辑标签,并在.mouseover().mouseleave()功能上使用它。