<?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; jQuery</title>
	<atom:link href="http://www.brolog.com/tag/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.brolog.com</link>
	<description>気になったことを書き綴る。</description>
	<lastBuildDate>Thu, 22 Jul 2010 02:46:41 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>フォーム入力用のWYSIWYG</title>
		<link>http://www.brolog.com/2009/03/24/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0%e5%85%a5%e5%8a%9b%e7%94%a8%e3%81%aewysiwyg/</link>
		<comments>http://www.brolog.com/2009/03/24/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0%e5%85%a5%e5%8a%9b%e7%94%a8%e3%81%aewysiwyg/#comments</comments>
		<pubDate>Tue, 24 Mar 2009 09:56:43 +0000</pubDate>
		<dc:creator>ぶろ</dc:creator>
				<category><![CDATA[Technical SIDE]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[WYSIWYG]]></category>

		<guid isPermaLink="false">http://www.brolog.com/2009/03/24/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0%e5%85%a5%e5%8a%9b%e7%94%a8%e3%81%aewysiwyg/</guid>
		<description><![CDATA[jWYSIWYG    http://projects.bundleweb.com.ar/jWYSIWYG/
jQueryを用いた、軽量なWYSIWYG。    ちょこっと使用したい場合などに最適。     入力内容の保 [...]]]></description>
			<content:encoded><![CDATA[<p>jWYSIWYG    <br /><a title="http://projects.bundleweb.com.ar/jWYSIWYG/" href="http://projects.bundleweb.com.ar/jWYSIWYG/">http://projects.bundleweb.com.ar/jWYSIWYG/</a></p>
<p>jQueryを用いた、軽量なWYSIWYG。    <br />ちょこっと使用したい場合などに最適。     <br />入力内容の保存タイミングに、少しだけ難があるので、メソッドを追加してコントロールすると吉。</p>
<p>以下170行目あたりに追加してみた。</p>
<pre>        save : function()
        {
            var self = $.data(this, 'wysiwyg');
                var content = self.getContent();
                self.setContent(content);
                self.saveContent();
        },

        reset : function()
        {
            var self = $.data(this, 'wysiwyg');
                self.setContent( $(self.original).val() );
                self.saveContent();
        },</pre>
<p>resetの方は、自分でJSで送った内容を反映させるためのコード。<br />
  <br />汚いけど、実際使うとこんな感じ。 </p>
<p>（管理画面でアップロード済みの任意のリンク付き画像をWYSIWYGで入力したかったのでやってみた。）</p>
<pre>	$(function(){
		$(&quot;a.appImg&quot;).click(function(ev) {
			$('#wysiwyg').wysiwyg('save');
			addSrc = $(this).attr('href');
			addThumb = $(this).attr('rel');
			addTags = '&lt;a href=&quot;' + addSrc + '&quot; rel=&quot;' + addThumb + '&quot; class=&quot;クラス名&quot;&gt;&lt;img src=&quot;' + addThumb + '&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;';
			tmpTxt = $('#wysiwyg').val() + addTags;
			$('#wysiwyg').val(tmpTxt);
			$('#wysiwyg').wysiwyg('reset');
			return false;
		});
	});</pre>
<p>WYSIWYGエリアに任意のCSSを反映させるには、</p>
<pre>	$(function(){
		$('#wysiwyg').wysiwyg({ css : 'CSSファイル' });
	});</pre>
<p>でOK。</p>
<p>いつもこの手のJSベースのWYSIWYG使って思うんだけど、IEのURLとかの自動補完を何とかしてほしい・・・。仕様と言えば仕様なんだけど、勝手に変わっていて涙目になる。<br />
  <br />なので登録するときは、リンクや画像も絶対パスになっちゃうよね・・・。 </p>
<p>&quot;&quot;とかが勝手に外れるのもいただけないな。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.brolog.com/2009/03/24/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0%e5%85%a5%e5%8a%9b%e7%94%a8%e3%81%aewysiwyg/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery tablesorter 数値カンマ対応</title>
		<link>http://www.brolog.com/2009/02/27/jquery-tablesorter-%e6%95%b0%e5%80%a4%e3%82%ab%e3%83%b3%e3%83%9e%e5%af%be%e5%bf%9c/</link>
		<comments>http://www.brolog.com/2009/02/27/jquery-tablesorter-%e6%95%b0%e5%80%a4%e3%82%ab%e3%83%b3%e3%83%9e%e5%af%be%e5%bf%9c/#comments</comments>
		<pubDate>Fri, 27 Feb 2009 14:24:21 +0000</pubDate>
		<dc:creator>ぶろ</dc:creator>
				<category><![CDATA[Technical SIDE]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[tablesorter]]></category>

		<guid isPermaLink="false">http://www.brolog.com/2009/02/27/jquery-tablesorter-%e6%95%b0%e5%80%a4%e3%82%ab%e3%83%b3%e3%83%9e%e5%af%be%e5%bf%9c/</guid>
		<description><![CDATA[tablesorter    http://tablesorter.com/docs/
jQueryのプラグインで、テーブルのソートや色づけなどを簡単に行えるようにするプラグイン。
数値がカンマ区切りされていた際に、数値 [...]]]></description>
			<content:encoded><![CDATA[<p>tablesorter    <br /><a title="http://tablesorter.com/docs/" href="http://tablesorter.com/docs/">http://tablesorter.com/docs/</a></p>
<p>jQueryのプラグインで、テーブルのソートや色づけなどを簡単に行えるようにするプラグイン。</p>
<p>数値がカンマ区切りされていた際に、数値として指定しても、ソートがカンマまでの値で計算されてしまうため、プチ改造。</p>
<p>jquery.tablesorter.js(2.0.3)の660行目</p>
<blockquote><p>var i = parseFloat(s.replace(/,/g,&#8221;));</p>
</blockquote>
<p>と変更。   <br />あと、ほかの通貨やら±やら、そのあたりの対応のため、正規表現の修正も必要になるはずだけど、そっちはあとでやる。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.brolog.com/2009/02/27/jquery-tablesorter-%e6%95%b0%e5%80%a4%e3%82%ab%e3%83%b3%e3%83%9e%e5%af%be%e5%bf%9c/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
