VPF::По двойному щелчку< div> превращается в< textarea>

Cross

Дата 4.4.2007, 14:21 (ссылка)

(нет голосов)

Загрузка ...

информатик-аналитик

Профиль
Группа: Участник
Сообщений: 185
Регистрация: 2.6.2006
Где: Москва

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

Необходимо, чтобы по нажатию мышки на текстовый блок, на этом же месте появлялось textarea для редактирования, а по нажатию на какую-нибудь кнопочку - превращалось бы обратно в div.

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

vasac

Дата 4.4.2007, 16:55 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1060
Регистрация: 4.5.2006

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

Спрятать рядом с дивом текстарею. При щелчке скрыть див, показать ТА, скопировать содержимое дива в ТА.

--------------------

Блог ГО | Таблица символов юникода

Cross

Дата 4.4.2007, 17:13 (ссылка)

(нет голосов)

Загрузка ...

информатик-аналитик

Профиль
Группа: Участник
Сообщений: 185
Регистрация: 2.6.2006
Где: Москва

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

А как спрятать textarea так, чтобы он не занимал места в окне броузера?

SelenIT

Дата 4.4.2007, 17:27 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

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

Можно с помощью CSS - display:none. Лучше всего прописать в CSS класс с этим свойством и добавлять/убирать у ТА соответствующий className...

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

Cross

Дата 4.4.2007, 18:46 (ссылка)

(нет голосов)

Загрузка ...

информатик-аналитик

Профиль
Группа: Участник
Сообщений: 185
Регистрация: 2.6.2006
Где: Москва

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

Не получается...

вот код PHP

Код


$content.="<div id=1 onClick=\"EditThis(".$x.")\">".$text."</div>";
$content.="<form name=\"area\">";
$content.="<textarea id=2 NAME=\"ta\" ROWS=10 COLS=10></textarea>";
$content.="</form>";

а это скрипт.

Код


<script type=text/javascript language=JavaScript>
var flag=false;
if (flag) document.getElementById('2').style.visibility='none';
else if (!flag) document.getElementById('2').style.visibility='';
function EditThis()
{
flag=true;
document.getElementById('1').style.display='none';
</script>
}

Может скажете, что не так???

Sardar

Дата 4.4.2007, 22:52 (ссылка)

(нет голосов)

Загрузка ...

Бегун

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

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

Я надеюсь у тебя всего один такой слой на странице, ведь все id должны быть уникальными. Скрипт не имеет смысла, т.к. второе условие будет всегда исполняться сразу при загрузке страницы, естественно что первое никогда не будет исполнено. А если учесть что ты закрывающий <script> сумела положить внутрь функции, то "что не так???" должно быть очевидно.

Код


<script type="text/javascript">

function swapEditor(div) {
   //мы ведь знаем вёрстку, первая textarea, затем текст, стоит ей измениться, будет куча ошибок ;-)
   //цилы нужны из-за долбанных пробелов
   var edit = div.firstChild;
   while(edit.tagName != "textarea") edit = edit.nextSibling;
   var text = edit.nextSibling;
   while(text.tagName != "div") text = text.nextSibling;

   //собственно теперь можем окрыть textarea
   edit.style.display = "block"; //открыть
   edit.value = text.innerText != undefined? text.innerText: text.textContent;
   text.style.display = "none"; //скрываем временно текст

  //скрываем также
  // edit.style.display = "none"; //закрыть редактор
  ////тут его вероятно нужно отослать и обновить сам div с текстом
  // text.style.display = "block"; //открыть текст обратно
}

</script>

<div onclick="swapEditor(this)"><textarea></textarea><div>some text</div>

--------------------

Опыт - сын ошибок трудных © А. С. Пушкин
Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
Оценить мои качества можно тут.

Alx

Дата 5.4.2007, 21:10 (ссылка)

(нет голосов)

Загрузка ...

Ajaxy

Профиль
Группа: Комодератор
Сообщений: 2903
Регистрация: 26.11.2003
Где: Cutopia

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

а разве можно аттрубуту ID присваивать цифру?

--------------------

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »