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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Форматирование текста, форматрование текста 
:(
    Опции темы
PetrovStas
Дата 4.10.2004, 20:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 16
Регистрация: 4.10.2004

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



Имеется html-код:

Код
<INPUT id='btnBold' name='btnBold' type='button' value='Полужирный' onClick='f_format("Bold");' class='btnUp'>
<DIV id='editor' name='editor' contenteditable ></DIV>


С помощью JavaScript обрабатываем нажатие кнопки:

Код
// производим форматирование текста согласно пришедшего параметра
function f_format(cmd) {
   document.execCommand(cmd);
   editor.focus();
};


Необходимо сделать так чтобы при установке курсора в тексте (элемент DIV) на символы имеющие
различное форматирование (полужирный, курсив и т.д.) изменялся стиль кнопки на btnDown

Помогите пожалуйста!
PM MAIL   Вверх
Aliance
Дата 4.10.2004, 21:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

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



Можто так:

Код

function f_format(cmd) {
  document.execCommand(cmd);
  editor.focus();
  document.getElementById("btnBold").className = "Нужный_тебе_класс"
};


Это сообщение отредактировал(а) Aliance - 4.10.2004, 21:18
PM MAIL WWW ICQ Skype   Вверх
Alx
Дата 5.10.2004, 16:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ajaxy
****


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

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



не очень понятен вопрос. Объясни поподробнее!


--------------------
PM MAIL WWW ICQ   Вверх
PetrovStas
Дата 5.10.2004, 17:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 16
Регистрация: 4.10.2004

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



Поясняю:
Необходимо при нажатии на кнопку заменить текст на жирный(как в word'е) и наоборот при выделении слова отображать кнопку нажатой.
PM MAIL   Вверх
Alx
Дата 5.10.2004, 17:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ajaxy
****


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

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



при выделении слова отображать кнопку нажатой.

т.е. если курсор стоит на "жирном" слове, то кнопка нажата, а value "полужирный", так?
если курсор стоит на "курсиве", то кнопка нажата, а value "Наклонный".
Сколько всего вариантов форматирования. 3? B, I и U? При наведении на не форматированный текст, какой должна быть кнопка и Value?

Это сообщение отредактировал(а) ALEXANDRO - 5.10.2004, 17:31


--------------------
PM MAIL WWW ICQ   Вверх
Aliance
Дата 5.10.2004, 19:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

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



Тогда так:
Код

function changeClass() {
     var button = document.getElementById("btnBold");
   evt = (evt) ? evt : ((window.event) ? event : null);
   if (evt) {
      var elem = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
        if (elem == button && elem.type == click) {
        document.getElementById("btnBold").value = "Нужное_тебе_value"
        }
  }
}

withstupid.gif

Это сообщение отредактировал(а) Aliance - 5.10.2004, 19:37
PM MAIL WWW ICQ Skype   Вверх
Sardar
Дата 6.10.2004, 00:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


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

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



Aliance evt в аргументах забыл wink.gif
PetrovStas не видя всего кода сложно ответить кодом wink.gif
По моему код позаимствован из яндекса.
Текст фоматируется обычными HTML тегами, браузер сам вставляет нужную разметку при печати. Проверяем если мы сейчас в теге <b></b>, то ставим кнопку нажатой.

Досконально этим вопросом не занимался, нужно почитать пару статей на MSDN'е и разобрать исходники HTMLArea. Xороший вопрос smile.gif


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


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

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



Sardar
Точно, пасип smile.gif

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


 




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


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

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