Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Редактирование по щелчку 
:(
    Опции темы
sayber
  Дата 29.1.2007, 10:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 231
Регистрация: 30.7.2006
Где: Moscow - qwerty

Репутация: нет
Всего: нет



Мне надо как то выдернуть пример list 3 .... 
Качал и так сохранял ... не получается (((

http://tool-man.org/examples/edit-in-place.html

Или статью можете дать как это реализовать.
Срочно нужно. Плз хелп.


То есть нужно чтоб по двойному или одинарному щелчку поле можно было редактировать.
--------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~WoW CafeSayber ©  Портфолио ~~~~~~~~~~~~~~~~~~~~~~~~~~~
PM MAIL WWW ICQ   Вверх
12345c
Дата 29.1.2007, 12:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101



К Аяксу это не имеет отношения. По щелчку делается видимым поле ввода, а стилями в нём делается точно такой же шрифт как в диве. И ширина задаётся стилями. После потери фокуса обновляется див. Конструкция типа 
Код
<div id=d1 class=...>
  <div id=d11 class=...></div>
  <input id=i1 class=...>
</div>
Position вложенных элементов - absolute, размеры жёстко заданы у всех.

Если нужен разжёванный пример, задавайте в разделе для начинающих.
PM WWW   Вверх
Sardar
Дата 29.1.2007, 12:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317



Там же рабочий скрипт дают, элементарно вставить. Давай свою страницу, посмотрим чего намудрил.
Кстати AJAX хоть и модное слово, но там никаким боком, это ты уже сам любыми путями изменения на сервер должен отыслать  smile 

Суть проста, при двойном клике (ondblclick) заменяем контент слоя/ячейки/чего угодно на подходящий edior. Проще всего для этого обернуть контент в div/span (content_div), что потом скрывать по display=none. Editor лучше иметь единый для каждого типа контрола, т.к. это может быть что то сложней чем input:text или textarea. Добавляем его простым content_div.parentNode.insertBefore(editor, content_div); и показываем стилями. При потере фокуса на editor (onblur) возвращаем всё обратно, попутно изменив контент в content_div.innerHTML = edited_content;.

Для старых браузеров возможно потребуется симулировать ondblclick отлавливая onclick с таймером, но проще о них забыть вовсе.

Добавлено @ 12:30 
12345c млин, вбил текст, на минуту отвлёкся, ты уже ответил smile
Цитата(12345c @  29.1.2007,  11:18 Найти цитируемый пост)
Position вложенных элементов - absolute, размеры жёстко заданы у всех.

Не обязательно, я бы даже сказал вредно. Просто скрываем на время контент, добавляем editor который определён для данного типа контрола.



--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
sayber
Дата 29.1.2007, 14:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 231
Регистрация: 30.7.2006
Где: Moscow - qwerty

Репутация: нет
Всего: нет



Спасибо за ответы. Попробую разобраться. Если нех не выйдет - вернусь =)
--------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~WoW CafeSayber ©  Портфолио ~~~~~~~~~~~~~~~~~~~~~~~~~~~
PM MAIL WWW ICQ   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0665 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.