Изменить внешний вид текстового поля на внешний вид этикетки в соответствии с направлением - PullRequest
Новая
       9

Изменить внешний вид текстового поля на внешний вид этикетки в соответствии с направлением

0 голосов
/ 19 июля 2011

У меня есть поле шаблона в моем gridview, это поле шаблона (текстовое поле). Что я хочу сделать: После того, как пользователь закончил запись и перешел к следующему текстовому полю, которое теряет фокуспревращается в метку или как метку, и если он снова получает фокус, превращается в текстовое поле. и ... и т.д.

Как сделать что-то подобное?

Ответы [ 2 ]

2 голосов
/ 19 июля 2011

Вы ищете встроенное редактирование.

это встроенное редактирование jQuery, которое вы можете использовать, но вы можете найти больше в Google.http://yelotofu.com/labs/jquery/snippets/inlineEdit/demo_final.html

Как бы вам ни потребовалось полностью изменить способ обновления базы данных.

1 голос
/ 19 июля 2011

Вроде так: 

<script type="text/javascript">
function show(){
document.getElementById("input1-label").style.display = "none";
document.getElementById("input1").style.display = "block";
document.getElementById("input1").focus();
}

function hide(){
if(document.getElementById("input1").value != "") document.getElementById("input1-label").innerHTML = document.getElementById("input1").value;
document.getElementById("input1-label").style.display = "block";
document.getElementById("input1").style.display = "none";
}
</script>

<label id="input1-label" onclick="show()" style="display:none">Label</label>
<input type="text" id="input1" onblur="hide()" />

http://jsfiddle.net/9v4TJ/1/

...