альтернатива innerHTML

b = document.createTextNode('trolls')

a.appendChild(b)

А вообще, тебе сюда http://docs.jquery.com/Manipulation (только у меня что-то не грузится =) тяни из гуглокеша)

anonymous
(26.01.10 13:03:48 MSK)

Ответ на: комментарий от anonymous 26.01.10 13:03:48 MSK

Алсо если нужно вставить хтмл-код, а не текст, то b = document.createElement(...).

http://www.emanual.ru/download/www.eManual.ru_2427.html (ужастная верстка. но читать можно)

anonymous
(26.01.10 13:06:10 MSK)

Ссылка

Ответ на: комментарий от anonymous 26.01.10 13:03:48 MSK

>document.createTextNode(")

Ага спасибо! Как я понимаю это более правильно и переносимо чем innerHTML

xtron ★
(26.01.10 13:11:58 MSK) автор топика

Ответ на: комментарий от xtron 26.01.10 13:11:58 MSK

>более правильно и переносимо

более правильно и переносимо использовать готовые решения и не изобретать велосипед. jquery весит чуть менее чем ничего - 23Кб.

anonymous
(26.01.10 13:18:06 MSK)

Ответ на: комментарий от anonymous 26.01.10 13:18:06 MSK

>>более правильно и переносимо

более правильно и переносимо использовать готовые решения и не изобретать велосипед. jquery весит чуть менее чем ничего - 23Кб.

jquery использует innerHTML потому таковым не является.

SV0L0CH ★
(26.01.10 13:22:27 MSK)

Ответ на: комментарий от SV0L0CH 26.01.10 13:22:27 MSK

нет, я за православие, но разве где-то это не работает?

trashymichael ★★★
(27.01.10 02:50:34 MSK)

Ответ на: комментарий от anonymous 26.01.10 13:18:06 MSK

более правильно и переносимо использовать готовые решения и не изобретать велосипед. jquery весит чуть менее чем ничего - 23Кб.

Кому как. Мне, например, проще было свое написать. Да и зачем тянуть всю библиотеку, если использоваться будет от силы пара-тройка функций?

Вы еще скажите, что есть уже готовые решения для работы с загруженными файлами... Честно, гуглил - не нашел. Пришлось сделать такое:

#!/bin/sh
echo -e "Content-type: text/html\n"
TMP_FILE="/var/www/tmp/T_m_P_file_That_comes_from_outside"
cat > $TMP_FILE
File=`head -n 2 $TMP_FILE | grep "filename=" | sed -e "s/.*filename=\"\(.*\)\".*/\1/" `
Content=`head -n 3 $TMP_FILE | grep Content-Type | sed "s/Content-Type: //"`
echo "<html><head><script language=JavaScript>function notify(){parent.Loaded();}</script></head><body onLoad=\"notify();\">"
echo "Filename: $File; Content type: $Content</body></html>"
NLINES=`wc -l $TMP_FILE | awk '{print $1}'`
head -n $(( $NLINES - 1 )) $TMP_FILE | tail -n $(( NLINES - 5 )) > /var/www/tmp/Incoming/$File
rm -f $TMP_FILE

~~Eddy_Em~~ ☆☆☆☆☆
(27.01.10 09:08:53 MSK)

Ответ на: комментарий от trashymichael 27.01.10 02:50:34 MSK

>но разве где-то это не работает?

Я пишу на SVG и собираюсь переходить на XUL. При работе с SVG и с XHTML вообще использую jquery только частично, чтобы сократить запись.

SV0L0CH ★
(27.01.10 09:31:15 MSK)

Ответ на: комментарий от SV0L0CH 27.01.10 09:31:15 MSK

Я пишу на SVG и собираюсь переходить на XUL. При работе с SVG и с XHTML вообще использую jquery только частично, чтобы сократить запись.

О как! Я сейчас тоже дома по вечерам над SVG 3D-библиотечкой работаю. Главный косяк, с которым столкнулся - идиотизм языка JavaScript. Так хочется чего-то похожего, хотя бы на C++, чтобы реализация классов была более ясной, и мелкие очепятки при запуске сразу же выявлялись (а так выдается какая-то абстрактная ошибка, и ищи, где ты забыл закрыть скобку, или поставить точку)

~~Eddy_Em~~ ☆☆☆☆☆
(27.01.10 09:40:29 MSK)

Ответ на: комментарий от Eddy_Em 27.01.10 09:40:29 MSK

>О как!

Вроде как уже в третей теме встречаемся, а всё какоето удивление... :-/

Может надо меньше кодить и больше отдыхать?

Так хочется чего-то похожего, хотя бы на C++

Это всё пройдёт... выучи Haskell

чтобы реализация классов была более ясной

Не надо там никаких классов. Прототипы гораздо удобней.

и мелкие очепятки при запуске сразу же выявлялись (а так выдается какая-то абстрактная ошибка, и ищи, где ты забыл закрыть скобку, или поставить точку)

И этот человек нахваливает C++!!! 0_O

Мне обычного текстового редактора с подсветкой и консоли ошибок FireFox вполне хватает.

PS Срочно пройди курс забывания C++. Иначе это чревато быдлокодом и ошибками.

SV0L0CH ★
(27.01.10 10:02:13 MSK)

Ответ на: комментарий от SV0L0CH 27.01.10 10:02:13 MSK

Мне обычного текстового редактора с подсветкой и консоли ошибок FireFox вполне хватает.

Пользуюсь gedit, открываю консоль ошибок. Только зачастую ошибки такие «абстрактные», что и непонятно, откуда они берутся. В этом случае на помощь приходит firebug.

~~Eddy_Em~~ ☆☆☆☆☆
(27.01.10 10:29:13 MSK)

Ссылка

Ответ на: комментарий от Eddy_Em 27.01.10 09:40:29 MSK

> Главный косяк, с которым столкнулся - идиотизм языка JavaScript.

Он не идиотский, он просто другой и подходы к нему другие. Знание C++ тут даже может мешать. Посмотрите, например, Дугласа Крокфорда в yahoo theater, есть очень много интересных моментов.

AlexKiriukha ★★★★
(27.01.10 14:38:48 MSK)

Ссылка

Ответ на: комментарий от Eddy_Em 27.01.10 09:08:53 MSK

надеюсь в твоем 3д движке не будет кода

<script language=JavaScript

trashymichael ★★★
(27.01.10 19:47:58 MSK)

Ответ на: комментарий от trashymichael 27.01.10 19:47:58 MSK

>надеюсь в твоем 3д движке не будет кода >> <script language=JavaScript

Откуда такому коду взятся то, в XML?

SV0L0CH ★
(27.01.10 19:50:47 MSK)

Ответ на: комментарий от Eddy_Em 27.01.10 09:40:29 MSK

>Главный косяк, с которым столкнулся - идиотизм языка JavaScript. Так хочется чего-то похожего, хотя бы на C++, чтобы реализация классов была более ясной

Ужоснах... Только прибитых гвоздями классов Си++ в JS и не хватает! :D

~~KRoN73~~ ★★★★★
(27.01.10 19:55:27 MSK)

Ответ на: комментарий от KRoN73 27.01.10 19:55:27 MSK

>Ужоснах... Только прибитых гвоздями классов Си++ в JS и не хватает! :D

Всего в QScriptEngine хватает, только речь не об этом :)

SV0L0CH ★
(27.01.10 19:58:57 MSK)

Ссылка

Ответ на: комментарий от trashymichael 27.01.10 19:47:58 MSK

надеюсь в твоем 3д движке не будет кода >> <script language=JavaScript

Ясен пень, движок на JS, то-то я и ругаюсь... Как по-вашему еще можно на стороне клиента создавать SVG и преобразовывать его изредка по сотне-другой байт бинарных данных, полученных через jQuery?

Книжки взял в библиотеке, буду отучаться от С++ :)

~~Eddy_Em~~ ☆☆☆☆☆
(27.01.10 20:20:17 MSK)

Ссылка

Ответ на: комментарий от SV0L0CH 27.01.10 19:50:47 MSK

шутки юмора не понял...

trashymichael ★★★
(27.01.10 21:10:17 MSK)

Ответ на: комментарий от trashymichael 27.01.10 21:10:17 MSK

Открой для себя вещи отличные от HTML

SV0L0CH ★
(27.01.10 21:12:41 MSK)

Ссылка

Ответ на: комментарий от trashymichael 27.01.10 21:10:17 MSK

вижу народ тут продвинутый, спек не читает за новостями не следит. ладно, что мне в ваш монастырь, продолжайте.

trashymichael ★★★
(27.01.10 21:15:07 MSK)

Но всё-таки жабаскрипт ужасен.

Deleted
(27.01.10 22:58:42 MSK)

Ссылка

Ответ на: комментарий от trashymichael 27.01.10 21:15:07 MSK

вижу народ тут продвинутый, спек не читает за новостями не следит. ладно, что мне в ваш монастырь, продолжайте.

Это о чем?

~~Eddy_Em~~ ☆☆☆☆☆
(27.01.10 23:53:59 MSK)

Ссылка

Ответ на: комментарий от SV0L0CH 27.01.10 09:31:15 MSK

> Я пишу на SVG и собираюсь переходить на XUL. При работе с SVG

и с XHTML вообще использую jquery только частично, чтобы

сократить запись.

Я так наоборот, давно пишу с SVG и XUL и решил в итоге отказаться от XUL и стал переходить на плотное использование jquery ;)

archimag ★★★
(31.01.10 12:40:55 MSK)

Ответ на: комментарий от archimag 31.01.10 12:40:55 MSK

>Я так наоборот, давно пишу с SVG и XUL и решил в итоге отказаться от XUL и стал переходить на плотное использование jquery ;)

Надо будет таки не поленится и вычистить код jquery от innerHTML и других привязок к HTML. Хотя скорее всего я просто поменяю фреймворк. Там есть моменты, которые трудно просто так исправить.

SV0L0CH ★
(31.01.10 12:53:51 MSK)

Ответ на: комментарий от SV0L0CH 31.01.10 12:53:51 MSK

У innerHTML есть то преимущество, что он работает с текстом. Это важно и очень удобно, если для генерации контента используются JS-шаблоны, подобные тем, что предоставляет Closure Templates.

archimag ★★★
(31.01.10 15:00:17 MSK)

Ответ на: комментарий от archimag 31.01.10 15:00:17 MSK

Я уже сделал наброски, в которых текст парсится как XML и результат копируется в нужное место по узлам. Возникла только проблема, при ошибках валидации генерируется XML с сообщением об ошибке а не происходит оисключение. В общем, я с этим не стал дальше разбиратся, а временно забил. Может там какуюто опцию всего то надо указать, в общем, не знаю.

SV0L0CH ★
(31.01.10 15:13:57 MSK)

Ответ на: комментарий от SV0L0CH 31.01.10 15:13:57 MSK

Как именно это реализуется - вопрос второй, собственно, и реализация jquery не так просто и думается, что обусловлена прежде всего соображениями переносимости. Но, суть в том, что с точки зрения приложения проще манипулировать страницей на уровне текста, чем на уровне DOM.

archimag ★★★
(31.01.10 16:14:50 MSK)

Ответ на: комментарий от archimag 31.01.10 16:14:50 MSK

учитывая то что когда ты делаешь innerHTML = что-то там, это что-то там все равно парсится браузером в то же дерево, только более правильно и непринужденно, с точки зрения самого браузера, а манипуляция деревом через js — немного оверхед, это моя точка зрения, хотя я и сам за манипуляцию. идеологически это более верно...

trashymichael ★★★
(31.01.10 16:27:34 MSK)

Ссылка

Ответ на: комментарий от archimag 31.01.10 16:14:50 MSK

> суть в том, что с точки зрения приложения проще манипулировать страницей на уровне текста, чем на уровне DOM.

Ололо! Ну замени текст во втром столбце третей строки таблицы, которая содержится в пятом диве. Я уж не говорю, о смене цвета фона для параграфов класса «switch_color».

LamerOk ★★★★★
(31.01.10 17:57:08 MSK)

Ответ на: комментарий от LamerOk 31.01.10 17:57:08 MSK

> Ололо!

Вы не могли бы говорить более вменяемо? А мысли в вашей фразе я не уловил. Что вы хотите сказать?

archimag ★★★
(31.01.10 18:10:57 MSK)

Ответ на: комментарий от archimag 31.01.10 18:10:57 MSK

Как ты будешь решать поставленные задачи «манипулируя на уровне текста»?

LamerOk ★★★★★
(31.01.10 18:20:59 MSK)

Ответ на: комментарий от LamerOk 31.01.10 18:20:59 MSK

> Как ты будешь решать поставленные задачи

«манипулируя на уровне текста»?

Ну так задачи тривиальные, во всяких мануалах по jquery подобных полно, можете легко найти сами. При этом, вторая вообще к обсуждаемому innerHTML отношения не имеет. Для первой, в принципе, можно и innerHTML заюзать.

По теме, http://www.youtube.com/watch?v=5Pm5-TKmPYQ - скринкаст моего основного приложения. Оно полностью построено на основе DOM. Недавно я начал переработку на основе «манипулируя на уровне текста» и пока в восторге от того, как получается и от снижения уровня сложности. Может на основе этого примера проблему обсудим? А то о тривиальных вещах говорить большого желания нет...

archimag ★★★
(31.01.10 18:33:32 MSK)

Ответ на: комментарий от archimag 31.01.10 18:33:32 MSK

> Ну так задачи тривиальные

Спасибо, кэп. Может ты вместо того, чтобы пояснять мне мои слова, пояснишь мне свои слова? На «уровне текста» == «не используя дом»?

LamerOk ★★★★★
(31.01.10 18:45:33 MSK)

Ссылка

Ответ на: комментарий от archimag 31.01.10 18:33:32 MSK

>Может на основе этого примера проблему обсудим?

Обсудим проблему... В элементах SVG и XUL нет innerHTML. Обсудим?

SV0L0CH ★
(31.01.10 18:49:38 MSK)

Ответ на: комментарий от SV0L0CH 31.01.10 18:49:38 MSK

> Обсудим проблему... В элементах SVG и XUL нет innerHTML. Обсудим?

Большинство функций jquery для манипуляции страницей принимают чистый текст, на основе которого происходит модификация страницы. И это очень удобно, что я могу просто скормить функции кусок разметки в текстовом виде, а она сама его обработает и вставит в документ в надлежащем виде.

archimag ★★★
(31.01.10 18:53:24 MSK)

Ответ на: комментарий от archimag 31.01.10 18:53:24 MSK

а знаете посаны, не зря в атрибуте innerHTML есть слово HTML...

trashymichael ★★★
(31.01.10 19:38:15 MSK)

Ответ на: комментарий от trashymichael 31.01.10 19:38:15 MSK

> а знаете посаны, не зря в атрибуте innerHTML есть слово HTML...

legacy?

archimag ★★★
(31.01.10 19:52:59 MSK)

Ответ на: комментарий от archimag 31.01.10 19:52:59 MSK

O-o

trashymichael ★★★
(01.02.10 00:38:17 MSK)

Ссылка

Похожие темы