<?xml version="1.0" encoding="WINDOWS-1251"?>
<!-- generator="wordpress/2.0.9" -->
<rss version="2.0" 
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	>

<channel>
	<title>Владимир Осипов</title>
	<link>http://www.osipov.org.ru</link>
	<description>личный блог</description>
	<pubDate>Wed, 16 Jul 2008 12:25:56 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.0.9</generator>
	<language>en</language>
			<item>
		<title>Поход: Ясиня-Петрос-Говерла-Заросляк, день 2й</title>
		<link>http://www.osipov.org.ru/2008/07/16/pohod-yasinya-petros-goverla-zaroslyak-den-2y/</link>
		<comments>http://www.osipov.org.ru/2008/07/16/pohod-yasinya-petros-goverla-zaroslyak-den-2y/#comments</comments>
		<pubDate>Wed, 16 Jul 2008 10:47:53 +0000</pubDate>
		<dc:creator>scorpio</dc:creator>
		
		<category>Путешествия</category>

		<guid isPermaLink="false">http://www.osipov.org.ru/2008/07/16/pohod-yasinya-petros-goverla-zaroslyak-den-2y/</guid>
		<description><![CDATA[продолжение (начало по этой ссылке)
Все фото тут
(Карта прилагается. Красный – 1й день, желтый – 2й день)

На второй день было решено выйти в 10 часов утра, потому встали мы в 8:30, когда солнце уже жарило. Тут в горах ночью достаточно прохладно - ужинали мы в штанах, свитерах и ветровках, а вот когда выходит солнце становится жарко. [...]]]></description>
			<content:encoded><![CDATA[<p>продолжение (<a href="http://www.osipov.org.ru/2008/07/15/pohod-yasinya-petros-goverla-zaroslyak">начало по этой ссылке</a>)</p>
<p><a href="http://www.flickr.com/photos/26704629@N02/sets/72157606186489861/" target="_blank">Все фото тут</a></p>
<p>(Карта прилагается. Красный – 1й день, желтый – 2й день)</p>
<p><a href="http://www.osipov.org.ru/wp-content/uploads/2008/07/map_petros_hoverla.jpg" target="_blank"><img id="image189" src="http://www.osipov.org.ru/wp-content/uploads/2008/07/map_petros_hoverla_small.jpg" alt="Карта Ясиня-Петрос-Говерла-Заросляк" /></a></p>
<p>На второй день было решено выйти в 10 часов утра, потому встали мы в 8:30, когда солнце уже жарило. Тут в горах ночью достаточно прохладно - ужинали мы в штанах, свитерах и ветровках, а вот когда выходит солнце становится жарко. Вообще за время нашего похода мы все сгорели, больше всего Ваня. Сутра мы позавтракали гречкой с тушонкой, попили чайку со сгущенкой, еще заварили 2 литра чая, чтоб взять с собой. Также оказалось, что мы потеряли компас, видимо он выпал у меня из кармана на Петросе. Злополучный Петрос кроме сил забрал у нас и компас.<br />
<a id="more-192"></a><br />
<a href="http://www.flickr.com/photos/26704629@N02/2671863000/in/set-72157606186489861/" target="_blank"><img src="http://farm4.static.flickr.com/3033/2671863000_5a19412cf8.jpg?v=0" alt="Завтрак" align="right" width="300" hspace="5" vspace="5" /></a>Пока мы собирались, подшивались уже стало почти 11 часов и в 10:50 мы начали путь на Говерлу. Можно было идти по дороге, но нам показали траверс, которым мы и воспользовались, чтоб сократить путь. Тропа там была нормальная, только постоянно цепляли деревья. Мы вышли к домику лесника, там же была табличка WC, которая вела на первый взгляд просто в лес <img src='http://www.osipov.org.ru/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Дорога на Говерлу была достаточно широкой и пологой. Привал мы сделали только один – возле родника, где набрали воды и съели шоколадку. Чуть выше наша дорога слилась с тропой через небольшой хребет (путь с баз «Казмещик») и начался уже непосредственно подъем на Говерлу. Подъем с этой стороны достаточно истоптан, на вершину ведут одновременно штук 5 тропинок. Через 1,5 часа после выхода с полонины Скопеской мы на вершине самой высокой горы в Украинских Карпатах – 2061 м. В этот день тут был какой-то слет юных руховцев, которых, по словам их предводителей, в этом году 327 человек. Так что в целом народу на вершине было человек 500, людно было как на дискотеке, не то что на Петросе. Мы с часик поторчали на Говерле, пофоткали все. К слову, там сейчас ведется небольшая стройка. Сделали снимок креста, который был сделан в Черновцах на «Машзаводе», и всего Черногорского хребта. «Белого слона» на г. Поп Иван отсюда видно получше. Спускались мы на базу «Заросляк», ее отчетливо видно с горы. В этом месте спуск покруче, чем со стороны Петроса. По правую руку от нас шумел водопад на речке Прут. К сожалению, тропу, которая ведет к водопаду, мы не нашли, да и по времени мы б не успели на поезд, а потому только соткали его издалека. Дорога к базе «Заросляк» шла параллельно Пруту, который тут в ширину метра два, а в глубину сантиметров 20. <a href="http://www.flickr.com/photos/26704629@N02/2671064495/in/set-72157606186489861/" target="_blank"><img src="http://farm4.static.flickr.com/3196/2671064495_c8b89f849d.jpg?v=0" alt="Ворохта" align="left" width="300" hspace="5" vspace="5" /></a>В нем мы немного сполоснулись, а я даже окунул ноги <img src='http://www.osipov.org.ru/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Возле базы мы быстро подсели в автобус с туристами со Львовской области и доехали прям под жд вокзал в Ворохте всего лишь за 20 гривен с 4х человек. Вокзал тихий и уютный, очень чистый. Тут мы схавали 2 паштета, буханку хлеба и выпили по пивку. В 17:30 приехал поезд и мы рванули на Коломыю с пересадкой в Делятине. В 20:40 мы уже сели в поезд на Черновцы, попрощавшись с Тарасом, который был дома раньше всех <img src='http://www.osipov.org.ru/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  В 22:45 оставшаяся троица была в Черновцах, Ваня с Вовой пошли на остановку, а я ломанулся пешком. Ночь была очень теплая, после гор даже жаркая. Как ни тяжело было нам там, а сейчас уже планируем новый поход и очень скоро <img src='http://www.osipov.org.ru/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />
</p>
]]></content:encoded>
			<wfw:commentRSS>http://www.osipov.org.ru/2008/07/16/pohod-yasinya-petros-goverla-zaroslyak-den-2y/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Поход: Ясиня-Петрос-Говерла-Заросляк</title>
		<link>http://www.osipov.org.ru/2008/07/15/pohod-yasinya-petros-goverla-zaroslyak/</link>
		<comments>http://www.osipov.org.ru/2008/07/15/pohod-yasinya-petros-goverla-zaroslyak/#comments</comments>
		<pubDate>Tue, 15 Jul 2008 17:15:43 +0000</pubDate>
		<dc:creator>scorpio</dc:creator>
		
		<category>Путешествия</category>

		<guid isPermaLink="false">http://www.osipov.org.ru/2008/07/15/pohod-yasinya-petros-goverla-zaroslyak/</guid>
		<description><![CDATA[Спонтанно решили мы (я, Тарас, Вова и Ваня) замутить поход в Черногорские дебри Карпат   Возомнив себя крутыми пацанами, решили сразу лезть на Петрос и подниматься именно с Ясени, а потом пойти на Говерлу и, если успеем, на озеро Несамовите. В Гул доке мы все спланировали, в том числе и еду в 4 раза [...]]]></description>
			<content:encoded><![CDATA[<p>Спонтанно решили мы (я, Тарас, Вова и Ваня) замутить поход в Черногорские дебри Карпат <img src='http://www.osipov.org.ru/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Возомнив себя крутыми пацанами, решили сразу лезть на Петрос и подниматься именно с Ясени, а потом пойти на Говерлу и, если успеем, на озеро Несамовите. В Гул доке мы все спланировали, в том числе и еду в 4 раза больше чем реально нам понадобилось, и в пятницу 11 июля начали путь. (Карта прилагается. Красный – 1й день, желтый – 2й день)</p>
<p><a href="http://www.osipov.org.ru/wp-content/uploads/2008/07/map_petros_hoverla.jpg" target="_blank"><img id="image189" src="http://www.osipov.org.ru/wp-content/uploads/2008/07/map_petros_hoverla_small.jpg" alt="Карта Ясиня-Петрос-Говерла-Заросляк" /></a></p>
<p><a href="http://www.flickr.com/photos/26704629@N02/sets/72157606186489861/" target="_blank">Все фото тут</a></p>
<p><a id="more-191"></a><br />
Выехали я, Вова и Ваня из Черновцов в 20:30 вечера 11 июля на поезде Черновцы - Львов. В Коломые к нам подсел Тарас. За игрой в карты мы в 00:10 приехали в Ивано-Франковск. Мы взяли билеты на поезд Ивано-Франковск – Рахов, потом потусовались на лавочках напротив вокзала, благо с погодой нам повезло, и было довольно тепло. Там же перекусили, поиграли в футбол крышечкой от бутылки. В 2:47 мы сели на Раховский поезд, большая часть которого была заполнена такими же туристами, как и мы <img src='http://www.osipov.org.ru/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Ехать нам было еще 4 часа, потому почти сразу прилегли на рюкзаках, пытаясь немного поспать. </p>
<p>На подъезде к Ясини нас немного насторожил туман, и когда мы вышли из поезда, то видимость составляла метров 60. Мы достали компас и карту, и начался наш маршрут. Предварительно мы также читали в интернете отчеты других туристов. Мы прошли вдоль рельс в направление движения поезда (на юг) а потом свернули влево (на юго-восток) и, пройдя через один двор, вышли на дорогу. По еще одному отчету, который я читал, можно было пройти еще дальше вдоль рельс и выйти на эту дорогу. Дорога вела вверх и в нескольких местах ответвлялась. Поскольку был туман, а свернуть не туда в самом начале пути нам хотелось меньше всего, то двое пошли в разведку наверх. Ориентир мы знали – это каменный памятник, который стоит на пересечении дорог, а рядом кладбище. Пару минут и мы увидели памятник и спустились вниз за товарищами. От памятника пошли направо в южном направлении. <a href="http://www.flickr.com/photos/26704629@N02/2670119569/in/set-72157606186489861/" target="_blank"><img src="http://farm4.static.flickr.com/3026/2670119569_a2df70a882.jpg?v=0" alt="Туман уходит!" align="left" width="300" hspace="5" vspace="5" /></a> Туман начал понемногу пропадать. И где-то через километр от него почти не осталось и следа. За несколько сот метров до входа в лес был родник, где мы немного умылись и набрали воды. Дальше дорога шла через лес. После небольшого огражденного родника с табличкой «Питна вода» мы пошли на развилке по ошибке влево и начали резко терять высоту. Было принято решение, чтоб двое пошли снова в разведку наверх, а один вниз. Поднявшись к развилке и продолжив подъем прямо, я вышел на дорогу, а не на тропинку, которая  вела между деревьев. Внизу же, куда мы начали спускаться, была только вырубка и речушка. Перед тем как вернуться на верную дорогу, мы сделали небольшой перекус: сгущенка с хлебом. В принципе это был первый прием пищи за этот день. Мы выгребли наверх и через минут 10 дошли до небольшой опушки. В результате этого блуждания мы потеряли полтора часа времени, и силы, обидно. На своем пути мы встретили 2х местных жителей, которые пасли лошадей, а также парочку детей. И хотя разница во времени была между ними часа 2, на наш вопрос «Сколько еще до Петроса?», они все отвечали, что часа два <img src='http://www.osipov.org.ru/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  <a href="http://www.flickr.com/photos/26704629@N02/2670996836/in/set-72157606186489861/" target="_blank"><img src="http://farm4.static.flickr.com/3060/2670996836_f680b2ca61.jpg?v=0" alt="Полонина Шеса" align="right" width="300" hspace="5" vspace="5" /></a> Вскоре мы вышли на полонину, где устроили небольшой привал. Часть провианта мы отдали пастухам, потому как еды мы набрали как на 4-5 дней. Мы набрали воды, полежали позагорали. Тут же нас нагнала вторая группа из Винницы с проводником из Ворохты. Они вышли в 9 утра из Ясини, вот эти полтора часа нашего блуждания и помогли им нас догнать. Дальше мы пошли вместе, тут дорога снова заходила в лес. Мы сильно не спешили, позволяя на развилках и в местах, где тропа пропадала, идти вперед проводнику, так как считали, что он более шарящий, однако мы ошибались, мы сами ничуть не хуже этого проводника. В одном месте основная дорога резко пошла вниз, потому мы решили, что это явно ошибочный путь, и взяли влево на гору. Группа из Винницы оторвалась от нас, мы потеряли их из виду. Тут началось самое веселое. Тропа пропадала несколько раз, наконец, увидев опушку между деревьями, мы сквозь ветки пошли туда и увидели хребет! К слову меня уже покидали силы, болела голова, а также немного подташнивало. На хребет вела почти стена – реально крутой подъем, получалось, что на хребет мы вылазим сбоку. Мы немного прилегли отдохнуть, и вдруг услышали голоса. Мы офигели, когда увидели, что за нами из леса вышла та вторая группа. Мы от них отстали, а они вышли после нас. На хребет мне помогли вытащить рюкзак, потому что я уже просто валился  с ног. Потом у меня забрали палатку и котел, и я облегченный пошел дальше. Мы вышли на г. Петросул, где под камнями Вова спрятал еще пару паштетов. Я не делал последний привал, думаю, что лучше буду идти, пока могу <img src='http://www.osipov.org.ru/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  В итоге на Петрос я вышел первый. Подъем занял 9,5 часов. Вскоре буквально доползли и остальные. <a href="http://www.flickr.com/photos/26704629@N02/2670263197/in/set-72157606186489861/" target="_blank"><img src="http://farm4.static.flickr.com/3189/2670263197_fe353757e8.jpg?v=0" alt="Петрос" align="left" width="300" hspace="5" vspace="5" /></a>С вершины Петроса открывается классный вид на весь Черногорский хребет, вдали виднеется г. Поп Иван с еле заметными руинами старой польской обсерватории. На самой вершине Петроса, высота которого составляет 2020 метров,  находится капличка и крест, которые к сожалению сломаны (похоже молнией), а также курган с табличкой названия горы и ее высоты.</p>
<p>Далее начался спуск с Петроса в направление Говерлы. Мы думали остановиться возле развилки, но по дороге встретили велотуриста со стажем, который вместе со своими двумя сыновьями остановились на полонине Скопеской. Там есть специально обустроенное место: родник, деревянный навес, дрова, места для палаток, лавочки и стол. До того места мы и дотопали, там и остановились на ночлег. <a href="http://www.flickr.com/photos/26704629@N02/2671011333/in/set-72157606186489861/" target="_blank"><img src="http://farm4.static.flickr.com/3186/2671011333_fcda770852.jpg?v=0" alt="Петрос" align="right" width="300" hspace="5" vspace="5" /></a>Мы быстро поставили обе палатки, сварили макароны, замутили чаек и принялись ужинать макароны с тушенкой и пить красное винцо. В 22:30 мы уже спали без задних ног, утомленный столь длинным и тяжелым подъемом. Хотя на вершине Петроса мы не были уверены, что пойдем на Говерлу, перед сном мы уже решили, что таки поднимемся на наивысшую точку Украинских Карпат.</p>
<p><a href="http://www.osipov.org.ru/2008/07/16/pohod-yasinya-petros-goverla-zaroslyak-den-2y/">Продолжение</a></p>
<p><a href="http://yablog.org.ua/2008/07/16/yasinya-petros-hoverla-zaroslyak/" target="_blank">Отчет Тараса</a></p>
]]></content:encoded>
			<wfw:commentRSS>http://www.osipov.org.ru/2008/07/15/pohod-yasinya-petros-goverla-zaroslyak/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Немецкий SP3 - дабл польза</title>
		<link>http://www.osipov.org.ru/2008/07/08/nemetskiy-sp3-dabl-polza/</link>
		<comments>http://www.osipov.org.ru/2008/07/08/nemetskiy-sp3-dabl-polza/#comments</comments>
		<pubDate>Tue, 08 Jul 2008 10:45:38 +0000</pubDate>
		<dc:creator>scorpio</dc:creator>
		
		<category>По следам БашОрга</category>

		<guid isPermaLink="false">http://www.osipov.org.ru/2008/07/08/nemetskiy-sp3-dabl-polza/</guid>
		<description><![CDATA[Yura
Клаус щас отжОг!!
Scorpio
че??
Yura
говорит, я посталю всем НЕМЕЦКИЙ Сервис Пак 3, это &#8220;ниибацца секьюрити&#8221;
Scorpio
) он не встанет. надо английский пак вам. у вас винда английская
Yura
так винду новую
Scorpio
аа, буите немецкий учить всЕ 
Yura
СП3. Сереге уже поставили. Он учит теперь, как по-немецки &#8220;Копировать&#8221;, &#8220;Вставить&#8221;&#8230;
я себя сдерживал, чтобы не заржать 
Scorpio
Mein Computer, Meine Dokumente ))
Yura
&#8220;дабл польза&#8221;, говорил Клаус. Немецкий [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Yura</strong><br />
Клаус щас отжОг!!</p>
<p><strong>Scorpio</strong><br />
че??</p>
<p><strong>Yura</strong><br />
говорит, я посталю всем НЕМЕЦКИЙ Сервис Пак 3, это &#8220;ниибацца секьюрити&#8221;</p>
<p><strong>Scorpio</strong><br />
) он не встанет. надо английский пак вам. у вас винда английская</p>
<p><strong>Yura</strong><br />
так винду новую</p>
<p><strong>Scorpio</strong><br />
аа, буите немецкий учить всЕ </p>
<p><strong>Yura</strong><br />
СП3. Сереге уже поставили. Он учит теперь, как по-немецки &#8220;Копировать&#8221;, &#8220;Вставить&#8221;&#8230;<br />
я себя сдерживал, чтобы не заржать </p>
<p><strong>Scorpio</strong><br />
Mein Computer, Meine Dokumente ))</p>
<p><strong>Yura</strong><br />
&#8220;дабл польза&#8221;, говорил Клаус. Немецкий выучите!</p>
<p><strong>Scorpio</strong><br />
надо ему в отместку украинский виндовс ставить. дабл польза, украинский выучит</p>
]]></content:encoded>
			<wfw:commentRSS>http://www.osipov.org.ru/2008/07/08/nemetskiy-sp3-dabl-polza/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>т.е.т.я. Ася</title>
		<link>http://www.osipov.org.ru/2008/07/07/tetya-asya/</link>
		<comments>http://www.osipov.org.ru/2008/07/07/tetya-asya/#comments</comments>
		<pubDate>Mon, 07 Jul 2008 09:23:18 +0000</pubDate>
		<dc:creator>scorpio</dc:creator>
		
		<category>По следам БашОрга</category>

		<guid isPermaLink="false">http://www.osipov.org.ru/2008/07/07/tetya-asya/</guid>
		<description><![CDATA[Yura
блядь  всё зависло нахуй. Пришлось перегружать ФайрФокс
Yura
т.е. Асю
Scorpio
т.е.т.ю. Асю
]]></description>
			<content:encoded><![CDATA[<p><strong>Yura</strong><br />
блядь  всё зависло нахуй. Пришлось перегружать ФайрФокс</p>
<p><strong>Yura</strong><br />
т.е. Асю</p>
<p><strong>Scorpio</strong><br />
т.е.т.ю. Асю</p>
]]></content:encoded>
			<wfw:commentRSS>http://www.osipov.org.ru/2008/07/07/tetya-asya/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Переводчики - не программисты!</title>
		<link>http://www.osipov.org.ru/2008/06/20/perevodchiki-ne-programmistyi/</link>
		<comments>http://www.osipov.org.ru/2008/06/20/perevodchiki-ne-programmistyi/#comments</comments>
		<pubDate>Fri, 20 Jun 2008 13:24:11 +0000</pubDate>
		<dc:creator>scorpio</dc:creator>
		
		<category>По следам БашОрга</category>

		<guid isPermaLink="false">http://www.osipov.org.ru/2008/06/20/perevodchiki-ne-programmistyi/</guid>
		<description><![CDATA[Переводчики явно не программисты.
Отправил пару слов нашему переводчику на перевод:
vladimir: Йо! мой верный МСН-юберзетцер!
vladimir:
command=translate
from=rus
to=ger
text= [
прошедший
текущий
будущий
]
Он не втыкнул и пришел спросить что енто значит 

]]></description>
			<content:encoded><![CDATA[<p>Переводчики явно не программисты.<br />
Отправил пару слов нашему переводчику на перевод:</p>
<p><strong>vladimir:</strong> Йо! мой верный МСН-юберзетцер!<br />
<strong>vladimir:</strong><br />
command=translate<br />
from=rus<br />
to=ger<br />
text= [<br />
прошедший<br />
текущий<br />
будущий<br />
]</p>
<p>Он не втыкнул и пришел спросить что енто значит <img src='http://www.osipov.org.ru/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />
</p>
]]></content:encoded>
			<wfw:commentRSS>http://www.osipov.org.ru/2008/06/20/perevodchiki-ne-programmistyi/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>SVN - быстрый старт (how-to руководство)</title>
		<link>http://www.osipov.org.ru/2008/06/19/svn-byistryiy-start-how-to-rukovodstvo/</link>
		<comments>http://www.osipov.org.ru/2008/06/19/svn-byistryiy-start-how-to-rukovodstvo/#comments</comments>
		<pubDate>Thu, 19 Jun 2008 08:45:35 +0000</pubDate>
		<dc:creator>scorpio</dc:creator>
		
		<category>PHP</category>

		<category>Разработка</category>

		<guid isPermaLink="false">http://www.osipov.org.ru/2008/06/19/svn-byistryiy-start-how-to-rukovodstvo/</guid>
		<description><![CDATA[Недавно я решил наконец-то начать использовать систему контроля версиями и выбрал (Subversion). Он изначально был установлен на моем Linux Fedora, но вы можете и сами легко установить его на своей системе Fedora используя команду yum install subversion или найти RPM subversion.
Теперь хочу поделиться с вами небольшим мануалом по быстрой настройке, и не буду рассказывать, что [...]]]></description>
			<content:encoded><![CDATA[<p>Недавно я решил наконец-то начать использовать систему контроля версиями и выбрал (Subversion). Он изначально был установлен на моем Linux Fedora, но вы можете и сами легко установить его на своей системе Fedora используя команду <code>yum install subversion</code> или найти RPM subversion.</p>
<p>Теперь хочу поделиться с вами небольшим мануалом по быстрой настройке, и не буду рассказывать, что же такое SVN и как он работает, будем считать, что вы знакомы в теории с ним и хотите наконец-то быстро попробовать его в работе. Объяснять буду на примере.<br />
У меня есть PHP проект в <nobr>/var/www/html/docs/haibuy</nobr>. У Apache есть Virtualhost haibuy. Мой IP в локальной сети 192.168.1.7.<br />
<a id="more-185"></a><br />
Вначале нам надо создать &#8216;хранилище&#8217;, где буду &#8220;жить&#8221; наши проекты. Для всех проектов можем создать одно хранилище. Итак я создал каталог /svn. А потом запустил команду:</p>
<pre>svnadmin create /svn/repository</pre>
<p>И получил поддирукторию repository в in /svn с собственной структурой подкаталогов.</p>
<p>В хранилище пока нет проектов и надо импортировать туда шаг проект. Чтоб использовать всю мощь SVN с созданием веток вашего проекта, рекомендуется использовать такую структуру каталогов:</p>
<pre>
/path/to/project
          |- trunk
          |- branches
          |- tags
</pre>
<p>В <i>trunk</i> находится текущая версия, над которой ведется.<br />
Импортируем проект в хранилище:</p>
<pre>svn import /path/to/project file:///path/to/repos/project -m "Comment"</pre>
<p>В моем случае:</p>
<pre>svn import /var/www/html/docs/haibuy file:///svn/repository/haibuy -m "Comment: initial import"</pre>
<p>Теперь модем удалить проект из <nobr>/var/www/html/docs/haibuy</nobr> (или просто скопируйте в другое место, елси боитесь).<br />
В качестве клиентского приложения я использую Eclipse с плагином Subclipse.<br />
Также использую PHP nightly плагин. Чтоб установить их оба запустите Eclipse. Потом зайдите в <nobr>&#8220;Help->Software Apdates->Find and install&#8221;<nobr>, выберите &#8220;Search for new freatures to install&#8221; и &#8220;New remote site&#8230;&#8221; &#8220;PHPEclipse Nightly&#8221; с URL: <br /><nobr>http://update.phpeclipse.net/update/nightly</nobr> и &#8220;Subclipse&#8221; с URL: <br /><nobr>http://subclipse.tigris.org/update_1.2.x.</nobr> После этого Subclipse и PHP Eclipse будут установлены. перегрузите Eclipse и зайдите в <nobr>Window->Open Perspective->Other&#8230;</nobr> выберите PHP. Теперь у вас есть хорошая PHP среда. Давайте создадим новый проект &#8216;haibuy&#8217;: <nobr>New->Project->SVN->Checkout Projects from SVN</nobr>. Создадим новое месторасположение хранилища. Так как хранилище на одной с нами машине, мы можем указать путь таким образом: <nobr>file:///svn/repository/haibuy/trunk</nobr>. Дальше &#8220;Next&#8221;, выбираем верхнюю папочку и снова &#8220;Next&#8221;, теперь выбираем куда сохранить нашу рабочую копию. Я ввел: <nobr>/var/www/html/docs/haibuy</nobr>, так что моя рабочая копия сразу на веб-сервере.<br />
Теперь вы можете использовать подменю Team в контекстном меню (клик правой кнопкой мыши на проекте или файлах проекта) для работы с SVN. Чтобы получить последнюю из хранилища: Team->Update. Чтоб закачать в хранилище свои изменения: Team->Commit&#8230;</p>
<p>Теперь нам надо сделать, чтоб хранилище было доступно с других машин в сети. открывает файрвол и добавляем порт 3690 TCP протокол в разделе &#8216;Other Ports&#8217;.<br />
Теперь надо стартовать демон для SVN сервера.</p>
<pre>svnserve -d</pre>
<p>Все, у хранилищу можно подключаться с других машин. в моем случае путь будет такой: <nobr>svn://192.168.1.7/svn/repository/haibuy/trunk</nobr></p>
<p>Другой разработчик работает под Windows XP и использует клиент TortoiseVPN. Все работает отлично.</p>
<p>P.S.: чтобы проверить, открыт у вас порт 3690 или нет и запущен демон svnserve, запустите команду &#8220;telnet 192.168.1.7 3690&#8243; с другой машины.
</p>
]]></content:encoded>
			<wfw:commentRSS>http://www.osipov.org.ru/2008/06/19/svn-byistryiy-start-how-to-rukovodstvo/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Firefox 3 Download Day!!!</title>
		<link>http://www.osipov.org.ru/2008/06/18/firefox-3-download-day/</link>
		<comments>http://www.osipov.org.ru/2008/06/18/firefox-3-download-day/#comments</comments>
		<pubDate>Tue, 17 Jun 2008 20:59:04 +0000</pubDate>
		<dc:creator>scorpio</dc:creator>
		
		<category>Новости</category>

		<guid isPermaLink="false">http://www.osipov.org.ru/2008/06/18/firefox-3-download-day/</guid>
		<description><![CDATA[УРА! Вот и вышел любимый браузер новой версии
http://www.spreadfirefox.com/ru/worldrecord/
Настал День Загрузки!
Установи Мировой Рекорд Гиннесса
Насладись лучшим Интернетом
Правда, звучит здорово? Всё, что тебе нужно, это загрузить Firefox 3 прямо сейчас, чтобы помочь установить рекорд для самой загружаемой программы за 24 часа — это так легко. Мы не просим тебя проглотить шпагу или балансировать тридцатью ложками на лице, хотя [...]]]></description>
			<content:encoded><![CDATA[<p>УРА! Вот и вышел любимый браузер новой версии</p>
<p><a href='http://www.spreadfirefox.com/ru/worldrecord/'>http://www.spreadfirefox.com/ru/worldrecord/</a></p>
<p>Настал День Загрузки!<br />
Установи Мировой Рекорд Гиннесса<br />
Насладись лучшим Интернетом</p>
<p>Правда, звучит здорово? Всё, что тебе нужно, это загрузить Firefox 3 прямо сейчас, чтобы помочь установить рекорд для самой загружаемой программы за 24 часа — это так легко. Мы не просим тебя проглотить шпагу или балансировать тридцатью ложками на лице, хотя это выглядело бы круто.</p>
<p>Пожалуйста, загрузи Firefox 3 до 17:00 UTC 18 июня 2008 года. Это 10:00 в Маунтин-вью, 13:00 в Торонто, 14:00 в Рио-де-Жанейро, 19:00 в Варшаве, Мадриде, Париже и Риме, 21:00 в Москве, 1:00 19 июня в Пекине и 2:00 19 июня в Токио.</p>
]]></content:encoded>
			<wfw:commentRSS>http://www.osipov.org.ru/2008/06/18/firefox-3-download-day/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>упал ДНС</title>
		<link>http://www.osipov.org.ru/2008/06/17/upal-dns/</link>
		<comments>http://www.osipov.org.ru/2008/06/17/upal-dns/#comments</comments>
		<pubDate>Tue, 17 Jun 2008 07:09:53 +0000</pubDate>
		<dc:creator>scorpio</dc:creator>
		
		<category>По следам БашОрга</category>

		<guid isPermaLink="false">http://www.osipov.org.ru/2008/06/17/upal-dns/</guid>
		<description><![CDATA[lobster: Прикинь засада. у нашего провайдера упал ДНС
lobster: ща только месенджеры работают
Scorpio: 
lobster: зато поработать можно
Scorpio: не факт   http://217.16.28.193/

]]></description>
			<content:encoded><![CDATA[<p><strong>lobster:</strong> Прикинь засада. у нашего провайдера упал ДНС<br />
<strong>lobster:</strong> ща только месенджеры работают<br />
<strong>Scorpio:</strong> <img src='http://www.osipov.org.ru/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br />
<strong>lobster:</strong> зато поработать можно<br />
<strong>Scorpio:</strong> не факт <img src='http://www.osipov.org.ru/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  http://217.16.28.193/
</p>
]]></content:encoded>
			<wfw:commentRSS>http://www.osipov.org.ru/2008/06/17/upal-dns/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>наваривать клиент</title>
		<link>http://www.osipov.org.ru/2008/06/12/navarivat-klient/</link>
		<comments>http://www.osipov.org.ru/2008/06/12/navarivat-klient/#comments</comments>
		<pubDate>Thu, 12 Jun 2008 09:40:43 +0000</pubDate>
		<dc:creator>scorpio</dc:creator>
		
		<category>По следам БашОрга</category>

		<guid isPermaLink="false">http://www.osipov.org.ru/2008/06/12/navarivat-klient/</guid>
		<description><![CDATA[Yury.progr: вот. Виктора позвали в подмогу 
Scorpio: ыы
Yury.progr: Виктор, это нет работа, скажи мне!!
Scorpio: пачиму это не работа? я думая это работа вчера
Yury.progr: вчера работа, а в понедельник нет работа
Scorpio: я наваривать клиент
Scorpio:  ))бля
Scorpio: гаваривать
Yury.progr: наваривать клиент (Y)

]]></description>
			<content:encoded><![CDATA[<p><strong>Yury.progr:</strong> вот. Виктора позвали в подмогу <img src='http://www.osipov.org.ru/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br />
<strong>Scorpio:</strong> ыы<br />
<strong>Yury.progr:</strong> Виктор, это нет работа, скажи мне!!<br />
<strong>Scorpio:</strong> пачиму это не работа? я думая это работа вчера<br />
<strong>Yury.progr:</strong> вчера работа, а в понедельник нет работа<br />
<strong>Scorpio:</strong> я наваривать клиент<br />
<strong>Scorpio:</strong> <img src='http://www.osipov.org.ru/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> ))бля<br />
<strong>Scorpio:</strong> гаваривать<br />
<strong>Yury.progr:</strong> наваривать клиент (Y)
</p>
]]></content:encoded>
			<wfw:commentRSS>http://www.osipov.org.ru/2008/06/12/navarivat-klient/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Чистка коров</title>
		<link>http://www.osipov.org.ru/2008/06/05/chistka-korov/</link>
		<comments>http://www.osipov.org.ru/2008/06/05/chistka-korov/#comments</comments>
		<pubDate>Thu, 05 Jun 2008 08:50:51 +0000</pubDate>
		<dc:creator>scorpio</dc:creator>
		
		<category>По следам БашОрга</category>

		<guid isPermaLink="false">http://www.osipov.org.ru/2008/06/05/chistka-korov/</guid>
		<description><![CDATA[в сапу пришла ссылка: выездная чистка ковров
прочел как: выездная чистка коров

]]></description>
			<content:encoded><![CDATA[<p>в сапу пришла ссылка: выездная чистка ковров</p>
<p>прочел как: выездная чистка коров
</p>
]]></content:encoded>
			<wfw:commentRSS>http://www.osipov.org.ru/2008/06/05/chistka-korov/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Давай на латыни</title>
		<link>http://www.osipov.org.ru/2008/06/04/davay-na-latyini/</link>
		<comments>http://www.osipov.org.ru/2008/06/04/davay-na-latyini/#comments</comments>
		<pubDate>Wed, 04 Jun 2008 08:59:29 +0000</pubDate>
		<dc:creator>scorpio</dc:creator>
		
		<category>По следам БашОрга</category>

		<guid isPermaLink="false">http://www.osipov.org.ru/2008/06/04/davay-na-latyini/</guid>
		<description><![CDATA[(11:55:23) Scorpio: ты у меня в инвизибле
(11:55:44) Naz: davai na latyni lamer..
(11:55:57) Scorpio: Veni Vidi Vici
(11:55:59) Naz: v mene ni&#8230;yuia ne vydno
(11:56:01) Scorpio: In Vino veritas

]]></description>
			<content:encoded><![CDATA[<p><strong>(11:55:23) Scorpio:</strong> ты у меня в инвизибле<br />
<strong>(11:55:44) Naz:</strong> davai na latyni lamer..<br />
<strong>(11:55:57) Scorpio:</strong> Veni Vidi Vici<br />
<strong>(11:55:59) Naz:</strong> v mene ni&#8230;yuia ne vydno<br />
<strong>(11:56:01) Scorpio:</strong> In Vino veritas
</p>
]]></content:encoded>
			<wfw:commentRSS>http://www.osipov.org.ru/2008/06/04/davay-na-latyini/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Трансферы в футболе с помощью Википедии</title>
		<link>http://www.osipov.org.ru/2008/05/31/transferyi-v-futbole-s-pomoschyu-vikipedii/</link>
		<comments>http://www.osipov.org.ru/2008/05/31/transferyi-v-futbole-s-pomoschyu-vikipedii/#comments</comments>
		<pubDate>Sat, 31 May 2008 19:10:05 +0000</pubDate>
		<dc:creator>scorpio</dc:creator>
		
		<category>Курьезы и приколы</category>

		<guid isPermaLink="false">http://www.osipov.org.ru/2008/05/31/transferyi-v-futole-s-pomoschyu-vikipedii/</guid>
		<description><![CDATA[От нефиг делать вчера на работе редактировали статьи в Википедии, а именно добавляли всяких &#8220;футболистов&#8221; в не очень известные, а вернее совсем неизвестные футбольные клубы.
Вначале своего шефа мы закинули в вьетнамскую команду Da Nang. Но все три раза его оттуда удаляли. Может слишком паливно было, что немец под 66-м номером играет в команде, или люди, [...]]]></description>
			<content:encoded><![CDATA[<p>От нефиг делать вчера на работе редактировали статьи в Википедии, а именно добавляли всяких &#8220;футболистов&#8221; в не очень известные, а вернее совсем неизвестные футбольные клубы.<br />
Вначале своего шефа мы закинули в вьетнамскую команду <noindex><a rel='nofollow' href='http://en.wikipedia.org/wiki/Da_Nang_F.C.'>Da Nang</a></noindex>. Но все три раза его оттуда удаляли. Может слишком паливно было, что немец под 66-м номером играет в команде, или люди, причастные к клубу, исправляли все назад.</p>
<p>Решено было добавить пару игроков с &#8220;беспаливными&#8221; именами и национальностями в футбольные команды.<br />
В итоге два японца: Nevyebatsa Sukaforward в <noindex><a rel='nofollow' href='http://en.wikipedia.org/wiki/Yokohama_F.C.'>Yokohama F.C.</a></noindex> и Otsosika Usebyaka в <noindex><a rel='nofollow' href='http://en.wikipedia.org/wiki/F.C._Gifu'>F.C. Gifu</a></noindex><br />
Кореец Сунь Вынь (Sun Vyn) в <noindex><a rel='nofollow' href='http://en.wikipedia.org/wiki/Gwangju_Sangmu_Phoenix'>Gwangju Sangmu Phoenix</a></noindex><br />
Серб Sini&#353;a Ebanovi&#263; в <noindex><a rel='nofollow' href='http://en.wikipedia.org/wiki/FK_Mladi_Radnik'>FK Mladi Radnik</a></noindex><br />
И румынский &#8220;футболист&#8221; Aurel Ueban в <noindex><a rel='nofollow' href='http://en.wikipedia.org/wiki/Pandurii_T%C3%A2rgu_Jiu'>Pandurii T&#226;rgu Jiu</a></noindex></p>
<p>Сутки уже наши &#8220;герои&#8221; держатся в Википедии <img src='http://www.osipov.org.ru/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Посмотрим сколько они там пробудут.
</p>
]]></content:encoded>
			<wfw:commentRSS>http://www.osipov.org.ru/2008/05/31/transferyi-v-futbole-s-pomoschyu-vikipedii/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Пишу граммотно</title>
		<link>http://www.osipov.org.ru/2008/05/29/pishu-grammotno/</link>
		<comments>http://www.osipov.org.ru/2008/05/29/pishu-grammotno/#comments</comments>
		<pubDate>Thu, 29 May 2008 08:05:26 +0000</pubDate>
		<dc:creator>scorpio</dc:creator>
		
		<category>По следам БашОрга</category>

		<guid isPermaLink="false">http://www.osipov.org.ru/2008/05/29/pishu-grammotno/</guid>
		<description><![CDATA[На вконтакте выложили фотки преподов нашей школы, коммент под фото преподавателя по русскому языку
&#8221; Тоже хорошая учительница. Благодаря ей пишу граммотно!:) &#8220;
очень грамМотно  )

]]></description>
			<content:encoded><![CDATA[<p>На вконтакте выложили фотки преподов нашей школы, коммент под фото преподавателя по русскому языку</p>
<p>&#8221; Тоже хорошая учительница. Благодаря ей пишу граммотно!:) &#8220;</p>
<p>очень грамМотно <img src='http://www.osipov.org.ru/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> )
</p>
]]></content:encoded>
			<wfw:commentRSS>http://www.osipov.org.ru/2008/05/29/pishu-grammotno/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Бизнес по-буковински</title>
		<link>http://www.osipov.org.ru/2008/05/27/biznes-po-bukovinski/</link>
		<comments>http://www.osipov.org.ru/2008/05/27/biznes-po-bukovinski/#comments</comments>
		<pubDate>Tue, 27 May 2008 09:21:43 +0000</pubDate>
		<dc:creator>scorpio</dc:creator>
		
		<category>Сайтостоительство</category>

		<guid isPermaLink="false">http://www.osipov.org.ru/2008/05/27/biznes-po-bukovinski/</guid>
		<description><![CDATA[Слово бизнес в моем заголовке даже следует взять в кавычки, потому что то как поступают с веб-разработчиками некоторые фирмы, как минимум неэтично. Не хотел обидеть именно такой прекрасный край как Буковина, думаю, что везде такого хватает, но два случая, с которыми я столкнулся были связаны с &#8220;сотрудничеством&#8221; с фирмами, ноги которых растут в Черновцах.
В обоих [...]]]></description>
			<content:encoded><![CDATA[<p>Слово бизнес в моем заголовке даже следует взять в кавычки, потому что то как поступают с веб-разработчиками некоторые фирмы, как минимум неэтично. Не хотел обидеть именно такой прекрасный край как Буковина, думаю, что везде такого хватает, но два случая, с которыми я столкнулся были связаны с &#8220;сотрудничеством&#8221; с фирмами, ноги которых растут в Черновцах.<br />
В обоих случаях у клиента денег было немного (по его же словам), слезно просили и умоляли сбавить цену, но требования и постоянные уточнения были явно уровня конторы, которая платит не скупясь.</p>
<p>Один сайт я делал сам давно и на голом HTML, несколько раз я его обновлял, внизу стоял мой копирайт с адресом электронной почты.<br />
Сайт этот: <noindex><a href="http://www.legenda.com.ua" rel="nofollow">www.legenda.com.ua</a></noindex><br />
Как вы видите, внизу мой копирайт создателя сайта потерли, теперь там красуется:<br />
Вебмастер: Ходан Б.И. , Поддержка сайта<br />
Но видимо этот вебмастер или ленивый или не шибко опытный, смотрим исходник страницы и в &lt;head&gt;&#8230;&lt;/head&gt; видим:<br />
&lt;meta name=&#8221;author&#8221; content=&#8221;Osipov Vladimir&#8221;&gt;</p>
<p>Второй сайт создавался уже вебстудией, где я работал - <noindex><a href="http://www.olvia.net.ua" rel="nofollow">&#8220;Ольвия&#8221;</a></noindex>.<br />
Сайт этот: <noindex><a href="http://www.migovo.com.ua" rel="nofollow">www.migovo.com.ua</a></noindex>.<br />
Изначально внизу странички также стоял копирайт студии со ссылкой, но с некотрого времени он пропал и вместо этого сейчас там красуется &#8220;B y  M a x w e l l   V a z o v s k y&#8221;. Кто это такой - ХЗ, но то, что максимум, что этот Максвэлл сделал это исправил текст в парочке файлов - явно не дает ему права говорить, что этот сайт создал он. Да и поленился он убрать, либо просто не знал, что в &lt;head&gt;&#8230;&lt;/head&gt; прописано<br />
&lt;meta name=&#8221;author&#8221; content=&#8221;Olvia Group&#8221;&gt;<br />
и никакими Максвелами и не пахнет.</p>
<p>Об этом всем я б не знал, если бы не попросили недавно оценить и подготовить предложения на поисковое продвижение по обоим сайтам. Увидев описанное выше нахальство и возмутительную несправедливость, я наотрез отказался сотрудничать с обеими фирмами. Конечно, я предполагаю, что руководство фирм не в курсе таких событий, возможно, они просто попросили этих вот людей, которые поспешили первым делом себя в создатели сайтов приписать, поменять кое-что на сайте. Ну что ж, если они с нами так, то кто-то и с ними так поступит.
</p>
]]></content:encoded>
			<wfw:commentRSS>http://www.osipov.org.ru/2008/05/27/biznes-po-bukovinski/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>HTML DOM, JavaScript для добавления/удаления рядов таблицы (часть 2)</title>
		<link>http://www.osipov.org.ru/2008/05/23/html-dom-javascript-dlya-dobavleniyaudaleniya-ryadov-tablitsyi-chast-2/</link>
		<comments>http://www.osipov.org.ru/2008/05/23/html-dom-javascript-dlya-dobavleniyaudaleniya-ryadov-tablitsyi-chast-2/#comments</comments>
		<pubDate>Fri, 23 May 2008 13:18:26 +0000</pubDate>
		<dc:creator>scorpio</dc:creator>
		
		<category>JavaScirpt</category>

		<guid isPermaLink="false">http://www.osipov.org.ru/2008/05/23/html-dom-javascript-dlya-dobavleniyaudaleniya-ryadov-tablitsyi-chast-2/</guid>
		<description><![CDATA[Я обещал рассказать как улучшить функцию удаления ряда таблицы, этим сегодня и займемся. Итак мы уже знаем, что у браузеров есть отличия в построении DOM дерева. Мы увидели, что Firefox и Safari создают дополнительный текстовый узел "\n" для каждого переноса строки в документе, есть два пути решения проблемы: 1й - удалять такие узлы, 2й - [...]]]></description>
			<content:encoded><![CDATA[<p>Я обещал рассказать как улучшить функцию <a href="http://www.osipov.org.ru/2008/05/20/html-dom-javascript-dlya-dobavleniyaudaleniya-ryadov-tablitsyi-chast-1/">удаления ряда таблицы</a>, этим сегодня и займемся. Итак мы уже знаем, что <a href="http://www.osipov.org.ru/2008/05/21/vyivod-html-dom-dereva/">у браузеров есть отличия в построении DOM дерева</a>. Мы увидели, что Firefox и Safari создают дополнительный текстовый узел "\n" для каждого переноса строки в документе, есть два пути решения проблемы: 1й - удалять такие узлы, 2й - просто их пропускать.<br />
<a id="more-174"></a><br />
1. Удаление "\n"</p>
<div class="igBar"><span id="ljavascript-4"><a href="#" onclick="javascript:showPlainTxt('javascript-4'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">JAVASCRIPT:</span>
<div id="javascript-4">
<div class="javascript">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">function</span> DelLastRow<span style="color: #66cc66;">&#40;</span>tid<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">var</span> myTbl=document.<span style="color: #006600;">getElementById</span><span style="color: #66cc66;">&#40;</span>tid<span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">var</span> deltr=myTbl.<span style="color: #006600;">lastChild</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #000066; font-weight: bold;">while</span> <span style="color: #66cc66;">&#40;</span>deltr.<span style="color: #006600;">nodeType</span>==<span style="color: #CC0000;color:#800000;">3</span><span style="color: #66cc66;">&#41;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp;<span style="color: #66cc66;">&#123;</span> myTbl.<span style="color: #006600;">removeChild</span><span style="color: #66cc66;">&#40;</span>deltr<span style="color: #66cc66;">&#41;</span>; </div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp;deltr=myTbl.<span style="color: #006600;">lastChild</span>; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">myTbl.<span style="color: #006600;">removeChild</span><span style="color: #66cc66;">&#40;</span>deltr<span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>2. Пропуск "\n"</p>
<div class="igBar"><span id="ljavascript-5"><a href="#" onclick="javascript:showPlainTxt('javascript-5'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">JAVASCRIPT:</span>
<div id="javascript-5">
<div class="javascript">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">function</span> DelLastRow<span style="color: #66cc66;">&#40;</span>tid<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">var</span> myTbl=document.<span style="color: #006600;">getElementById</span><span style="color: #66cc66;">&#40;</span>tid<span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">var</span> deltr=myTbl.<span style="color: #006600;">lastChild</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #000066; font-weight: bold;">while</span> <span style="color: #66cc66;">&#40;</span>deltr.<span style="color: #006600;">nodeType</span>==<span style="color: #CC0000;color:#800000;">3</span><span style="color: #66cc66;">&#41;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp;<span style="color: #66cc66;">&#123;</span> deltr=deltr.<span style="color: #006600;">previousSibling</span>; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">myTbl.<span style="color: #006600;">removeChild</span><span style="color: #66cc66;">&#40;</span>deltr<span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>В последней функции мы использовали previousSibling - это ссылка на предыдущий соседний узел, также можно использовать nextSibling, чтоб перейти на следующий узел-сосед. В приницпе в функции, которая печатала DOM дерево, мі могли испозовать другой цикл: 'while' вместо of 'for':</p>
<div class="igBar"><span id="ljavascript-6"><a href="#" onclick="javascript:showPlainTxt('javascript-6'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">JAVASCRIPT:</span>
<div id="javascript-6">
<div class="javascript">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #000066; font-weight: bold;">while</span> <span style="color: #66cc66;">&#40;</span>cur<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">...</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #006600;">cur</span>=cur.<span style="color: #006600;">nextSibling</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p>
</p>
]]></content:encoded>
			<wfw:commentRSS>http://www.osipov.org.ru/2008/05/23/html-dom-javascript-dlya-dobavleniyaudaleniya-ryadov-tablitsyi-chast-2/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Вывод HTML DOM дерева</title>
		<link>http://www.osipov.org.ru/2008/05/21/vyivod-html-dom-dereva/</link>
		<comments>http://www.osipov.org.ru/2008/05/21/vyivod-html-dom-dereva/#comments</comments>
		<pubDate>Wed, 21 May 2008 09:37:19 +0000</pubDate>
		<dc:creator>scorpio</dc:creator>
		
		<category>JavaScirpt</category>

		<guid isPermaLink="false">http://www.osipov.org.ru/2008/05/21/vyivod-html-dom-dereva/</guid>
		<description><![CDATA[В предыдущей статье мы запрограммировали две функции: для добавления и удаления ряда таблицы. Но в Safari и Firefox при удалении был небольшой баг. Приходилось дважды кликать на кнопке Delete. Чтобы понять, почему это происходит, нам необходимо увидеть какое дерево DOM строит каждый браузер для нашей таблицы. Можно использовать плагины для браузеров, но сейчас мы напишем [...]]]></description>
			<content:encoded><![CDATA[<p>В <a href="http://www.osipov.org.ru/2008/05/20/html-dom-javascript-dlya-dobavleniyaudaleniya-ryadov-tablitsyi-chast-1/">предыдущей статье</a> мы запрограммировали две функции: для добавления и удаления ряда таблицы. Но в Safari и Firefox при удалении был небольшой баг. Приходилось дважды кликать на кнопке Delete. Чтобы понять, почему это происходит, нам необходимо увидеть какое дерево DOM строит каждый браузер для нашей таблицы. Можно использовать плагины для браузеров, но сейчас мы напишем свою простую JavaScript функцию, которая будет печатать в браузере дерево DOM.<br />
<a id="more-173"></a><br />
У нашей функции будет один параметр - ссылку на элемент, а запускать фнкцию будем таким образом:<br />
<script type="text/javascript"><br />
printDOMTree(document.getElementById('DOMTree'));<br />
</script></p>
<p>Также вы должны знать, что у каждого узла есть свойство nodeType. Если nodeType=1, то этот узел является элементом, если узел - текст (и не может иметь дочерние узлы), то nodeType=3</p>
<div class="igBar"><span id="ljavascript-10"><a href="#" onclick="javascript:showPlainTxt('javascript-10'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">JAVASCRIPT:</span>
<div id="javascript-10">
<div class="javascript">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">function</span> printDOMTree<span style="color: #66cc66;">&#40;</span>Mid<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">var</span> i; <span style="color: #009900; font-style: italic;">// для циклов</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #000066; font-weight: bold;">for</span> <span style="color: #66cc66;">&#40;</span>i=<span style="color: #CC0000;color:#800000;">0</span>;i&lt;Mid.<span style="color: #006600;">childNodes</span>.<span style="color: #006600;">length</span>;i++<span style="color: #66cc66;">&#41;</span> <span style="color: #009900; font-style: italic;">// пробегаем по всем дочерним узлам элемента</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #66cc66;">&#40;</span>Mid.<span style="color: #006600;">childNodes</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">nodeType</span>==<span style="color: #CC0000;color:#800000;">1</span><span style="color: #66cc66;">&#41;</span> <span style="color: #009900; font-style: italic;">// если дочерний узел - элемент</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#123;</span> document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'&lt;br /&gt;['</span> + Mid.<span style="color: #006600;">childNodes</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">nodeName</span> + <span style="color: #3366CC;">']'</span> <span style="color: #66cc66;">&#41;</span>; <span style="color: #009900; font-style: italic;">// напишем его имя в виде [ИМЯ]</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; printDOMTree<span style="color: #66cc66;">&#40;</span>Mid.<span style="color: #006600;">childNodes</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span><span style="color: #66cc66;">&#41;</span>; <span style="color: #009900; font-style: italic;">// и рекурсивно вызовем нашу функцию для него</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp;&nbsp; &nbsp;document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'[/'</span> + Mid.<span style="color: #006600;">childNodes</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">nodeName</span> + <span style="color: #3366CC;">']'</span> <span style="color: #66cc66;">&#41;</span>;&nbsp; <span style="color: #009900; font-style: italic;">// напишем [/ИМЯ]</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #66cc66;">&#40;</span>Mid.<span style="color: #006600;">childNodes</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">nodeType</span>==<span style="color: #CC0000;color:#800000;">3</span><span style="color: #66cc66;">&#41;</span> <span style="color: #009900; font-style: italic;">// если это текст</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#123;</span> </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #66cc66;">&#40;</span>Mid.<span style="color: #006600;">childNodes</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">nodeValue</span>==<span style="color: #3366CC;">'<span style="color: #000099; font-weight: bold;">\n</span>'</span><span style="color: #66cc66;">&#41;</span> <span style="color: #009900; font-style: italic;">// если текст - символ перевода строки \n</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#123;</span> document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'&lt;br /&gt;[text:<span style="color: #000099; font-weight: bold;">\\</span>n]&lt;br /&gt;'</span> <span style="color: #66cc66;">&#41;</span>; <span style="color: #66cc66;">&#125;</span> <span style="color: #009900; font-style: italic;">// то выведем его в браузере как \n</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">else</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#123;</span> document.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'&lt;br /&gt;[text:'</span> + Mid.<span style="color: #006600;">childNodes</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">nodeValue</span> + <span style="color: #3366CC;">']&lt;br /&gt;'</span> <span style="color: #66cc66;">&#41;</span>; <span style="color: #66cc66;">&#125;</span> <span style="color: #009900; font-style: italic;">// иначе, просто выведем текст узла</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p>
Теперь попробуйте такой код:</p>
<div class="igBar"><span id="lhtml-11"><a href="#" onclick="javascript:showPlainTxt('html-11'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">HTML:</span>
<div id="html-11">
<div class="html">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;">&lt;div</span></a> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"DOMTree"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/table.html"><span style="color: #000000; font-weight: bold;">&lt;table</span></a> <span style="color: #000066;">border</span>=<span style="color: #ff0000;">"1"</span> <span style="color: #000066;">cellpadding</span>=<span style="color: #ff0000;">"5"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/tbody.html"><span style="color: #000000; font-weight: bold;">&lt;tbody</span></a> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"myT"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/tr.html"><span style="color: #000000; font-weight: bold;">&lt;tr&gt;</span></a></span><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td&gt;</span></a></span>sample 1<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td&gt;</span></a></span>sample text here...<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/tr&gt;</span></span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/tr.html"><span style="color: #000000; font-weight: bold;">&lt;tr&gt;</span></a></span><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td&gt;</span></a></span>sample 2<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td&gt;</span></a></span>sample text here...<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/tr&gt;</span></span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/tr.html"><span style="color: #000000; font-weight: bold;">&lt;tr&gt;</span></a></span><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td&gt;</span></a></span>sample 3<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td&gt;</span></a></span>sample text here...<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/tr&gt;</span></span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/tr.html"><span style="color: #000000; font-weight: bold;">&lt;tr&gt;</span></a></span><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td&gt;</span></a></span>sample 4<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td&gt;</span></a></span>sample text here...<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/tr&gt;</span></span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/tr.html"><span style="color: #000000; font-weight: bold;">&lt;tr&gt;</span></a></span><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td&gt;</span></a></span>sample 5<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td&gt;</span></a></span>sample text here...<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/tr&gt;</span></span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/tr.html"><span style="color: #000000; font-weight: bold;">&lt;tr&gt;</span></a></span><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td&gt;</span></a></span>sample 6<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td&gt;</span></a></span>sample text here...<span style="color: #009900;"><a href="http://december.com/html/4/element/img.html"><span style="color: #000000; font-weight: bold;">&lt;img</span></a> <span style="color: #000066;">src</span>=<span style="color: #ff0000;">""</span> /<span style="color: #000000; font-weight: bold;">&gt;</span></a></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/tr&gt;</span></span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/tbody&gt;</span></span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/table&gt;</span></span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/div&gt;</span></span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/script.html"><span style="color: #000000; font-weight: bold;">&lt;script&gt;</span></a></span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">printDOMTree(document.getElementById('DOMTree'));</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/script&gt;</span></span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>Посмотрите на вывод функции в различных браузерах и вы увидите, что в IE и Opera DOM дерево бкдет подно этому:<br />
[TABLE]<br />
[TBODY]<br />
[tr]<br />
[TD]<br />
[text:sample 1]<br />
[/TD]<br />
[TD]<br />
[text:sample text here...]<br />
[/TD][/tr]<br />
[tr]<br />
[TD]<br />
[text:sample 2]<br />
[/TD]<br />
[TD]<br />
[text:sample text here...]<br />
[/TD][/tr]</p>
<p>но в Firefox:<br />
[tr]<br />
[TD]<br />
[text:sample 1]<br />
[/TD]<br />
[TD]<br />
[text:sample text here...]<br />
[/TD][/tr]<br />
[text:\n]<br />
[tr]<br />
[TD]<br />
[text:sample 2]<br />
[/TD]<br />
[TD]<br />
[text:sample text here...]<br />
[/TD][/tr]<br />
[text:\n]</p>
<p>То етсь тут у нас повылазили текстовые узлы (\n - перевод строки) после каждого &lt;tr&gt;. Именно поэтому, когда мы удаляем последний дочерний узел <b>tbody</b> в IE, мы удаляем элемент <b>tr</b>, но в Firefox мы удаляем текстовый ухел с "\n", а уже второе нажатие на кнопку удаляет <b>tr</b>. Когда мы встявляем новый ряд, мы нигде не используем символы перевода строки, потому добавленые через нашу функцию ряды удаляются и в Firefox одним нажатием.</p>
<p>Если мы изменим код с таблицей на такой:</p>
<div class="igBar"><span id="lhtml-12"><a href="#" onclick="javascript:showPlainTxt('html-12'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">HTML:</span>
<div id="html-12">
<div class="html">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;">&lt;div</span></a> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"DOMTree"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span><span style="color: #009900;"><a href="http://december.com/html/4/element/table.html"><span style="color: #000000; font-weight: bold;">&lt;table</span></a> <span style="color: #000066;">border</span>=<span style="color: #ff0000;">"1"</span> <span style="color: #000066;">cellpadding</span>=<span style="color: #ff0000;">"5"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span><span style="color: #009900;"><a href="http://december.com/html/4/element/tbody.html"><span style="color: #000000; font-weight: bold;">&lt;tbody</span></a> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"myT"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span><span style="color: #009900;"><a href="http://december.com/html/4/element/tr.html"><span style="color: #000000; font-weight: bold;">&lt;tr&gt;</span></a></span><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td&gt;</span></a></span>sample 1<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td&gt;</span></a></span>sample text here...<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/tr&gt;</span></span><span style="color: #009900;"><a href="http://december.com/html/4/element/tr.html"><span style="color: #000000; font-weight: bold;">&lt;tr&gt;</span></a></span><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td&gt;</span></a></span>sample 2<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td&gt;</span></a></span>sample text here...<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/tr&gt;</span></span><span style="color: #009900;"><a href="http://december.com/html/4/element/tr.html"><span style="color: #000000; font-weight: bold;">&lt;tr&gt;</span></a></span><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td&gt;</span></a></span>sample 3<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td&gt;</span></a></span>sample text here...<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/tr&gt;</span></span><span style="color: #009900;"><a href="http://december.com/html/4/element/tr.html"><span style="color: #000000; font-weight: bold;">&lt;tr&gt;</span></a></span><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td&gt;</span></a></span>sample 4<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td&gt;</span></a></span>sample text here...<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/tr&gt;</span></span><span style="color: #009900;"><a href="http://december.com/html/4/element/tr.html"><span style="color: #000000; font-weight: bold;">&lt;tr&gt;</span></a></span><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td&gt;</span></a></span>sample 5<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td&gt;</span></a></span>sample text here...<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/tr&gt;</span></span><span style="color: #009900;"><a href="http://december.com/html/4/element/tr.html"><span style="color: #000000; font-weight: bold;">&lt;tr&gt;</span></a></span><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td&gt;</span></a></span>sample 6<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td&gt;</span></a></span>sample text here...<span style="color: #009900;"><a href="http://december.com/html/4/element/img.html"><span style="color: #000000; font-weight: bold;">&lt;img</span></a> <span style="color: #000066;">src</span>=<span style="color: #ff0000;">""</span> /<span style="color: #000000; font-weight: bold;">&gt;</span></a></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/tr&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/tbody&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/table&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/div&gt;</span></span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>тогда никаких проблем не будет. Другое решение - немного пофиксить функцию для удаления ряда. Как это сделать? Завтра напишу, если сами не напишите <img src='http://www.osipov.org.ru/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />
</p>
]]></content:encoded>
			<wfw:commentRSS>http://www.osipov.org.ru/2008/05/21/vyivod-html-dom-dereva/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>HTML DOM, JavaScript для добавления/удаления рядов таблицы (часть 1)</title>
		<link>http://www.osipov.org.ru/2008/05/20/html-dom-javascript-dlya-dobavleniyaudaleniya-ryadov-tablitsyi-chast-1/</link>
		<comments>http://www.osipov.org.ru/2008/05/20/html-dom-javascript-dlya-dobavleniyaudaleniya-ryadov-tablitsyi-chast-1/#comments</comments>
		<pubDate>Tue, 20 May 2008 19:53:02 +0000</pubDate>
		<dc:creator>scorpio</dc:creator>
		
		<category>JavaScirpt</category>

		<guid isPermaLink="false">http://www.osipov.org.ru/2008/05/20/html-dom-javascript-dlya-dobavleniyaudaleniya-ryadov-tablitsyi-chast-1/</guid>
		<description><![CDATA[Я надеюсь, что вам известно о DOM. Если нет, то рекомендую вначале немного ознакомиться с этой статьей.
Мы попробуем написать JavaScirpt код для добавления/удаления рядов в таблице без использования DHTML функций (addRow, addCell и др.), мы будем использовать функции для манипуляции с деревом DOM такие как appendChild, createElement, createTextNode.

итак, пусть у нас есть такой HTML код:
PLAIN [...]]]></description>
			<content:encoded><![CDATA[<p>Я надеюсь, что вам известно о DOM. Если нет, то рекомендую вначале немного ознакомиться с <a href="http://www.ibm.com/developerworks/ru/library/wa-ajaxintro5/">этой статьей</a>.</p>
<p>Мы попробуем написать JavaScirpt код для добавления/удаления рядов в таблице без использования DHTML функций (addRow, addCell и др.), мы будем использовать функции для манипуляции с деревом DOM такие как appendChild, createElement, createTextNode.<br />
<a id="more-172"></a><br />
итак, пусть у нас есть такой HTML код:</p>
<div class="igBar"><span id="lhtml-18"><a href="#" onclick="javascript:showPlainTxt('html-18'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">HTML:</span>
<div id="html-18">
<div class="html">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;">&lt;div</span></a> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"DOMTree"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/table.html"><span style="color: #000000; font-weight: bold;">&lt;table</span></a> <span style="color: #000066;">border</span>=<span style="color: #ff0000;">"1"</span> <span style="color: #000066;">cellpadding</span>=<span style="color: #ff0000;">"5"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/tbody.html"><span style="color: #000000; font-weight: bold;">&lt;tbody</span></a> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"myT"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/tr.html"><span style="color: #000000; font-weight: bold;">&lt;tr&gt;</span></a></span><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td&gt;</span></a></span>sample 1<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td&gt;</span></a></span>sample text here...<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/tr&gt;</span></span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/tr.html"><span style="color: #000000; font-weight: bold;">&lt;tr&gt;</span></a></span><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td&gt;</span></a></span>sample 2<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td&gt;</span></a></span>sample text here...<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/tr&gt;</span></span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/tr.html"><span style="color: #000000; font-weight: bold;">&lt;tr&gt;</span></a></span><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td&gt;</span></a></span>sample 3<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span><span style="color: #009900;"><a href="http://december.com/html/4/element/td.html"><span style="color: #000000; font-weight: bold;">&lt;td&gt;</span></a></span>sample text here...<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/td&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/tr&gt;</span></span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/tbody&gt;</span></span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/table&gt;</span></span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/div&gt;</span></span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>Мы хотим создать функцию, которая будет добавлять ряд (&lt;tr&gt;...&lt;/tr&gt;) в конец таблицы. Единственный параметр, который мы будем передавать функции - идентификатор элемента TBODY:</p>
<div class="igBar"><span id="ljavascript-19"><a href="#" onclick="javascript:showPlainTxt('javascript-19'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">JAVASCRIPT:</span>
<div id="javascript-19">
<div class="javascript">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&lt;script type=<span style="color: #3366CC;">"text/javascript"</span>&gt;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">var</span> i=<span style="color: #CC0000;color:#800000;">3</span>; <span style="color: #009900; font-style: italic;">// будем использовать переменную i просто для имен 'sample 4', 'sample 5', ...</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">function</span> AddEndRow<span style="color: #66cc66;">&#40;</span>tid<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900; font-style: italic;">// создадим элемент &lt;tr&gt;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">var</span> myTR=document.<span style="color: #006600;">createElement</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'tr'</span><span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900; font-style: italic;">// создадим первую ячейку (элемент &lt;td&gt;)</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">var</span> myTD=document.<span style="color: #006600;">createElement</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'td'</span><span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900; font-style: italic;">// у нее будет только один дочерний узел - текстовый</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">myTD.<span style="color: #006600;">appendChild</span><span style="color: #66cc66;">&#40;</span>document.<span style="color: #006600;">createTextNode</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'sample '</span>+<span style="color: #66cc66;">&#40;</span>++i<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900; font-style: italic;">// создаем вторую ячейку и добавляем к ней дочерний текстовый узел 'sample text here 2...'</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">var</span> myTD2=document.<span style="color: #006600;">createElement</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'td'</span><span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">myTD2.<span style="color: #006600;">appendChild</span><span style="color: #66cc66;">&#40;</span>document.<span style="color: #006600;">createTextNode</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'sample text here 2 ...'</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900; font-style: italic;">// теперь обе ячейки мы присоединяем к ряду (tr)</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">myTR.<span style="color: #006600;">appendChild</span><span style="color: #66cc66;">&#40;</span>myTD<span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">myTR.<span style="color: #006600;">appendChild</span><span style="color: #66cc66;">&#40;</span>myTD2<span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900; font-style: italic;">// после єтого строку (tr) присоединяем к tbody</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">document.<span style="color: #006600;">getElementById</span><span style="color: #66cc66;">&#40;</span>tid<span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">appendChild</span><span style="color: #66cc66;">&#40;</span>myTR<span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&lt;/script&gt; </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>на рисунке это будет выглядеть примерно так:</p>
<pre>
1. [myTR]
2. [myTD]
3. [myTD] | -> 'sample '+(++i)
4. [myTD2]
5. [myTD2] | -> 'sample text here 2...'
6. [myTR] | -> [myTD]
7. [myTR] | -> [myTD]
              | -> [myTD2]
8. [tid] (tbody) | -> first row of our table
                      | ....
                      | -> [myTR]
</pre>
<p>Теперь добавим кнопку, кликая по которой мы будем вызывать нашу функцию:</p>
<div class="igBar"><span id="lhtml-20"><a href="#" onclick="javascript:showPlainTxt('html-20'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">HTML:</span>
<div id="html-20">
<div class="html">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/form.html"><span style="color: #000000; font-weight: bold;">&lt;form</span></a> <span style="color: #000066;">name</span>=<span style="color: #ff0000;">""</span> <span style="color: #000066;">action</span>=<span style="color: #ff0000;">""</span> <span style="color: #000066;">method</span>=<span style="color: #ff0000;">""</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/input.html"><span style="color: #000000; font-weight: bold;">&lt;input</span></a> <span style="color: #000066;">type</span>=<span style="color: #ff0000;">"button"</span> <span style="color: #000066;">value</span>=<span style="color: #ff0000;">"Add row"</span> <span style="color: #000066;">onClick</span>=<span style="color: #ff0000;">"return AddEndRow('myT');"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/form&gt;</span></span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>Нажмите на кнопку и увидите как новый ряд добавляется в конец таблицы <img src='http://www.osipov.org.ru/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br />
Все работает прекрасно во всех браузерах (тестировал на FF 1.5, Safari 3, Opera 9, IE 6+)</p>
<p>Теперь создадим функцию для удаления последнего ряда.</p>
<div class="igBar"><span id="ljavascript-21"><a href="#" onclick="javascript:showPlainTxt('javascript-21'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">JAVASCRIPT:</span>
<div id="javascript-21">
<div class="javascript">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">function</span> DelLastRow<span style="color: #66cc66;">&#40;</span>tid<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900; font-style: italic;">// myTbl -&gt; ссылка на наш Tbody</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">var</span> myTbl=document.<span style="color: #006600;">getElementById</span><span style="color: #66cc66;">&#40;</span>tid<span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900; font-style: italic;">// идем к последнему дочернему элементу tbody - то есть к последнему ряду</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">var</span> deltr=myTbl.<span style="color: #006600;">lastChild</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900; font-style: italic;">// удаляем этот последний ряд</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">myTbl.<span style="color: #006600;">removeChild</span><span style="color: #66cc66;">&#40;</span>deltr<span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>Добавим кнопку в HTML:</p>
<div class="igBar"><span id="lhtml-22"><a href="#" onclick="javascript:showPlainTxt('html-22'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">HTML:</span>
<div id="html-22">
<div class="html">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/input.html"><span style="color: #000000; font-weight: bold;">&lt;input</span></a> <span style="color: #000066;">type</span>=<span style="color: #ff0000;">"button"</span> <span style="color: #000066;">value</span>=<span style="color: #ff0000;">"Delete last row"</span> <span style="color: #000066;">onClick</span>=<span style="color: #ff0000;">"return DelLastRow('myT');"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>Попробуйте <img src='http://www.osipov.org.ru/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> . Вас ожидает небольшой сюрприз в Safari и Firefox. Вам надо нажать дважды на кнопку, чтоб удалить ряд, а в Opera и Internet Explorer все работает хорошо. Также заметьте, что ряды, которые добавлены используя нашу функцию <i>AddEndRow</i> удаляются с первого клика во всех браузерах. Почему? Завтра я вам расскажу... <img src='http://www.osipov.org.ru/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /><br />
продолжение следует
</p>
]]></content:encoded>
			<wfw:commentRSS>http://www.osipov.org.ru/2008/05/20/html-dom-javascript-dlya-dobavleniyaudaleniya-ryadov-tablitsyi-chast-1/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>АРИЯ в Черновцах (2008-05-18)</title>
		<link>http://www.osipov.org.ru/2008/05/19/ariya-v-chernovtsah-2008-05-18/</link>
		<comments>http://www.osipov.org.ru/2008/05/19/ariya-v-chernovtsah-2008-05-18/#comments</comments>
		<pubDate>Mon, 19 May 2008 08:43:09 +0000</pubDate>
		<dc:creator>scorpio</dc:creator>
		
		<category>Музыка</category>

		<guid isPermaLink="false">http://www.osipov.org.ru/2008/05/19/ariya-v-chernovtsah-2008-05-18/</guid>
		<description><![CDATA[Вчера ходил на концерт АРИИ.
Шоу вышло клевым, мы стояли под сценой и пели почти все песни вместе Артуром Беркутом..
Некоторые фотки:



Other pictures
Видео "Бкспечный Ангел"





]]></description>
			<content:encoded><![CDATA[<p>Вчера ходил на концерт АРИИ.<br />
Шоу вышло клевым, мы стояли под сценой и пели почти все песни вместе Артуром Беркутом..</p>
<p>Некоторые фотки:</p>
<p><img src="http://farm3.static.flickr.com/2071/2504134597_9db631a5f2.jpg" alt="ARIA in Chernivtsi" /></p>
<p><img src="http://farm3.static.flickr.com/2384/2504146381_2317fae387.jpg" alt="ARIA in Chernivtsi" /></p>
<p><img src="http://farm4.static.flickr.com/3152/2504970484_0f69bf2a6a.jpg" alt="ARIA in Chernivtsi" /></p>
<p><a href="http://www.flickr.com/photos/26704629@N02/sets/72157605136282451/" target="_blank">Other pictures</a></p>
<p>Видео "Бкспечный Ангел"</p>
<p><object width="512" height="323">
<param name="movie" value="http://d.yimg.com/static.video.yahoo.com/yep/YV_YEP.swf?ver=2.2.2" />
<param name="allowFullScreen" value="true" />
<param name="flashVars" value="id=7877021&#038;vid=2700939&#038;lang=en-us&#038;intl=us&#038;thumbUrl=http%3A//us.i1.yimg.com/us.yimg.com/p/i/bcst/videosearch/3235/64671007.jpeg&#038;embed=1" /><embed src="http://d.yimg.com/static.video.yahoo.com/yep/YV_YEP.swf?ver=2.2.2" type="application/x-shockwave-flash" width="512" height="323" allowFullScreen="true" flashVars="id=7877021&#038;vid=2700939&#038;lang=en-us&#038;intl=us&#038;thumbUrl=http%3A//us.i1.yimg.com/us.yimg.com/p/i/bcst/videosearch/3235/64671007.jpeg&#038;embed=1" ></embed></object>
</p>
]]></content:encoded>
			<wfw:commentRSS>http://www.osipov.org.ru/2008/05/19/ariya-v-chernovtsah-2008-05-18/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Круговая диаграма на PHP с использованием GD</title>
		<link>http://www.osipov.org.ru/2008/05/16/krugovaya-diagrama-na-php-s-ispolzovaniem-gd/</link>
		<comments>http://www.osipov.org.ru/2008/05/16/krugovaya-diagrama-na-php-s-ispolzovaniem-gd/#comments</comments>
		<pubDate>Fri, 16 May 2008 08:36:48 +0000</pubDate>
		<dc:creator>scorpio</dc:creator>
		
		<category>PHP</category>

		<guid isPermaLink="false">http://www.osipov.org.ru/2008/05/16/krugovaya-diagrama-na-php-s-ispolzovaniem-gd/</guid>
		<description><![CDATA[Часто данные приходится отображать в наглядном для пользователя виде, а именно с помощью диаграм. Одним из видов диаграм является круговая, где за каждый элемент отвечает свой сектор.
Напишем функцию, которая стоит такую диаграму используя библиотеку GD для PHP. В качестве входных параметров ассоциативный массив $ar ($ar['имя']=данные;) и $title для заголовка диаграмы.

Сначала создадим саму функцию в piegraph.php:
PLAIN [...]]]></description>
			<content:encoded><![CDATA[<p>Часто данные приходится отображать в наглядном для пользователя виде, а именно с помощью диаграм. Одним из видов диаграм является круговая, где за каждый элемент отвечает свой сектор.<br />
Напишем функцию, которая стоит такую диаграму используя библиотеку GD для PHP. В качестве входных параметров ассоциативный массив $ar ($ar['имя']=данные;) и $title для заголовка диаграмы.<br />
<a id="more-170"></a></p>
<p>Сначала создадим саму функцию в piegraph.php:</p>
<div class="igBar"><span id="lphp-25"><a href="#" onclick="javascript:showPlainTxt('php-25'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">PHP:</span>
<div id="php-25">
<div class="php">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#000000; font-weight:bold;">&lt;?</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#000000; font-weight:bold;">function</span> GraphPie<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$ar</span>,<span style="color:#0000FF;">$title</span><span style="color:#006600; font-weight:bold;">&#41;</span> <span style="color:#006600; font-weight:bold;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#FF9933; font-style:italic;">// размеры диаграмы</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$diagramWidth</span>=<span style="color:#CC66CC;color:#800000;">600</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$diagramHeight</span>=<span style="color:#CC66CC;color:#800000;">370</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$legendOffset</span>=<span style="color:#CC66CC;color:#800000;">50</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#FF9933; font-style:italic;">// отсортируем по убыванию, сохраняя ключи</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><a href="http://www.php.net/arsort"><span style="color:#000066;">arsort</span></a><span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$ar</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#FF9933; font-style:italic;">// наш скрипт будет объединять в один сектор все элементы, которые по отдельности не превыщают 1%</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#FF9933; font-style:italic;">// Суммируем (можете использовать также функцию array_sum() )</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$sum</span>=<span style="color:#CC66CC;color:#800000;">0</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#616100;">foreach</span> <span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$ar</span> <span style="color:#616100;">as</span> <span style="color:#0000FF;">$name</span> =&gt; <span style="color:#0000FF;">$val</span><span style="color:#006600; font-weight:bold;">&#41;</span> <span style="color:#006600; font-weight:bold;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color:#0000FF;">$sum</span>+=<span style="color:#0000FF;">$val</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#006600; font-weight:bold;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#FF9933; font-style:italic;">//узнаем сколько меньше 1%</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$sumless1</span>=<span style="color:#CC66CC;color:#800000;">0</span>; <span style="color:#FF9933; font-style:italic;">// и их сумму</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$countless1</span>=<span style="color:#0000FF;">$countgreater1</span>=<span style="color:#CC66CC;color:#800000;">0</span>; </div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#616100;">foreach</span> <span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$ar</span> <span style="color:#616100;">as</span> <span style="color:#0000FF;">$name</span> =&gt; <span style="color:#0000FF;">$val</span><span style="color:#006600; font-weight:bold;">&#41;</span> <span style="color:#006600; font-weight:bold;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color:#616100;">if</span> <span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$val</span>/<span style="color:#0000FF;">$sum</span>&lt;<span style="color:#CC66CC;color:#800000;">0</span>.<span style="color:#CC66CC;color:#800000;">01</span><span style="color:#006600; font-weight:bold;">&#41;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp;<span style="color:#006600; font-weight:bold;">&#123;</span> <span style="color:#0000FF;">$sumless1</span>+=<span style="color:#0000FF;">$val</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp;<span style="color:#0000FF;">$countless1</span>++;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp;<span style="color:#006600; font-weight:bold;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp;<span style="color:#616100;">else</span> <span style="color:#0000FF;">$countgreater1</span>++;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#006600; font-weight:bold;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;<span style="color:#FF9933; font-style:italic;">// создаем ихображение</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$image</span> = imageCreate<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$diagramWidth</span>, <span style="color:#0000FF;">$diagramHeight</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#FF9933; font-style:italic;">// цвета для фона и текста</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$colorBackgr</span> = imageColorAllocate<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$image</span>, <span style="color:#CC66CC;color:#800000;">220</span>,<span style="color:#CC66CC;color:#800000;">220</span>,<span style="color:#CC66CC;color:#800000;">220</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$colorText</span> = imageColorAllocate<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$image</span>, <span style="color:#CC66CC;color:#800000;">0</span>, <span style="color:#CC66CC;color:#800000;">0</span>, <span style="color:#CC66CC;color:#800000;">0</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#FF9933; font-style:italic;">// цвета для наших секторов</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$colors</span><span style="color:#006600; font-weight:bold;">&#91;</span><span style="color:#CC66CC;color:#800000;">0</span><span style="color:#006600; font-weight:bold;">&#93;</span> = imagecolorallocate<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$image</span>, <span style="color:#CC66CC;color:#800000;">255</span>, <span style="color:#CC66CC;color:#800000;">0</span>, <span style="color:#CC66CC;color:#800000;">0</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$colors</span><span style="color:#006600; font-weight:bold;">&#91;</span><span style="color:#CC66CC;color:#800000;">1</span><span style="color:#006600; font-weight:bold;">&#93;</span> = imagecolorallocate<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$image</span>, <span style="color:#CC66CC;color:#800000;">0</span>, <span style="color:#CC66CC;color:#800000;">151</span>, <span style="color:#CC66CC;color:#800000;">0</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$colors</span><span style="color:#006600; font-weight:bold;">&#91;</span><span style="color:#CC66CC;color:#800000;">2</span><span style="color:#006600; font-weight:bold;">&#93;</span> = imagecolorallocate<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$image</span>, <span style="color:#CC66CC;color:#800000;">0</span>, <span style="color:#CC66CC;color:#800000;">0</span>, <span style="color:#CC66CC;color:#800000;">255</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$colors</span><span style="color:#006600; font-weight:bold;">&#91;</span><span style="color:#CC66CC;color:#800000;">3</span><span style="color:#006600; font-weight:bold;">&#93;</span> = imagecolorallocate<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$image</span>, <span style="color:#CC66CC;color:#800000;">255</span>, <span style="color:#CC66CC;color:#800000;">255</span>, <span style="color:#CC66CC;color:#800000;">0</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$colors</span><span style="color:#006600; font-weight:bold;">&#91;</span><span style="color:#CC66CC;color:#800000;">4</span><span style="color:#006600; font-weight:bold;">&#93;</span> = imagecolorallocate<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$image</span>, <span style="color:#CC66CC;color:#800000;">0</span>, <span style="color:#CC66CC;color:#800000;">255</span>, <span style="color:#CC66CC;color:#800000;">255</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$colors</span><span style="color:#006600; font-weight:bold;">&#91;</span><span style="color:#CC66CC;color:#800000;">5</span><span style="color:#006600; font-weight:bold;">&#93;</span> = imagecolorallocate<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$image</span>, <span style="color:#CC66CC;color:#800000;">204</span>, <span style="color:#CC66CC;color:#800000;">0</span>, <span style="color:#CC66CC;color:#800000;">206</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$colors</span><span style="color:#006600; font-weight:bold;">&#91;</span><span style="color:#CC66CC;color:#800000;">6</span><span style="color:#006600; font-weight:bold;">&#93;</span> = imagecolorallocate<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$image</span>, <span style="color:#CC66CC;color:#800000;">155</span>, <span style="color:#CC66CC;color:#800000;">105</span>, <span style="color:#CC66CC;color:#800000;">27</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$colors</span><span style="color:#006600; font-weight:bold;">&#91;</span><span style="color:#CC66CC;color:#800000;">7</span><span style="color:#006600; font-weight:bold;">&#93;</span> = imagecolorallocate<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$image</span>, <span style="color:#CC66CC;color:#800000;">134</span>,<span style="color:#CC66CC;color:#800000;">188</span>,<span style="color:#CC66CC;color:#800000;">134</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$colors</span><span style="color:#006600; font-weight:bold;">&#91;</span><span style="color:#CC66CC;color:#800000;">8</span><span style="color:#006600; font-weight:bold;">&#93;</span> = imagecolorallocate<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$image</span>, <span style="color:#CC66CC;color:#800000;">255</span>,<span style="color:#CC66CC;color:#800000;">189</span>,<span style="color:#CC66CC;color:#800000;">62</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$colors</span><span style="color:#006600; font-weight:bold;">&#91;</span><span style="color:#CC66CC;color:#800000;">9</span><span style="color:#006600; font-weight:bold;">&#93;</span> = imagecolorallocate<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$image</span>, <span style="color:#CC66CC;color:#800000;">168</span>,<span style="color:#CC66CC;color:#800000;">168</span>,<span style="color:#CC66CC;color:#800000;">255</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$colors</span><span style="color:#006600; font-weight:bold;">&#91;</span><span style="color:#CC66CC;color:#800000;">10</span><span style="color:#006600; font-weight:bold;">&#93;</span> = imagecolorallocate<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$image</span>, <span style="color:#CC66CC;color:#800000;">219</span>,<span style="color:#CC66CC;color:#800000;">255</span>,<span style="color:#CC66CC;color:#800000;">111</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$colors</span><span style="color:#006600; font-weight:bold;">&#91;</span><span style="color:#CC66CC;color:#800000;">11</span><span style="color:#006600; font-weight:bold;">&#93;</span> = imagecolorallocate<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$image</span>, <span style="color:#CC66CC;color:#800000;">255</span>,<span style="color:#CC66CC;color:#800000;">201</span>,<span style="color:#CC66CC;color:#800000;">200</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$colors</span><span style="color:#006600; font-weight:bold;">&#91;</span><span style="color:#CC66CC;color:#800000;">12</span><span style="color:#006600; font-weight:bold;">&#93;</span> = imagecolorallocate<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$image</span>, <span style="color:#CC66CC;color:#800000;">0</span>,<span style="color:#CC66CC;color:#800000;">169</span>,<span style="color:#CC66CC;color:#800000;">168</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$colors</span><span style="color:#006600; font-weight:bold;">&#91;</span><span style="color:#CC66CC;color:#800000;">13</span><span style="color:#006600; font-weight:bold;">&#93;</span> = imagecolorallocate<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$image</span>, <span style="color:#CC66CC;color:#800000;">248</span>,<span style="color:#CC66CC;color:#800000;">255</span>,<span style="color:#CC66CC;color:#800000;">213</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$colors</span><span style="color:#006600; font-weight:bold;">&#91;</span><span style="color:#CC66CC;color:#800000;">14</span><span style="color:#006600; font-weight:bold;">&#93;</span> = imagecolorallocate<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$image</span>, <span style="color:#CC66CC;color:#800000;">255</span>,<span style="color:#CC66CC;color:#800000;">106</span>,<span style="color:#CC66CC;color:#800000;">105</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$colors</span><span style="color:#006600; font-weight:bold;">&#91;</span><span style="color:#CC66CC;color:#800000;">15</span><span style="color:#006600; font-weight:bold;">&#93;</span> = imagecolorallocate<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$image</span>, <span style="color:#CC66CC;color:#800000;">133</span>,<span style="color:#CC66CC;color:#800000;">133</span>,<span style="color:#CC66CC;color:#800000;">133</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$colors</span><span style="color:#006600; font-weight:bold;">&#91;</span><span style="color:#CC66CC;color:#800000;">16</span><span style="color:#006600; font-weight:bold;">&#93;</span> = imagecolorallocate<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$image</span>, <span style="color:#CC66CC;color:#800000;">194</span>,<span style="color:#CC66CC;color:#800000;">255</span>,<span style="color:#CC66CC;color:#800000;">255</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$colors</span><span style="color:#006600; font-weight:bold;">&#91;</span><span style="color:#CC66CC;color:#800000;">17</span><span style="color:#006600; font-weight:bold;">&#93;</span> = imagecolorallocate<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$image</span>, <span style="color:#CC66CC;color:#800000;">90</span>,<span style="color:#CC66CC;color:#800000;">9</span>,<span style="color:#CC66CC;color:#800000;">255</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$colors</span><span style="color:#006600; font-weight:bold;">&#91;</span><span style="color:#CC66CC;color:#800000;">18</span><span style="color:#006600; font-weight:bold;">&#93;</span> = imagecolorallocate<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$image</span>, <span style="color:#CC66CC;color:#800000;">109</span>,<span style="color:#CC66CC;color:#800000;">255</span>,<span style="color:#CC66CC;color:#800000;">110</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$colors</span><span style="color:#006600; font-weight:bold;">&#91;</span><span style="color:#CC66CC;color:#800000;">19</span><span style="color:#006600; font-weight:bold;">&#93;</span> = imagecolorallocate<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$image</span>, <span style="color:#CC66CC;color:#800000;">255</span>,<span style="color:#CC66CC;color:#800000;">133</span>,<span style="color:#CC66CC;color:#800000;">22</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#FF9933; font-style:italic;">// заполняем изображение цветом фона</span></div>
</li>
<li style="font-fam