Вход

Просмотр полной версии : редактирование содержания веб-страницы


Asia
03.06.2013, 12:54
здравствуйте!
подскажите, пожалуйста, что надо добавить в код, чтобы внесенные изменения сохранялись на страничке?


<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<title>text_change</title>
<link type="text/css" href="css/style.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/m.js"></script>
</head>
<body>

<div class="block">
<h2>test</h2>
<ul>
<li class="editable">text to change</li>
<li class="editable">11111</li>
<li class="editable">text</li>
</ul>
</div>

</body>
</html>


файл m.js
$(document).ready(function()
{
var oldText, newText;
$(".editable").hover(
function()
{
$(this).addClass("editHover");
},
function()
{
$(this).removeClass("editHover");
}
);

$(".editable").bind("dblclick", replaceHTML);


$(".btnSave").live("click",
function()
{
newText = $(this).siblings("form")
.children(".editBox")
.val().replace(/"/g, "&quot;");

$(this).parent()
.html(newText)
.removeClass("noPad")
.bind("dblclick", replaceHTML);
}
);

$(".btnDiscard").live("click",
function()
{
$(this).parent()
.html(oldText)
.removeClass("noPad")
.bind("dblclick", replaceHTML);
}
);

function replaceHTML()
{
oldText = $(this).html()
.replace(/"/g, "&quot;");
$(this).addClass("noPad")
.html("")
.html("<form><input type=\"text\" class=\"editBox\" value=\"" + oldText + "\" /> </form><a href=\"#\" class=\"btnSave\">Save changes</a> <a href=\"#\" class=\"btnDiscard\">Discard changes</a>")
.unbind('dblclick', replaceHTML);

}

}
);

ksa
03.06.2013, 12:56
что надо добавить в код, чтобы внесенные изменения сохранялись на страничке?
Страница хранится на сервере. Менать её "навечно" может только серверная часть.

Asia
03.06.2013, 13:01
Страница хранится на сервере. Менать её "навечно" может только серверная часть.
http://www.appelsiini.net/projects/jeditable они как то меняют, пробовала делать как там не получилось с php

ksa
03.06.2013, 13:15
http://www.appelsiini.net/projects/jeditable они как то меняют
Таки и я умею менять... :lol: Т.е. тут ничего космического нет.

Asia
03.06.2013, 13:46
Таки и я умею менять... :lol: Т.е. тут ничего космического нет.
может тогда поможете разобраться?

ksa
03.06.2013, 16:33
может тогда поможете разобраться?
В чем именно?
Серверный язык не определен... Что именно делать не известно... Суммы не названы...