Блог Ромки » Программируем http://romka.name Sat, 20 Nov 2010 15:47:19 +0000 http://wordpress.org/?v=2.9 en hourly 1 Считаем секунды или ну негрузите меня. http://romka.name/2009/12/schitaem-sekundy-ili-nu-negruzite-menya.html http://romka.name/2009/12/schitaem-sekundy-ili-nu-negruzite-menya.html#comments Tue, 29 Dec 2009 08:43:57 +0000 Ромка http://romka.name/?p=94

Блогун - монетизируем блогиИтак, раз уж я начал постить про парсеры и появляются варианты для одной и той же задачи - парсинга RSS потока, то задаётся вопрос, какой из них лучше? Проведём тест всех разновидностей, задачей будет каждым вариантом спарсить RSS поток этого блога и спарсить параметры title и link каждого поста. Будет 3 экземпляра парсеров для одной и той же задачи, а именно:

Итак, начну с исходного кода каждого из них:

Парсер, написанный на регулярках по статье Пишем RSS Reader:

1
2
3
4
5
6
7
8
9
10
11
12

$url="http://feeds.feedburner.com/romka?format=xml";
 
$xml = iconv('utf-8','windows-1251',file_get_contents($url));
 
$n = preg_match_all('!<item>.*<title>(.*)</title>.*<link>(.*)</link>.*</item>!Uis',$xml,$result);
if($n)
    {
    for($a=0;$a<$n;$a++)
        {
        echo "<a href='".$result[2][$a]."'>".$result[1][$a]."</a><br />";
        };
    };

Парсер, написанный по статье Парсер своими руками. Теория:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

$url = "http://feeds.feedburner.com/romka?format=xml";
 
$page = iconv('utf-8','windows-1251',file_get_contents($url));
 
$page = str_replace("'", "\'", $page );
$page = str_replace("*", "555", $page );
$page = str_replace("<"."?xml ", "<"."?php $"."n=0; /"."*", $page );
$page = str_replace("</rss>", "*"."/ ?".">", $page );
$page = str_replace("<item>", "*"."/ $"."n++; /"."*", $page);
$page = str_replace("<title>", "*"."/ $"."title[$"."n]='", $page);
$page = str_replace("</title>", "'; /"."*", $page);
$page = str_replace("<link>", "*"."/ $"."link[$"."n]='", $page);
$page = str_replace("</link>", "'; /"."*", $page);
 
$f=fopen("file.php","w");
fwrite($f,$page);
fclose($f);
include('file.php');
 
for($a=1;$a<=$n;$a++)
    {
    echo "<a href='".$link[$a]."'>".$title[$a]."</a><br />";
    };

Парсер, написанный на SimpleXML:

1
2
3
4
5
6

$rss =  simplexml_load_file('http://feeds.feedburner.com/romka?format=xml');
 
foreach ($rss->channel->item as $item) 
	{
	echo "<a href='". $item->link. "'>". $item->title. "</a><br />";
	};

Все они загружают RSS поток и выводят все записи в виде названия пост со ссылкой. Теперь будем засекать время обработки кода. Делать это будем при помощи такого кода:

1
2
3
4
5
6
7
8
9
10
11

$mtime=microtime();
$mtime=explode(" ",$mtime);
$tstart=$mtime[1] + $mtime[0];
 
////  Код парсера
 
$mtime=microtime();
$mtime=explode(" ",$mtime);
$tend=$mtime[1] + $mtime[0];
$totaltime=($tend - $tstart);
printf ("%f", $totaltime);

Для эксперемента использую хостинг BH. Запускал скрипты примерно в одно время по 25 раз для каждого для достоверности данных. Вот таблица результатов:

Как видно, больших отличий по времени нету, но есть большие отличаи по объёмности кода. Ясно видно, что использовать SimpleXML намного удобнее, чем что либо другое. Тем более, что парсеры №1 и №2 чувствительны к смене структуры, а в парсере №2 должен присутствовать файл file.php с CHMOD 666, что так же неудобно.

Вердикт: Для написания скрипта, использующего каким-либо образом RSS лучше всего применять SimpleXML!
]]> http://romka.name/2009/12/schitaem-sekundy-ili-nu-negruzite-menya.html/feed 1 Пишем RSS Reader http://romka.name/2009/12/pishem-rss-reader.html http://romka.name/2009/12/pishem-rss-reader.html#comments Sat, 26 Dec 2009 09:01:20 +0000 Ромка http://romka.name/?p=67

      В данной статье будет описано написание RSS читалки с применение регулярных выражений. За основу возьмём RSS канал этого блога в FeedBurner'е. Будем читать заголовок, ссылку и текст поста и выводить на экран уже ввиде html кода.
Перед прочтением подпишитесь на RSS, особенно если не знаете что такое регулярные выражения (:
Открываем xml-код потока и видим:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" version="2.0">
 
<channel>
	<title>Блог Ромки</title>
 
	<link>http://romka.name</link>
	<description />
	<lastBuildDate>Fri, 25 Dec 2009 12:54:45 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/romka" /><feedburner:emailServiceId xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">romka</feedburner:emailServiceId><feedburner:feedburnerHostname xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://feedburner.google.com</feedburner:feedburnerHostname><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com" /><item>
		<title>Парсер своими руками. Теория</title>
		<link>http://romka.name/2009/12/parser-svoimi-rukami-teoriya.html</link>
		<comments>http://romka.name/2009/12/parser-svoimi-rukami-teoriya.html#comments</comments>
		<pubDate>Fri, 25 Dec 2009 12:18:08 +0000</pubDate>
		<dc:creator>Ромка</dc:creator>
				<category><![CDATA[Программируем]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[парсер]]></category>
		<category><![CDATA[программирование]]></category>
 
		<guid isPermaLink="false">http://romka.name/?p=54</guid>
		<description>      Собственно, что такое парсер? Это скрипт/программа/куча текста, которая запрашивает страницу на другом сайте и берёт с него то, что нужно вебмастеру.
      Я ничего не читал по написанию парсеров и грабберов, додумался до этого способа сам, так что не критикуйте, если есть более лёгкий способ.
      Принцип моего способа довольно прост.
      Сначала получаем контент с нужного [...]&lt;img src="http://feeds.feedburner.com/~r/romka/~4/-MP8YyQoYWQ" height="1" width="1"/&gt;</description>
		<wfw:commentRss>http://romka.name/2009/12/parser-svoimi-rukami-teoriya.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Апдейт тИЦ 24.12.09</title>
		<link>http://romka.name/2009/12/apdejt-tic-24-12-09.html</link>
		<comments>http://romka.name/2009/12/apdejt-tic-24-12-09.html#comments</comments>
		<pubDate>Thu, 24 Dec 2009 08:56:54 +0000</pubDate>
		<dc:creator>Ромка</dc:creator>
				<category><![CDATA[Поисковые системы]]></category>
		<category><![CDATA[Апдейт]]></category>
		<category><![CDATA[тИЦ]]></category>
		<category><![CDATA[Яндекс]]></category>
 
		<guid isPermaLink="false">http://romka.name/?p=51</guid>
		<description>     Сабж, сегодня апдейт тицки у яндекса. Сам давно закинул это дело (хотя для блога надо постараться), но не написать про ап не могу (:
     Собственно, у кого какие успехи?&lt;img src="http://feeds.feedburner.com/~r/romka/~4/f_13tN1bxxs" height="1" width="1"/&gt;</description>
		<wfw:commentRss>http://romka.name/2009/12/apdejt-tic-24-12-09.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>А чевой-то вы там хотите?</title>
		<link>http://romka.name/2009/12/a-chevoj-to-vy-tam-xotite.html</link>
		<comments>http://romka.name/2009/12/a-chevoj-to-vy-tam-xotite.html#comments</comments>
		<pubDate>Wed, 23 Dec 2009 18:34:55 +0000</pubDate>
		<dc:creator>Ромка</dc:creator>
				<category><![CDATA[Новости блога]]></category>
		<category><![CDATA[блог]]></category>
 
		<guid isPermaLink="false">http://romka.name/?p=45</guid>
		<description>Сегодня на блоге появилась новая страница желаний... Она предназначена для увеличения актуальности моих статей. Ведь не всегда угадаешь, чего хотят читатели, но теперь вы сами можете потребовать подсказать, что вы хотите. Не оставляйте без внимания эту ветку блога, возможно, благодаря ней вы станете моим постоянным читателем? (:&lt;img src="http://feeds.feedburner.com/~r/romka/~4/6gorvJnY-jw" height="1" width="1"/&gt;</description>
		<wfw:commentRss>http://romka.name/2009/12/a-chevoj-to-vy-tam-xotite.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Загрузка файлов в стиле AJAX</title>
		<link>http://romka.name/2009/12/zagruzka-fajlov-v-stile-ajax.html</link>
		<comments>http://romka.name/2009/12/zagruzka-fajlov-v-stile-ajax.html#comments</comments>
		<pubDate>Tue, 22 Dec 2009 13:07:48 +0000</pubDate>
		<dc:creator>Ромка</dc:creator>
				<category><![CDATA[Программируем]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[загрузка файлов]]></category>
		<category><![CDATA[программирование]]></category>
 
		<guid isPermaLink="false">http://romka.name/?p=18</guid>
		<description>      Собственно, первая статья на тему сайтостроения, не судите строго (:
      Значит в данный момент технология AJAX стала довольно популярной, а ведь действительно, очень удобно отправлять и получать данные без обновления страницы, экономит траффик, да и вообще это стильно. Аналогично есть и jquery, с этой системой вообще не знаком, но вроде принцип такой же - [...]&lt;img src="http://feeds.feedburner.com/~r/romka/~4/iKdwatV9L_4" height="1" width="1"/&gt;</description>
		<wfw:commentRss>http://romka.name/2009/12/zagruzka-fajlov-v-stile-ajax.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Первый день блога</title>
		<link>http://romka.name/2009/12/pervyj-den-bloga.html</link>
		<comments>http://romka.name/2009/12/pervyj-den-bloga.html#comments</comments>
		<pubDate>Sun, 20 Dec 2009 15:22:39 +0000</pubDate>
		<dc:creator>Ромка</dc:creator>
				<category><![CDATA[Новости блога]]></category>
		<category><![CDATA[Я]]></category>
		<category><![CDATA[блог]]></category>
		<category><![CDATA[первый день]]></category>
 
		<guid isPermaLink="false">http://romka.name/?p=4</guid>
		<description>Такс...
Во-первых, здрас... Да вытирайте же ноги, ёж твою в корень гости дорогие!
Во-вторых, это мой уже второй блог и я надеюсь... Да куда ты тварь лохматую собаку тянешь к монитору? И так пёрднуть дыхнуть негде...
В-третьих, почему я заново создал новый блог? Да потому что мои друзья задолбали капать на мозги подсказали сделать его, мол мне есть о [...]&lt;img src="http://feeds.feedburner.com/~r/romka/~4/xbuebJ-zQdI" height="1" width="1"/&gt;</description>
		<wfw:commentRss>http://romka.name/2009/12/pervyj-den-bloga.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

      Это и есть код RSS потока. Не буду вдаваться в подробности, объясню только что на нужно. Каждый пост оформляется и отделяется от остальных таким образом:

1

<item> содержание поста </item>

      В посте нам надо выделить заголовок (тэг title), ссылку (тэг link) и краткое описание (тэг description). Т.е. нам надо выделить блоки такого строения:

1

<item> ... <title>TITLE</title> ... <link>http://LINK</link> ... <description>DESCRIPTION</description> ... </item>

      Это один элемент rss ленты.
      Регулярное выражение, которое будет замечать и вытаскивать нужные элементы:

1

$n = preg_match_all('!<item>.*<title>(.*)</title>.*<link>(.*)</link>.*<description>(.*)&lt;img\ssrc.*</description>!Uis',$xml,$result);

      ! - левый ограничитель.
      .* - любой текст/код.
      ( ) - в скобки берётся участок кода, который нужно вытащить.
      (.*) - смотря выше понимаем, что это любой текст, который надо запомнить. Для нам это тексты внутри тэгов title, link, description.
      &lt;img\ssrc - здесь &lt;img это код, который присутствует в выдаче feedburner'а, далее идёт пробел, он обозначается как \s и src - это тоже код в странице.
      !Uis - правый ограничитель и модификаторы. Модификатор U делает регулярное выражение "жадным", т.е. заставляет искать минимальное соответствие регулярному выражению, s - заставляет точку смотреть на \n как на обычный символ, i - это нечувствительность к регистру а-ля вам по барабану маленькие там буквы или большие (:
      $xml - код выдачи, т.е. входящие данные.
      $result - результирующий файл. Идёт как массив.
      Переменной $n присваивается количество циклов замены, которые произвела функция. В нашем случае оно означает сколько функция нашла участков код вида <item> ... </item>, а это количество постов.
      Теперь разберём результирующий массив $result.
      Так как за цикл у нас запоминается три элемента (заголовок, ссылка и описание), то первый индекс определяет что выводить:
      $result[1] - Заголовок
      $result[2] - Ссылка
      $result[3] - Описание
     А из-за того, что элементов у нас несколько, то массив у нас имеет ещё один индекс - номер почта. Он начинается с нуля. Итого у нас массив вида:
$result[что_выводить][номер_поста_начиная_с_нуля]
     Например:
     $result[1,1] - Заголовок второго элемента
     $result[3,4] - Описание пятого элемента
     Собственно и всё. Полный код RRS Reader'а:

1
2
3
4
5
6
7
8
9
10
11
12

<?php
$url="http://feeds.feedburner.com/romka?format=xml";
$xml = iconv('utf-8','windows-1251',file_get_contents($url));
$n = preg_match_all('!<item>.*<title>(.*)</title>.*<link>(.*)</link>.*<description>(.*)&lt;img\ssrc.*</description>!Uis',$xml,$result);
if($n)
    {
    for($a=0;$a<$n;$a++)
        {
        echo "<a href='".$result[2][$a]."'>".$result[1][$a]."</a><br />".$result[3][$a]."<br />----------<br />";
        };
    };
?>

Пример скрипта - Подпишись на RSS



]]> http://romka.name/2009/12/pishem-rss-reader.html/feed 3 Парсер своими руками. Теория http://romka.name/2009/12/parser-svoimi-rukami-teoriya.html http://romka.name/2009/12/parser-svoimi-rukami-teoriya.html#comments Fri, 25 Dec 2009 12:18:08 +0000 Ромка http://romka.name/?p=54

      Собственно, что такое парсер? Это скрипт/программа/куча текста, которая запрашивает страницу на другом сайте и берёт с него то, что нужно вебмастеру.

      Я ничего не читал по написанию парсеров и грабберов, додумался до этого способа сам, так что не критикуйте, если есть более лёгкий способ.
      Принцип моего способа довольно прост.

      Сначала получаем контент с нужного урл. Для этого я использую функцию:

1

$выход = file_get_contents('урл');

      Результат её выполнения - полный код необходимой страницы. Дальше - собственно и идёт мой принцип, а заключается он в том, что весь текст данной страницы помещается в php код и сразу коментируется. Поэтому, проанализировав выдачу кода, берём комбинации самого первого и самого последнего символов/тэгов (чаще всего это тэги html) и заменяем их на "начало php кода и начало коментрования" в начале и на "конец коментирования и конец php кода" в конце. Заменяется всё через такую функцию:

1

$выход = str_replace ('Что заменить', 'На что заменить', $вход);

      Пример кода для парсера:

1
2

$выход = str_replace ('<html>', '<'.'?'.'php '.'/*', $вход);
$выход = str_replace ('</html>', ' */ ?'.'>;', $вход);

      $выход - выходящий код, первый параметр - что заменять, второй - на что заменять, третий ($вход) - входящий код
      Обязательно надо разбить строку "" на несколько частей, так как интерпретатор может подумать, что это тэги, а не строки.
      Так как в качестве коментирования мы использую "/* */", то сначала уберём все знаки "*". Для этого используем код:

1

$выход = str_replace ('*', 'любой_символ', $вход);

      Итак, сейчас у нас есть полный код страницы, представленный как один большой комментарий в php коде. Дальше, если нам надо выделить какие-то строки разного строения, например все параметры товара в интернет-магазине, то анализируем код и пытаемся найти что-то, что их отличает друг от друга, причём отличия должны быть найдены как в начале каждого параметра товара, так и в конце. И при помощи замены необходимые части, которые нам нужны для вывода, должны быть присвоены каким-либо переменным. Например, если код будет таким:

1
2
3

<p><b>Название:</b> Название_товара<br />
<b>Размер:</b> Размер_товара<br />
<b>Вес:</b> Вес_товара</p>

      После всех замен должно получиться что-то подобное на такое:

1

<p> */ $name='Название_товара'; $razmer='Размер_товара'; $ves='Вес_товара'; /*

      Тут их отличает текст, который стоит до необходимого нам текста. Убираем переносы строк при помощи:

1

$выход = trim($вход);

       Получим:

1

<p><b>Название:</b> Название_товара<br /><b>Размер:</b> Размер_товара<br /><b> Вес:</b>Вес_товара</p>

Можно ещё пробелы убрать:

1

$выход = str_replace (' ', '', $вход);

      Ну и остаётся заменить "<b>Название:</b>" на "*/ $name='", "<br /><b>Размер:</b>" на "'; $razmer='" и т.д. Делается это кодом:

1

$выход = str_replace ("<b>Название:</b>", "*/ $"."name='", $вход);

      И так далее, замечу, что надо разделять на части переменные, которые должны получиться в коде.
Дальше мы записываем изменённый код страницы в файл с расширение .php и просто подгружаем его в скрипт. В результате по переменным, которым мы присвоили наши характеристики ($name, $razmer и $ves) будет доступно их значения.

1
2
3
4

$f=fopen("file.php","w");
fwrite($f,$переменная_с_кодом);
fclose($f);
include('file.php');

      Первая строчка открывает файл для записи. Вторая - записывает в файл наш изменённый код страницы. Третья - закрывает файл. И, наконец, четвёртая подгружает данный файл уже как php файл в наш скрипт. Дальше уже делаем с ними что угодно, например, выведем их на экран:

1

echo $name." - ".$razmer." - ".$ves;

      На экране будет

1

Название_товара - Размер_товара - Вес_товара

     Кто не совсем понял, что произошло, ещё раз чисто текстом. Сначала получаем код необходимой страницы, далее представляем его как php код, коментируем все строки. Потом по частям находим нужные нам куски кода и раскоментируем одновременно присваивая к каким-либо переменным, записываем наш php код в файл и сразу загружаем в скрипт в результате чего все переменные, которым мы присваивали нужные куски кода страницы, доступны из скрипта.
      Вот и всё, с теорией покончено, а попрактикуемся в следующей статье. Будем писать реальный парсер (:
]]> http://romka.name/2009/12/parser-svoimi-rukami-teoriya.html/feed 14 Загрузка файлов в стиле AJAX http://romka.name/2009/12/zagruzka-fajlov-v-stile-ajax.html http://romka.name/2009/12/zagruzka-fajlov-v-stile-ajax.html#comments Tue, 22 Dec 2009 13:07:48 +0000 Ромка http://romka.name/?p=18

      Собственно, первая статья на тему сайтостроения, не судите строго (:
      Значит в данный момент технология AJAX стала довольно популярной, а ведь действительно, очень удобно отправлять и получать данные без обновления страницы, экономит траффик, да и вообще это стильно. Аналогично есть и jquery, с этой системой вообще не знаком, но вроде принцип такой же - обмен информации с сервером без обновления страницы. Но есть загвоздка, эти новшества позволяют обмен данными, текстом, но на загрузку файлов это никак не распространяется. Они просто не предусмотрены для этого... И вот тут на помощь приходит язык PHP в связке с JavaScript!
      Насчём с алгоритма, как всё это будет происходить. Из обычной формы данные о файле должны поступить на страницу загрузки, а чтобы пользователь не заметил, данный файл будет держать в скрытом айфрейме, а вместо кнопки "Загрузить" напишем, например, "ждите, идёт загрузка", ведь мало ли какой пользователь попадётся, будет нам не в тему психопатически жать на кнопки, а нам, естественно, это не нужно, да и вообще, надо же ему показать, что началась загрузка, ведь айфрейм у на скрытый (:. Далее php скрипт, скрывающийся в невидимом айфрейме, загружает файл и делат всё, что ему нужно и выводит данные, но полькольку он скрытый - нам нужно вывести текст "загружено" на главную страницу, или же на страницу "родителя", так как скрипт был запущен именно с этой, родительской страницы. Тут на помощь приходит JavaScript, который по id на родительской странице находит куда вставить этот текст. Впринципе, на этом скрипт заканчивается, теперь попробуем это написать.

      Для начала напишем форму. Помним, что нам надо заменять кнопку всяким текстом, от скрипта, т.е. кнопка будет внутри поля, которое будет меняться. Это так:

1

<div id="res"> код_кнопки </div>

      В данном случае, текст будет появляться между тэгами, там же должна быть и кнопка.
И так же знаем, что при нажатии на кнопку (событие onsubmit) нам надо вывести текст "подождите, идёт загрузка". Так же не забываем, что у нас должен быть и скрытый айфрейм.

1
2
3
4
5

<form action="upload.php" name="uploadForm" method="post" target="hiddenframe" enctype="multipart/form-data"  onsubmit="document.getElementById('res').innerHTML='Подождите, идёт загрузка...';return true;">
<input type="file" name="userfile" /><br />
<div id="res"><input type="submit" value="Загрузить"  /></div>
</form>
<iframe id="hiddenframe" name="hiddenframe" style="width:0px; height:0px; border:0px"></iframe>

      Разберём параметры тэга form:

1

action="upload.php"

      Указывает файл, который нужно открыть, т.е. который будет выполнять загрузку файла.

1

name="uploadForm"

      Имя формы

1

method="post"

      Метод передачи данных. Бывает GET (тогда данные передаются через ссылку, т.е. появляются параметры, например index.php?name=vasya&family=pupkin) и POST (передаются незаметно для юзера). Для передачи файлов годится только POST.

1

enctype="multipart/form-data"

     Здесь мы указываем тип данных.

1

onsubmit="document.getElementById('res').innerHTML='Подождите, идёт загрузка...';return true;"

      При нажатии кнопки "Загрузить" у нас срабатывает событие onsubmit. Состоит из двух частей:

1

document.getElementById('res').innerHTML='Подождите, идёт загрузка...';

      Помещает текст "подождите, идёт загрузка" в поле, между нашими тэгами div. А находит его по id, который указан и в этом коде, и в параметре тэга div. У нас id в обоих случаях res.

1

return true;

      Этот код сообщает, чтобы обработчик не остановился, а передал данные в айфрейм. Если вместо true написать false, то обработчик поймёт, что мы его вызвали только для смены текста и ничего отправлять не будет.

1

target="hiddenframe"

      А вот благодаря этому и получается, что сам скрипт загрузки открывается не в окне юзера, а во фрейме с именем hiddenframe.
      Это всё, что должно содержаться в index.html

      Теперь рассмотрим содержание файла upload.php... Что десь должно быть? Как и в обычном скрипте загрузка файла через функцию:

1

move_uploaded_file($_FILES['имя_поля_файла']['tmp_name'],'локальный_адрес_куда_загружать_файлы');

      Дальше интересней, нам нужна функция, которая будет отправлять сообщение "загружено" на родительскую страницу. Я использую для этого такой код:

1
2
3
4
5
6

function sendtext($out)
    {
    echo '<script type="text/javascript">';
    echo 'window.parent.document.getElementById("res").innerHTML="'.$out.'";';
    echo '</script>';
    };

      Это PHP-функция, которая, в свою очередь, печатает JavaScript код вставки текста:

1

window.parent.document.getElementById("res").innerHTML="'.$out.'";

      Именно этот JS код находит по id (сдесь опять указано res) на родительской странице нужный участок, куда впихнуть текст.
      Итак, у нас есть php-функция, которая может напечатать текст "загружено" таким образом:

1

sendtext('загружено');

      Итак, вот содержание файла upload.php:

1
2
3
4
5
6
7
8
9
10
11
12

<?php
function sendtext($out)
    {
    echo '<script type="text/javascript">';
    echo 'window.parent.document.getElementById("res").innerHTML="'.$out.'";';
    echo '</script>';
    };
 
move_uploaded_file($_FILES['имя_поля_файла']['tmp_name'],'локальный_адрес_куда_загружать_файлы');
 
sendtext('загружено');
?>

      Вот, собственно, и всё! Единственное, что хочу заметить, что если передавать через данную функцию текст с ковычками, то перед ними надо ставить обратный слаш \, иначе будет неправильно работать js-код.

Пример этого скрипта
]]> http://romka.name/2009/12/zagruzka-fajlov-v-stile-ajax.html/feed 11