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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Добавление html тэгов в поле TEXTAREA, Проблема создания елиметов в TEXTAREA 
V
    Опции темы
Reverent
Дата 30.5.2007, 12:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Недавно взял на себя смелость создать один из проектов. В которой создается система подобной WYSIWYG для создания HTML редактора встроенного в браузер. Для этого выбрал форму TEXTAREA для вставки новых элементов созданных пользователем через панель команд. Но столкнулся с одной проблемой. При создании таблицы и добавление ее в поле TEXTAREA я использовал следующий код:

<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script language="javascript">
function Table_Add()
{
var con = document.HTMLhere.contenter;
table = document.createElement("table");
table = con.appendChild(table);
table.setAttribute("border", 1)
    for(i = 0; i < 3; i++)
    {
    tr = table.insertRow(table.rows.length);
        for(z = 0; z < 3; z++)
        {
        td = tr.insertCell(tr.cells.length);
        txt = document.createTextNode("work");
        td.appendChild(txt);
        }
    }
}

var obj = new Object();
pok = obj.hasOwnProperty();
alert(pok);
</SCRIPT>
</HEAD>
<BODY>
<FORM name="HTMLhere">
    <TEXTAREA rows="20" name="contenter" style="width: 100%"></TEXTAREA>
    <P>
    <INPUT type="button" value="Table" onclick="Table_Add()">
    </P>
</FORM>
</BODY>
</HTML>

Работает код на отлично, но с большим НО. Все счастье происходит только в IE как только дело доходит до FireFox или Opera скрипт даже не шевелиться. Причем в чем вся замута что ошибок код так же не вызывает в этих браузерах он просто игнорируется системой. Почему так??? И можно ли решить эту проблему. А то заказчик ждет а я туплю :(
PM MAIL   Вверх
ksnk
Дата 30.5.2007, 14:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


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

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



Вот так вот перепиши
Код

...
var con = document.getElementsByName('HTMLhere')[0];
...

, или так
Код

...
var con = document.forms['HTMLhere'];
...


Это сообщение отредактировал(а) ksnk - 30.5.2007, 14:57


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Reverent
Дата 30.5.2007, 15:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Даже переписав таким образом FireFox этот код не воспринимает.... :(
PM MAIL   Вверх
ksnk
Дата 30.5.2007, 16:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


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

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



А у меня, почему-то воспринимает... 
Можно порекомендовать плагин FireBug для FF и отлаживать скрипты прямо как нормальные люди

P.S. Вау... торможу! Посмотрел в IE.  Да тут прямо визивиг какой-то... 
В не IE такое можно вставить только в IFrame, если перевести его в designMode = "on"; Правда это слишком сложно, чтобы объяснить тут и мне smile Проще и правильнее погуглить на тему designMode 

Это сообщение отредактировал(а) ksnk - 30.5.2007, 16:24


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Reverent
Дата 30.5.2007, 17:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Мда правдо вот designMode работает только в IE  smile 
PM MAIL   Вверх
ksnk
Дата 30.5.2007, 18:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


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

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



не все так неоднозначно ;) есть-же в природе WYSIWYG редакторы, к примеру, FCK Editor или там tiny_mce, которые исправно работают во всех приличных броузерах. 
Если проект имеет хоть призрачные перспективы разростись во что-нибудь приличное, да и просто для самообразования - можно попытаться встроиться в какой-нибудь из таких редакторов. 


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Reverent
Дата 31.5.2007, 04:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Цитата(ksnk @  30.5.2007,  18:06 Найти цитируемый пост)
Если проект имеет хоть призрачные перспективы разростись во что-нибудь приличное, да и просто для самообразования - можно попытаться встроиться в какой-нибудь из таких редакторов.


Кх..кх...кх..ммм это типа я должен фирму надурить. Сам должен был создать, а теперь чужое добро предлогаю. Чувствую если они узнают об этом.... ммм... будет ОЧЕНЬ хорошо...  smile

Добавлено через 1 минуту и 51 секунду
FCK Editor
Он написан не на JavaScript а на ASP технологии....

tiny_mce
Насчет него пока еще не знаю, но сейчас посмотрю.
PM MAIL   Вверх
ksnk
Дата 31.5.2007, 14:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


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

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



Цитата(Reverent @  31.5.2007,  04:03 Найти цитируемый пост)
Чувствую если они узнают об этом.... ммм... будет ОЧЕНЬ хорошо

Это добро предлагается под LGPL лицензией,  так что пусть все идут лесом. В конце концов продаешь ты не Mce Editor, а собственный труд по адаптации его к собственоой программе и установке у пользователя smile  (Хотя ознакомистся с текстом лицензии и самому не помешает ;))

Юзать большой, красивый и безглючный редактор вместо маленького, убогого и самодельного - еще один неплохой довод.

Цитата(Reverent @  31.5.2007,  04:03 Найти цитируемый пост)
FCK Editor
Он написан не на JavaScript а на ASP технологии..
 Его серверные запчасти реализованы на нескольких серверных языках, не только asp, но и на PHP, в частности. А в основном он написан на JavaScript.

Tiny MCE - написан на чистом JS.

Оба этих редактора умеют работать с таблицами. 

 


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Reverent
Дата 31.5.2007, 16:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Блин ребят все конечно круто. Я конечно выберу Tiny MCE. Но моя програмерская душа жаждет узнать как же всетаки это возможно создать, коль это уже имеет реализацию - значит возможно сделать самому. Остался один вопрос КАК???? Неужели у нас в Росси нет профи среди JavaScript кто сможет ответить на этот вопрос???
PM MAIL   Вверх
ksnk
Дата 31.5.2007, 18:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


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

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



Цитата(Reverent @  31.5.2007,  16:50 Найти цитируемый пост)
Остался один вопрос КАК???? 

Цитата(ksnk @  30.5.2007,  16:05 Найти цитируемый пост)
правильнее погуглить на тему designMode 


Пишем правильный online WYSIWYG-редактор, к примеру



--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
12345c
Дата 4.6.2007, 16:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


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

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



Всё достаточно просто, если посмотрите, что поддерживает FF. Он поддерживает designMode только в iframe. Все редакторы поэтому используют этот подход для совместимости.      Второе: самому написать безглючный редактор - очень большая проблема, т.к. FCK долго-долго делали, а до недавнего времени он слыл как глючный. Проблемы не только в сложности наворотов, а в том, что JS в каком-то IE5.5 какой-то конкретной конфигурации патчей безопасности возьмёт, и не сработает. Пользователю до этого нет дела, он видит, что не работает - пишет жалобу. Крайний кто будет? : )
PM WWW   Вверх
Reverent
Дата 4.6.2007, 18:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Цитата(12345c @  4.6.2007,  16:59 Найти цитируемый пост)
Пользователю до этого нет дела, он видит, что не работает - пишет жалобу. Крайний кто будет? : ) 

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


 




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


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

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