
<?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; JavaScript</title>
	<atom:link href="http://blog.devilab.net/archives/category/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.devilab.net</link>
	<description>システム・プログラム関連のメモや最新技術についてのメモを掲載</description>
	<lastBuildDate>Tue, 20 Jul 2010 03:14:47 +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>SpryメールアドレスのValidationの改造</title>
		<link>http://blog.devilab.net/archives/300</link>
		<comments>http://blog.devilab.net/archives/300#comments</comments>
		<pubDate>Thu, 18 Feb 2010 06:12:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://blog.devilab.net/?p=300</guid>
		<description><![CDATA[ある申し込みフォームを作る際、入力チェックのために Adobe Spryを使うことになった。 以前にも少しだけ使ったことがあったので、何の問題もなく 一通り作り上げて終わったと思ってたんですが、ある指摘を 受けてしまいました。 内容は、「メールアドレスが入力出来ない」とのこと。。。 んー私のいくつかのアドレスは全てチェックして問題なかった から変だなぁと思いつつも問題のアドレスを入力してみると 確かに入力出来なかった。 原因は、アドレスにスラッシュが入ってたから。 Spryの一部を改造するしか方法がなさそうでしたので、 方法を調べていたら既にやっている方がいました。 f-shin.heteml.jp/webstandard2007/sprywidget_sample.html この方が試した方法をそのまま利用させていただき、無事 問題のアドレスも受け付けるようになりました。 改造したのは、ファイル名「SpryValidationTextField.js」の 213行目で var rx = /^[\w\.-]+@[\w\.-]+\.\w+$/i; のアットマークの前の正規表現を下記のように変更しました。 var rx = /^[\w\./?+_-]+@[\w\./?+_-]+\.\w+$/i; 以上、無事解決出来て良かったです。 ※下記、修正したファイルのヘッダーに書かれているバージョン情報です。 // SpryValidationTextField.js &#8211; version 0.37 &#8211; Spry Pre-Release 1.6.1 // // Copyright (c) 2006. Adobe Systems Incorporated. // All rights reserved.]]></description>
			<content:encoded><![CDATA[<p>ある申し込みフォームを作る際、入力チェックのために<br />
Adobe Spryを使うことになった。</p>
<p>以前にも少しだけ使ったことがあったので、何の問題もなく<br />
一通り作り上げて終わったと思ってたんですが、ある指摘を<br />
受けてしまいました。</p>
<p>内容は、「メールアドレスが入力出来ない」とのこと。。。<br />
んー私のいくつかのアドレスは全てチェックして問題なかった<br />
から変だなぁと思いつつも問題のアドレスを入力してみると<br />
確かに入力出来なかった。</p>
<p>原因は、アドレスにスラッシュが入ってたから。<br />
Spryの一部を改造するしか方法がなさそうでしたので、<br />
方法を調べていたら既にやっている方がいました。</p>
<p>f-shin.heteml.jp/webstandard2007/sprywidget_sample.html</p>
<p>この方が試した方法をそのまま利用させていただき、無事<br />
問題のアドレスも受け付けるようになりました。</p>
<p>改造したのは、ファイル名「SpryValidationTextField.js」の<br />
213行目で</p>
<pre class="brush: jscript;">
var rx = /^[\w\.-]+@[\w\.-]+\.\w+$/i;
</pre>
<p>のアットマークの前の正規表現を下記のように変更しました。</p>
<pre class="brush: jscript;">
var rx = /^[\w\./?+_-]+@[\w\./?+_-]+\.\w+$/i;
</pre>
<p>以上、無事解決出来て良かったです。</p>
<p>※下記、修正したファイルのヘッダーに書かれているバージョン情報です。<br />
// SpryValidationTextField.js &#8211; version 0.37 &#8211; Spry Pre-Release 1.6.1<br />
//<br />
// Copyright (c) 2006. Adobe Systems Incorporated.<br />
// All rights reserved.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.devilab.net/archives/300/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>エレメント属性を削除する／element.removeAttribute</title>
		<link>http://blog.devilab.net/archives/295</link>
		<comments>http://blog.devilab.net/archives/295#comments</comments>
		<pubDate>Mon, 15 Feb 2010 10:49:14 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://blog.devilab.net/?p=295</guid>
		<description><![CDATA[JavaScriptの経験が浅く未だ苦手意識が払拭出来ていない私は、 先ほど、エレメント属性を削除することも出来ず苦しんでしまった（苦笑 調べたら直ぐ出てきました。 element.removeAttribute('属性名'); とするだけでＯＫ。 属性名は、href,onclick,relなどなど。。。 頑張って少しずつJavaScriptをマスターしたいと思います。 しかしJavaScriptマスターへの道は長く険しそうだ。。。 余談ですが、エレメントの変更はこんな感じ element.setAttribute(&#34;href&#34;, &#34;/変更先のパス/&#34;); 以上です。]]></description>
			<content:encoded><![CDATA[<p>JavaScriptの経験が浅く未だ苦手意識が払拭出来ていない私は、<br />
先ほど、エレメント属性を削除することも出来ず苦しんでしまった（苦笑</p>
<p>調べたら直ぐ出てきました。</p>
<pre class="brush: jscript;">
element.removeAttribute('属性名');
</pre>
<p>とするだけでＯＫ。</p>
<p>属性名は、href,onclick,relなどなど。。。</p>
<p>頑張って少しずつJavaScriptをマスターしたいと思います。<br />
しかしJavaScriptマスターへの道は長く険しそうだ。。。</p>
<p>余談ですが、エレメントの変更はこんな感じ</p>
<pre class="brush: jscript;">
element.setAttribute(&quot;href&quot;, &quot;/変更先のパス/&quot;);
</pre>
<p>以上です。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.devilab.net/archives/295/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>javascript:void(0)についてメモ</title>
		<link>http://blog.devilab.net/archives/258</link>
		<comments>http://blog.devilab.net/archives/258#comments</comments>
		<pubDate>Wed, 06 Jan 2010 12:29:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://blog.devilab.net/?p=258</guid>
		<description><![CDATA[HTMLのaタグのhrefに「javascript:void(0)」を入れると、リンクを無効にしてくれるようです。 onclickで何かしらファンクションを実行したいときに使うといいみたい。 はっきり理由はしらないけど、onclickのファンクションの後に「return false」を入れた方がいいそうです ＃javascript:void(0) だけだとリンクが無効にならないそうです &#60;a href=&#34;javascript:void(0)&#34; onclick=&#34;test(); return false;&#34;&#62; こんな感じに使います。]]></description>
			<content:encoded><![CDATA[<p>HTMLのaタグのhrefに「javascript:void(0)」を入れると、リンクを無効にしてくれるようです。<br />
onclickで何かしらファンクションを実行したいときに使うといいみたい。</p>
<p>はっきり理由はしらないけど、onclickのファンクションの後に「return false」を入れた方がいいそうです<br />
＃javascript:void(0) だけだとリンクが無効にならないそうです</p>
<pre class="brush: xml;">
&lt;a href=&quot;javascript:void(0)&quot; onclick=&quot;test(); return false;&quot;&gt;
</pre>
<p>こんな感じに使います。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.devilab.net/archives/258/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>エレメント属性を設定／prototypeメモ</title>
		<link>http://blog.devilab.net/archives/252</link>
		<comments>http://blog.devilab.net/archives/252#comments</comments>
		<pubDate>Wed, 06 Jan 2010 12:01:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[prototype]]></category>

		<guid isPermaLink="false">http://blog.devilab.net/?p=252</guid>
		<description><![CDATA[○JavaScriptの部分 function testFnc(){ //prototypeを使わない場合： var imgTag = document.getElementById(&#34;sample&#34;); imgTag.setAttribute(&#34;src&#34;, &#34;sample2.jpg&#34;); //prototypeを使う場合： $(&#34;sample&#34;).setAttribute(&#34;src&#34;, &#34;sample2.jpg&#34;); } ○HTMLの部分 &#60;img src=&#34;sample1.jpg&#34; id=&#34;sample&#34; /&#62; prototypeを使うと上記のように省略して書くことが出来る。]]></description>
			<content:encoded><![CDATA[<p>○JavaScriptの部分</p>
<pre class="brush: jscript;">
function testFnc(){

	//prototypeを使わない場合：
	var imgTag = document.getElementById(&quot;sample&quot;);
	imgTag.setAttribute(&quot;src&quot;, &quot;sample2.jpg&quot;);

	//prototypeを使う場合：
	$(&quot;sample&quot;).setAttribute(&quot;src&quot;, &quot;sample2.jpg&quot;);
}
</pre>
<p>○HTMLの部分</p>
<pre class="brush: xml;">
&lt;img src=&quot;sample1.jpg&quot; id=&quot;sample&quot; /&gt;
</pre>
<p>prototypeを使うと上記のように省略して書くことが出来る。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.devilab.net/archives/252/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML INPUTタグのdisabled属性にはまった</title>
		<link>http://blog.devilab.net/archives/78</link>
		<comments>http://blog.devilab.net/archives/78#comments</comments>
		<pubDate>Tue, 07 Apr 2009 06:10:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://blog.devilab.net/?p=78</guid>
		<description><![CDATA[開発中のシステムのインターフェースの一部に disabled属性が付いた、inputタグを使用してたところ 何故かこの値だけが、POSTで受け取れない。。。 ちょっと調べた結果、disabled属性を指定した要素は 使用不可という意味になるらしく、disabledを指定した 要素の値はサーバ側に渡らないそうです。 解決策として、送信する前に、JavaScriptでdisabledを解除してみた。 以下、スクリプトのメモ～～～～～ ◇JavaScript部分 //フォーム送信前にdisabled解除 function undisabled() { document.getElementById(&#8216;test1&#8242;).disabled = null; document.getElementById(&#8216;test2&#8242;).disabled = null; } ◇HTML部分 ＜input type=&#8221;submit&#8221; value=&#8221;送信&#8221; onclick=&#8221;undisabled()&#8221; /＞]]></description>
			<content:encoded><![CDATA[<p>開発中のシステムのインターフェースの一部に<br />
disabled属性が付いた、inputタグを使用してたところ<br />
何故かこの値だけが、POSTで受け取れない。。。</p>
<p>ちょっと調べた結果、disabled属性を指定した要素は<br />
使用不可という意味になるらしく、disabledを指定した<br />
要素の値はサーバ側に渡らないそうです。</p>
<p>解決策として、送信する前に、JavaScriptでdisabledを解除してみた。</p>
<p>以下、スクリプトのメモ～～～～～</p>
<p>◇JavaScript部分<br />
//フォーム送信前にdisabled解除<br />
function undisabled()<br />
{<br />
document.getElementById(&#8216;test1&#8242;).disabled = null;<br />
document.getElementById(&#8216;test2&#8242;).disabled = null;<br />
}</p>
<p>◇HTML部分<br />
＜input type=&#8221;submit&#8221; value=&#8221;送信&#8221; onclick=&#8221;undisabled()&#8221; /＞</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.devilab.net/archives/78/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
