Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: jQuery: вставка тектового поля по двойному щелчку
 
 автор: iMozgoloMchik   (22.02.2012 в 16:08)   письмо автору
 
 

имеется талица
....
<tr>
<td>
Температура <br> среды:
</td>
<td id = "t" class = "value">
1500
</td>
</tr>
...

и JS (jQuery) код, который не работает:


$(document).ready(function(){
    $(".value").dblclick(function(){
        var newtext = $(this)[0].innerHTML;
        newtext = "<input class = 'val' type = 'text' value = '"+newtext+"' />";
        $(this)[0].innerHTML = newtext;
        

        
        $(".val").blur(function(){
        // тут код который я не могу работать ((


        });
    });
});




мне нужно что бы при двойном нажатии на ячейку с class = 'value'
значение ячейки изымалось и вставлялось в тег < input type="text" />,
ели кому то понадобится то значение меняют и ври выхода поля из фокуса бралось значение инпута , уже измененное и вставлялось обратно в ячейку при этом сам инпут удалялся

как мне это сделать?

буду очень благодарен за помощь, спасибо

  Ответить  
 
 автор: cheops   (23.02.2012 в 12:04)   письмо автору
 
   для: iMozgoloMchik   (22.02.2012 в 16:08)
 

Можно начать отталкиваться от следующего скрипта
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){ 
  $(".value").dblclick(function(){ 
    var newtext = $(this).html(); 
    newtext = "<input id='id_val' type = 'text' value = '" + newtext + "' />"; 
    $(this).html(newtext);
    $("#id_val").blur(function(){ 
      $(this).parent().html($(this).val())
    });
  }); 
});
</script>
<table>
 <tr>
 <td>
 Температура <br> среды:
 </td>
 <td id = "t" class = "value">
 1500
 </td>
 </tr>
</table>

  Ответить  
 
 автор: iMozgoloMchik   (27.02.2012 в 18:34)   письмо автору
 
   для: cheops   (23.02.2012 в 12:04)
 

спасибо

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования