<?xml version="1.0" encoding="UTF-8"?>
<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/"
	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/"
	>

<channel>
	<title>ホームページを作る人のまとめ &#187; Ajax</title>
	<atom:link href="http://www.japan-l.com/design/archives/category/ajax/feed" rel="self" type="application/rss+xml" />
	<link>http://www.japan-l.com/design</link>
	<description>サイトのデザイン プログラム photoshopのチュートリアル jQuery wordpress ホームページのトレンド Ajax　等ホームページに関するさまざまな情報を紹介していきます。</description>
	<lastBuildDate>Mon, 09 Nov 2009 05:40:39 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>設置まで8分！簡単なPHPとjQueryを使ったAJAXの投票CGI</title>
		<link>http://www.japan-l.com/design/archives/136</link>
		<comments>http://www.japan-l.com/design/archives/136#comments</comments>
		<pubDate>Tue, 20 Oct 2009 02:21:13 +0000</pubDate>
		<dc:creator>take</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[WEBツール]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[ＡＪＡＸ]]></category>
		<category><![CDATA[ｊＱｕｅｒｙ]]></category>
		<category><![CDATA[ＰＨＰ]]></category>

		<guid isPermaLink="false">http://www.japan-l.com/design/?p=136</guid>
		<description><![CDATA[AJAX User Poll Using jQuery and PHP
サンプルがなかったので、実際に使ってみた。

思ったより簡単に設置できた。
ポイントはデータベースの設定だけかな？
①解凍して出てくるpolls.sqlを自分のデータベースにインポートする。
②解凍して出てくるpoll.php（下記を見てね）の赤字の部分を自分のデータベースに変更する
③ネットサーバーに[index.html][ style.css][poll.php] [js/jquery-1.3.2.js]をアップ
これだけで完了。
カスタマイズがしやすいので、いろんなところで使えそう。
poll.php
&#60;?php
//Update database information according to your server settings
$conn=mysql_connect(&#8217;localhost&#8217;, &#8216;root&#8216;, &#8216;password&#8216;) or die(&#8221;Can&#8217;t connect to mysql host&#8221;);
//Select the database to use
mysql_select_db(&#8217;polls&#8216;) or die(&#8221;Can&#8217;t connect to DB&#8221;);
if(!$_POST['poll'] &#124;&#124; !$_POST['pollid']){
$query=mysql_query(&#8221;SELECT id, ques FROM questions ORDER BY id DESC LIMIT 1&#8243;);
while($row=mysql_fetch_assoc($query)){
同一IPからの時間設定があるので一定の時間内で投票をする場合の重複を禁止している。
]]></description>
			<content:encoded><![CDATA[<p><a href="http://webdeveloperplus.com/php/ajax-user-poll-using-jquery-and-php/" target="_blank">AJAX User Poll Using jQuery and PHP</a></p>
<p>サンプルがなかったので、実際に使ってみた。</p>
<p><iframe src="http://www.japan-l.com/sample/ajax/bote/" frameborder="0" scrolling="no" width="500" height="500"></iframe></p>
<p>思ったより簡単に設置できた。</p>
<p>ポイントはデータベースの設定だけかな？<br />
①解凍して出てくるpolls.sqlを自分のデータベースにインポートする。<br />
②解凍して出てくる<span style="color: blue;">poll.php</span>（下記を見てね）の赤字の部分を自分のデータベースに変更する<br />
③ネットサーバーに[index.html][ style.css][poll.php] [js/jquery-1.3.2.js]をアップ</p>
<p>これだけで完了。<br />
カスタマイズがしやすいので、いろんなところで使えそう。</p>
<p><span style="color: blue;">poll.php</span><br />
&lt;?php<br />
//Update database information according to your server settings<br />
$conn=mysql_connect(&#8217;localhost&#8217;, &#8216;<span style="color: red;">root</span>&#8216;, &#8216;<span style="color: red;">password</span>&#8216;) or die(&#8221;Can&#8217;t connect to mysql host&#8221;);<br />
//Select the database to use<br />
mysql_select_db(&#8217;<span style="color: red;">polls</span>&#8216;) or die(&#8221;Can&#8217;t connect to DB&#8221;);<br />
if(!$_POST['poll'] || !$_POST['pollid']){<br />
$query=mysql_query(&#8221;SELECT id, ques FROM questions ORDER BY id DESC LIMIT 1&#8243;);<br />
while($row=mysql_fetch_assoc($query)){</p>
<p>同一IPからの時間設定があるので一定の時間内で投票をする場合の重複を禁止している。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.japan-l.com/design/archives/136/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ajaxでリアルに更新できる投稿フォーム</title>
		<link>http://www.japan-l.com/design/archives/38</link>
		<comments>http://www.japan-l.com/design/archives/38#comments</comments>
		<pubDate>Thu, 08 Oct 2009 06:30:45 +0000</pubDate>
		<dc:creator>take</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[投稿フォーム]]></category>

		<guid isPermaLink="false">http://www.japan-l.com/design/?p=38</guid>
		<description><![CDATA[Ajaxを使用してページの遷移や更新をしなくても
自動的に表示してくれるので、見た目的にも面白い投稿フォームに！

9lessons
サイトからそのままスクリプトを落とせるのですぐに実装可能。
簡単にお洒落なポイントを作れます。
]]></description>
			<content:encoded><![CDATA[<p>Ajaxを使用してページの遷移や更新をしなくても<br />
自動的に表示してくれるので、見た目的にも面白い投稿フォームに！</p>
<p><img class="alignnone size-full wp-image-39" title="Ajaxでリアルに更新できる投稿フォーム" src="http://www.japan-l.com/design/wp-content/blog003.jpg" alt="Ajaxでリアルに更新できる投稿フォーム" width="530" height="150" /></p>
<p><a href="http://9lessons.blogspot.com/2009/09/comment-system-database-with-jquery.html">9lessons</a></p>
<p>サイトからそのままスクリプトを落とせるのですぐに実装可能。<br />
簡単にお洒落なポイントを作れます。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.japan-l.com/design/archives/38/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQueryで光るエフェクトのボタンが！</title>
		<link>http://www.japan-l.com/design/archives/76</link>
		<comments>http://www.japan-l.com/design/archives/76#comments</comments>
		<pubDate>Sun, 13 Sep 2009 09:31:16 +0000</pubDate>
		<dc:creator>take</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[webデザイン]]></category>

		<guid isPermaLink="false">http://www.japan-l.com/design/?p=76</guid>
		<description><![CDATA[光るエフェクトのボタンがjQueryで簡単に出来てしまうスゴ業！
まるで、flashのようにポイントによって光るのがかっこいい

coders.me
サイトのインパクトをつけるのにちょうどいい技
おっと思わせたいときにはこれを使ってみてはいかがでしょう？
]]></description>
			<content:encoded><![CDATA[<p>光るエフェクトのボタンがjQueryで簡単に出来てしまうスゴ業！<br />
まるで、flashのようにポイントによって光るのがかっこいい</p>
<p><img title="jQueryで光るエフェクトのボタンが！" src="http://www.japan-l.com/design/wp-content/blog010.jpg" alt="jQueryで光るエフェクトのボタンが！" width="530" height="150" /></p>
<p><a href="http://www.coders.me/lang/en/web-html-js-css/javascript/mootools/buttons-like-windows-7-with-js-css">coders.me</a></p>
<p>サイトのインパクトをつけるのにちょうどいい技<br />
おっと思わせたいときにはこれを使ってみてはいかがでしょう？</p>
]]></content:encoded>
			<wfw:commentRss>http://www.japan-l.com/design/archives/76/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

