<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
    <channel>
        <title>星屋工作室</title>
        <link>http://hoshiya.biz/</link>
        <description>映画とカレーが好きでSEOに燃えています。山口県周南市ではたらくサラリーマンの仕事、趣味、パソコンの足跡的ブログです。</description>
        <language>ja</language>
        <copyright>Copyright 2010</copyright>
        <lastBuildDate>Sun, 21 Nov 2010 19:32:06 +0900</lastBuildDate>
        <generator>http://www.sixapart.com/movabletype/</generator>
        <docs>http://www.rssboard.org/rss-specification</docs>
        
        <item>
            <title>APIを使って短縮URLを取得して表示</title>
            <description><![CDATA[<p>APIを使って短縮URLを取得して表示したくて、</p>
<p>PHPで変数に入れたURLを短縮して受け取る方法を探して以下のAPIが候補に上がった。</p>
<ul>
  <li><strong>tinyurl.com</strong>　...　特に何かの登録がいるわけではない</li>
  <li><strong>bit.ly（j.mp)</strong>　...　ユーザー登録をしてAPIキーを取得する必要あり</li>
  <li><strong>goo.gl</strong>　...　調査中</li>
</ul>
<h2>tinyurl.comを利用した例</h2>
<div class="block_1">&lt;?php<br>
  $url1 = &quot;http://tinyurl.com/api-create.php?url=&quot;;<br>
  $url2 = &quot;http://hoshiya.biz&quot;; //短縮したいURLを入れる<br>
  $url3 = $url1.$url2;<br>
  $url4 = file_get_contents($url3); //短縮されたURLを取得<br>
  echo &quot;&lt;a href=\&quot;&quot;.$url2.&quot;\&quot;&gt;&quot;.$url2.&quot;&lt;/a&gt;が&lt;a href=\&quot;&quot;.$url4.&quot;\&quot;&gt;&quot;.$url4.&quot;&lt;/a&gt;に短縮されました。&quot;;<br>
?&gt;</div>

<p>&nbsp;</p>
<p>参考サイト<br>
  <strong>Twitter 短縮URL TinyURLのAPI</strong><br>
  <a href="http://memorva.jp/memo/api/twitter_tinyurl.php" target="_blank">http://memorva.jp/memo/api/twitter_tinyurl.php</a></p>
<p>&nbsp;</p>
<h2>bit.ly(j.mp)を利用した例</h2>
<div class="block_1">
  &lt;?php<br>
    //短縮URLを取得する<br>
    function shorten_url($url){<br>
    <br>
    $bitly_user = '******'; //bit.lyに登録したユーザー名を入れる<br>
    $bitly_apikey = 'xxxxxxxxxxxxxxxxxxxxxxxxxx'; //発行されたAPIキーを入れる<br>
    <br>
    //j.mpを使いたい場合はbit.lyと入替える<br>
    $bitlyurl = 'http://api.bit.ly/shorten?version=2.0.1&amp;login='.$bitly_user.'&amp;apiKey='.$bitly_apikey.'&amp;longUrl='.$url;<br>
    $context = stream_context_create(array('http' =&gt;<br>
    array(<br>
    'method'  =&gt; 'GET',<br>
    'timeout' =&gt; 5<br>
    )<br>
    ));<br>
    $ret = file_get_contents($bitlyurl,false,$context);<br>
    if($ret !== FALSE){<br>
    $json = json_decode($ret, true);<br>
    if($json['statusCode'] == 'OK') {<br>
    $surl = $json['results'][urldecode($url)]['shortUrl'];<br>
    return $surl;<br>
    }<br>
    }<br>
    return FALSE;<br>
    }<br>
    <br> 
  $url = &quot;http://hoshiya.biz&quot;; //短縮したいURL
  <br>
  <br>
  echo &quot;&lt;a href=\&quot;&quot;.$url.&quot;\&quot;&gt;&quot;.$url.&quot;&lt;/a&gt;が&lt;a href=\&quot;&quot;.shorten_url($url).&quot;\&quot;&gt;&quot;.shorten_url($url).&quot;&lt;/a&gt;に短縮されました。&quot;;<br>
  ?&gt;<br>
  
</div>
<p>&nbsp;</p>
<p>参考サイト<br>
  <strong>twitter/URL短縮する(bit.ly) </strong><br>
  <a href="http://hodade.adam.ne.jp/itmemo/index.php?twitter%2FURL%C3%BB%BD%CC%A4%B9%A4%EB(bit.ly)" target="_blank">http://hodade.adam.ne.jp/itmemo/index.php?twitter%2FURL%C3%BB%BD%CC%A4%B9%A4%EB(bit.ly)</a></p>
<p>&nbsp;</p>]]></description>
            <link>http://hoshiya.biz/2010/11/apiurl.html</link>
            <guid>http://hoshiya.biz/2010/11/apiurl.html</guid>
            
                <category>PHP</category>
            
                <category>Twitter</category>
            
                <category>WEB</category>
            
            
                <category>api</category>
            
                <category>php</category>
            
                <category>twitter</category>
            
                <category>url</category>
            
                <category>短縮</category>
            
            <pubDate>2010-11-21</pubDate>
        </item>
        
        <item>
            <title>エラーが出てmb_convert_encodingが使えない。</title>
            <description><![CDATA[<p>PHPで$strに入っているシフトJIS以外の日本語を変換するために</p>
<div class="block_1">
<p>$str = mb_convert_encoding($str, "SJIS", "auto");</p>
<p>echo $str;</p></div>
<p>と記載してページを表示すると</p>
<div class="block_1">
<p>Warning: mb_convert_encoding() [<a href="function.mb-convert-encoding">function.mb-convert-encoding</a>]: Unable to detect character encoding in /home/***/public_html/***.php on line ***</p></div>
<p>とエラー出て文字化けを起こしました。</p>
<p><strong>phpinfo()</strong>で仕様を見てもmbstringの欄はenableと有効になっているが</p>
<p>正常に利用ができませんでした.。</p>
<p>&nbsp;</p>
<p>しかし、<strong>mb_language( 'Japanese' );</strong></p>
<p>を加えたら正常に変換され表示ができました（涙）</p>
<div class="block_1">
<p>mb_language( 'Japanese' );</p>
<p>$str = mb_convert_encoding($str, "SJIS", "auto");</p>
<p>echo $str;</p></div>
<p>&nbsp;</p>
<p>次からは必ず<strong>mb_language( 'Japanese' );</strong>をmb_convert_encodingとセットで使おうと思います。</p>
<p>&nbsp;</p>
<p>参考ページ</p>
<p><strong>php4.3.11でmb_convert_encoding() - PHP - 教えて！goo</strong><br /><a href="http://oshiete.goo.ne.jp/qa/1678660.html" target="_blank">http://oshiete.goo.ne.jp/qa/1678660.html</a><br /></p>]]></description>
            <link>http://hoshiya.biz/2010/11/mb-convert-encoding.html</link>
            <guid>http://hoshiya.biz/2010/11/mb-convert-encoding.html</guid>
            
                <category>PHP</category>
            
            
                <category>mb_convert_encoding</category>
            
                <category>php</category>
            
            <pubDate>2010-11-20</pubDate>
        </item>
        
        <item>
            <title>タグアイコン参考ページ</title>
            <description><![CDATA[<p><strong>ブログなどでワイポイントアイテムとして使えるタグアイコン</strong><br /><a href="http://bunbun.mods.jp/2010/09/sozai/icon/icon_003/" target="_blank">http://bunbun.mods.jp/2010/09/sozai/icon/icon_003/<br /><img alt="ブログなどでワイポイントアイテムとして使えるタグアイコン" src="http://mozshot.nemui.org/shot/large?http://bunbun.mods.jp/2010/09/sozai/icon/icon_003/" /> </a></p>]]></description>
            <link>http://hoshiya.biz/2010/11/post-50.html</link>
            <guid>http://hoshiya.biz/2010/11/post-50.html</guid>
            
                <category>WEB</category>
            
            
                <category>アイコン</category>
            
                <category>タグ</category>
            
            <pubDate>2010-11-09</pubDate>
        </item>
        
        <item>
            <title>SNS（Twitter、facebook、mixi、GREE、Evernote）のボタン設置について</title>
            <description><![CDATA[<p>以下が参考になりました。</p>
<p>&nbsp;</p>
<p><strong>シェアボタンつけました</strong><br />
  <a href="http://www.cuteweb.jp/2010/07/post-44.html" target="_blank">http://www.cuteweb.jp/2010/07/post-44.html<br />
  <img alt="シェアボタンつけました" src="http://mozshot.nemui.org/shot/large?http://www.cuteweb.jp/2010/07/post-44.html" /></a></p>
<p>&nbsp; </p>
<p><strong>ソーシャルメディアに共有するボタンの設置方法（Twitter、facebook、mixi、GREE、Evernote）</strong><br />
  <a href="http://creazy.net/2010/09/howto_setup_social_media_button.html" target="_blank">http://creazy.net/2010/09/howto_setup_social_media_button.html<br />
  <img alt="ソーシャルメディアに共有するボタンの設置方法（Twitter、facebook、mixi、GREE、Evernote）" src="http://mozshot.nemui.org/shot/large?http://creazy.net/2010/09/howto_setup_social_media_button.html" /></a></p>
<p>&nbsp;</p>
<p><strong>AddThis - The #1 Bookmarking &amp; Sharing Service</strong><br />
  <a href="http://www.addthis.com/" target="_blank">http://creazy.net/2010/09/howto_setup_social_media_button.html<br />
  <img alt="AddThis - The #1 Bookmarking &amp; Sharing Service" src="http://mozshot.nemui.org/shot/large?http://www.addthis.com/" /></a></p>
]]></description>
            <link>http://hoshiya.biz/2010/11/snstwitterfacebookmixigreeevernote.html</link>
            <guid>http://hoshiya.biz/2010/11/snstwitterfacebookmixigreeevernote.html</guid>
            
                <category>SEO</category>
            
            
                <category>evernote</category>
            
                <category>facebook</category>
            
                <category>gree</category>
            
                <category>mixi</category>
            
                <category>sns</category>
            
                <category>twitter</category>
            
                <category>グリー</category>
            
                <category>ツイッター</category>
            
                <category>ミクシィ</category>
            
            <pubDate>2010-11-09</pubDate>
        </item>
        
        <item>
            <title>VistaにeBoostr入れてみた</title>
            <description><![CDATA[<ul>
<li>Ready Boost+Ram Disk（Gavotte Ramdisk）</li>
<li><a href="http://www.eboostr.jp/" target="_blank">eBoostr</a></li></ul>
<p>実際どちらが速いのか疑問に思い、</p>
<p>Vistaに<a href="http://www.eboostr.jp/" target="_blank">eBoostr</a>をインストールし、キャッシュドライブにメモリを割り当てました。</p>
<ul>
<li>アプリケーションの起動</li>
<li>ブラウザの表示</li></ul>
<p>体感速度は明らかに速い...。</p>
<span style="DISPLAY: inline" class="mt-enclosure mt-enclosure-image"><a onclick="window.open('http://hoshiya.biz/assets_c/2010/11/eboostr_speed_test.html','popup','width=536,height=391,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://hoshiya.biz/assets_c/2010/11/eboostr_speed_test.html"><img class="mt-image-none" alt="eboostr_speed_test.png" src="http://hoshiya.biz/assets_c/2010/11/eboostr_speed_test-thumb-240x175.png" width="240" height="175" /></a></span>]]></description>
            <link>http://hoshiya.biz/2010/11/vistaeboostr.html</link>
            <guid>http://hoshiya.biz/2010/11/vistaeboostr.html</guid>
            
                <category>OS</category>
            
                <category>RAMDISK</category>
            
                <category>VISTA</category>
            
                <category>eBoostr</category>
            
                <category>アプリケーション</category>
            
            
                <category>eboostr</category>
            
                <category>ramdisk</category>
            
            <pubDate>2010-11-08</pubDate>
        </item>
        
        <item>
            <title>ネットワーク上のエクセル・ワード・パワーポイントが開けない</title>
            <description><![CDATA[<ul>
<li>Windows Vista</li>
<li>Microsoft Office 2007</li></ul>
<p>この環境で昨日まで開けていたファイルが開けなくなった。</p>
<ul>
<li>ローカルに置いたファイルはどれも開ける</li>
<li>ネットワーク上の存在するファイルのみが開けない</li></ul>
<p>という症状で、結果からいうと</p>
<p>IEの<strong>「インターネット一時ファイル」の場所が正しくなかった</strong></p>
<p>のが原因でした。</p>
<p>&nbsp;</p>
<p>昨日まで違いはRAM　DISKを使用して</p>
<ul>
<li>環境変数</li>
<li>インターネット一時ファイル</li></ul>
<p>を変更していました。</p>
<p>&nbsp;</p>
<p>今日はRAM　DISKから<a href="http://www.eboostr.jp/" target="_blank">eBoostr</a>に変更してスピードアップを計ったのですが、</p>
<p>その時に環境変数とインターネット一時ファイルの場所がリセットされたみたいです。</p>
<p>&nbsp;</p>
<p>しかし、</p>
<p>そのリセットされた「インターネット一時ファイル」の場所がおかしく、</p>
<p>それがエクセル・ワード・パワーポイントに影響しているというのが原因のようで、</p>
<p>「インターネット一時ファイル」を以下の場所に変更したら直りました！</p>
<div class="block_1">c:\Users\<em>ユーザー名</em>\AppData\Local\Microsoft\Windows\Temporary Internet Files\</div>
<p>&nbsp;</p>
<ul>
<li>メモリ容量が足りません。</li>
<li>○○のファイルが開けませんでした。</li>
<li>誰も使用していないのに、誰かが使用中なので開けません。</li></ul>
<p>などのエラーが出て困り、いろいろ調べて以下のことを試しました。</p>
<ul>
<li>エクセルの「オプション」-「詳細設定」-「<span lang="EN-US" xml:lang="EN-US">Dynamic Data Exchange(DDE)</span>を使用するアプリケーションを無視する」のチェックを外す。</li></ul>
<p>それでもダメでした。</p>
<p>&nbsp;</p>
<p>困り果ててマイクロソフトに電話しましたが、</p>
<p>有料サポートの類になり、3万円くらいかかるというようなことで、</p>
<p>解決できるかどうかわからないし、</p>
<p>3万円もかかるのならOSごとクリーンインストールも考えましたが、</p>
<p>ワードのみ</p>
<ul>
<li>作業ファイルを作成できません。環境変数TEMPの設定を確認してください。</li>
<li>メモリまたはディスクの空き容量が不足してるため、ドキュメントを開いたり、保存したりできません。<br />不要なブックやプログラムを閉じて。メモリの空き容量を増やしみてください。<br />ディスクに保存されている不要なファイルを削除して、ディスクの空き容量を増やしてみてください。</li></ul>
<p>というエラーが出たので、</p>
<p>環境変数関連で、原因は違うところにあるのではと思い、</p>
<p>いろいろ調べたら「インターネット一時ファイル」が</p>
<p>エクセル・ワード・パワーポイントのファイルに影響するという記事が見つかり、</p>
<p>解決することができました。</p>
<p>&nbsp;</p>
<p>参考ページ</p>
<p><strong>Office 2007とInternet Explorer 7.0の密接な関係</strong><br /><a href="http://xwin2.typepad.jp/xwin2weblog/2008/09/office-2007inte.html" target="_blank">http://xwin2.typepad.jp/xwin2weblog/2008/09/office-2007inte.html<br /><img alt="Office 2007とInternet Explorer 7.0の密接な関係" src="http://mozshot.nemui.org/shot/large?http://xwin2.typepad.jp/xwin2weblog/2008/09/office-2007inte.html" /></a></p>]]></description>
            <link>http://hoshiya.biz/2010/11/post-49.html</link>
            <guid>http://hoshiya.biz/2010/11/post-49.html</guid>
            
                <category>EXCEL</category>
            
                <category>OFFICE</category>
            
                <category>PowerPoint</category>
            
                <category>RAMDISK</category>
            
                <category>WORD</category>
            
                <category>eBoostr</category>
            
            
                <category>excel</category>
            
                <category>office</category>
            
                <category>powerpoint</category>
            
                <category>vista</category>
            
                <category>word</category>
            
            <pubDate>2010-11-07</pubDate>
        </item>
        
        <item>
            <title>Javascriptでできた自動見積りフォーム・カートのサンプル</title>
            <description><![CDATA[<p>こんな高機能な無料サンプル見つけたのでメモ。</p>
<p>&nbsp;</p>
<p><strong>Javascript だけで動作する簡易ショッピングカート Javascript Cart</strong><br />
  <a href="http://kezy.org/2010/03/14/javascript-cart" target="_blank">http://kezy.org/2010/03/14/javascript-cart<br />
  <img src="http://mozshot.nemui.org/shot/large?http://kezy.org/2010/03/14/javascript-cart" alt="Javascript だけで動作する簡易ショッピングカート Javascript Cart" /></a></p>
<p><strong>simpleCart</strong><br />
  <a href="http://simplecartjs.com" target="_blank">http://simplecartjs.com/<br />
  <img src="http://mozshot.nemui.org/shot/large?http://simplecartjs.com" alt="simpleCart" /></a></p>]]></description>
            <link>http://hoshiya.biz/2010/10/javascript-5.html</link>
            <guid>http://hoshiya.biz/2010/10/javascript-5.html</guid>
            
                <category>Javascript</category>
            
                <category>WEB</category>
            
            
                <category>javascript</category>
            
                <category>カート</category>
            
                <category>フォーム</category>
            
                <category>見積り</category>
            
            <pubDate>2010-10-18</pubDate>
        </item>
        
        <item>
            <title>代替画像の表示でFLASHが表示できないiPhone対策</title>
            <description><![CDATA[<p>代替画像の表示でFLASHが表示できないiPhone対策</p>
<p>会社のホームページはパソコン用のサイトで、</p>
<p>メイン画像がFLASHでできております。</p>
<p>iPhoneを持っているのですが、</p>
<p>FLASHが表示できないため、</p>
<p>なんか替わりの画像が表示できたらなぁ～と方法を検索したら簡単に見つかりました。</p>
<p>&nbsp;</p>
<p>早速導入してみようということで実践したら、</p>
<p>Javascriptのライブラリの設置がいるものの、</p>
<p>ちょ～簡単にできた。</p>
<p>通常のFLASH画像を設置するよりも簡単じゃないですか！？</p>
<p>&nbsp;</p>
<p>しかし、またJacascriptが増えてしまった...。</p>
<p>&nbsp;</p>
<p>以下を参考にさせていただきました↓</p>
<p><strong>swfobject.js を使って Flash と代替画像を切り替える方法</strong><br /><a href="http://www.drk7.jp/MT/archives/001481.html" target="_blank">http://www.drk7.jp/MT/archives/001481.html<br /><img alt="swfobject.js を使って Flash と代替画像を切り替える方法" src="http://mozshot.nemui.org/shot/large?http://www.drk7.jp/MT/archives/001481.html" /></a></p>]]></description>
            <link>http://hoshiya.biz/2010/10/flashiphone.html</link>
            <guid>http://hoshiya.biz/2010/10/flashiphone.html</guid>
            
                <category>Javascript</category>
            
                <category>WEB</category>
            
            
                <category>flash</category>
            
                <category>iphone</category>
            
                <category>javascript</category>
            
            <pubDate>2010-10-16</pubDate>
        </item>
        
        <item>
            <title>jQueryとprototype.jsの競合・共存対策について</title>
            <description><![CDATA[<p>ホームページの仕様でjQueryとprototypeを同時に使用するサイトをいじくっていたら</p>
<p>あらゆるjavascriptが競合して動いたり動かなかったりするので</p>
<p>ググってみたら共存方法がありました。</p>
<p>以下参考↓</p>
<p><strong>jQueryとprototype.jsを共存させる方法</strong><br />
<a href="http://www.css-lecture.com/log/javascript/029.html" target="_blank">http://www.css-lecture.com/log/javascript/029.html<br><img src="http://mozshot.nemui.org/shot/large?http://www.css-lecture.com/log/javascript/029.html" alt="jQueryとprototype.jsを共存させる方法" /></a>
</p>
]]></description>
            <link>http://hoshiya.biz/2010/10/jqueryprototypejs.html</link>
            <guid>http://hoshiya.biz/2010/10/jqueryprototypejs.html</guid>
            
                <category>Prototype</category>
            
                <category>WEB</category>
            
                <category>jQuery</category>
            
            
                <category>jquery</category>
            
                <category>prototype</category>
            
            <pubDate>2010-10-13</pubDate>
        </item>
        
        <item>
            <title>IE9 BetaをインストールするとWindowsメールに「?」が入る。</title>
            <description><![CDATA[<p>IE9 BetaのJavascriptや表示の速度が早いというkとで、</p>
<p>インストールしたらWindows Vista BusinessのWindowsメールでメールを送信すると</p>
<p>どのメールも最初の1文字目に「?」が勝手に挿入された状態で送られてしまう現象が発生。</p>
<p>&nbsp;</p>
<p>とりあえずIE9 Betaをアンインストールして解決しましたが、</p>
<p>アンインストールせずにメールの送信をテキスト形式からHTML形式に変えることでも解決できるようです。</p>
<p>&nbsp;</p>
<p>参考ページ</p>
<p><A href="http://social.answers.microsoft.com/Forums/ja-JP/ieja/thread/b17b53e7-d075-4506-8f97-3e2f216cfd9b" target="_blank">http://social.answers.microsoft.com/Forums/ja-JP/ieja/thread/b17b53e7-d075-4506-8f97-3e2f216cfd9b</A></p>
<p><a href="http://questionbox.jp.msn.com/qa6242888.html" target="_blank">http://questionbox.jp.msn.com/qa6242888.html</a></p>
]]></description>
            <link>http://hoshiya.biz/2010/10/ie9-betawindows.html</link>
            <guid>http://hoshiya.biz/2010/10/ie9-betawindows.html</guid>
            
                <category>Windowsメール</category>
            
                <category>アプリケーション</category>
            
            
                <category>ie9</category>
            
                <category>Windowsメール</category>
            
            <pubDate>2010-10-12</pubDate>
        </item>
        
        <item>
            <title>JavaScriptで自動見積りフォームを作ってみる。（その3）</title>
            <description><![CDATA[<p>配列をうまく使えないので、同じような処理を繰り返しており課題はあるものの</p>
<p>なんとかラジオボタンで選択した金額を計算できる自動見積りフォームを作ってみた。</p>
<p>&nbsp;</p>
<hr>
<div onscroll="display_account()">
  <script type="text/javascript">
<!--

function keisan(){

var tax = 5; // 消費税率
var i;
var p1 = 0;
var p2 = 0;
var p3 = 0;

var goods1 = document.getElementsByName("goods1"); //チェック済みのラジオボタンを調べて値を取得
for(i=0; i<goods1.length; i++){
	if(goods1[i].checked){
		p1 = goods1[i].value;
	break;
	}
}

var goods2 = document.getElementsByName("goods2"); //チェック済みのラジオボタンを調べて値を取得
for(i=0; i<goods2.length; i++){
	if(goods2[i].checked){
		p2 = goods2[i].value;
	break;
	}
}

var goods3 = document.getElementsByName("goods3"); //チェック済みのラジオボタンを調べて値を取得
for(i=0; i<goods3.length; i++){
	if(goods3[i].checked){
		p3 = goods3[i].value;
	break;
	}
}

var price1 = p1 * document.form1.volume1 .selectedIndex; // 数量×単価
var price2 = p2 * document.form1.volume2 .selectedIndex; // 数量×単価
var price3 = p3 * document.form1.volume3 .selectedIndex; // 数量×単価

var total1 = parseInt(price1)+ parseInt(price2)+ parseInt(price3); // 税抜き合計を計算
var tax2 = Math.round((total1 * tax) / 100); //消費税を計算
var total2 = total1 + tax2; //税込み合計を計算

//表示用の金額を3桁区切りに変換
var data = new Array(total1,tax2,total2); //金額を配列に格納
var len = data.length; //配列の数を取得

for(cnt=0;cnt<len;cnt++){
data[cnt] = new String(data[cnt]).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,"); //ここで正規表現で3桁ごとにカンマで区切る
} 

//フォームのテキストエリアに表示する金額
document.form1.field_total1.value = data[0]; // 税抜き合計
document.form1.field_tax.value = data[1]; // 消費税
document.form1.field_total2.value = data[2]; // 税込合計

//右の窓に表示する金額
document.getElementById("display_account_amount").innerHTML = data[0]; // 税抜き合計
document.getElementById("display_account_tax").innerHTML = data[1]; // 消費税
document.getElementById("display_account_all").innerHTML = data[2]; // 税込合計

}

// --> 
</script>
  <script type="text/javascript">
<!--
function display_account() {
var position_top = ( document.body.scrollTop || document.documentElement.scrollTop || window.scrollTop ) ; if ( parseInt(position_top) > 170 ){
document.getElementById("display_account").style.top = position_top + "px"; } } window.onload = function() {
var isIE = 0<=window.navigator.userAgent.indexOf("MSIE");
if(isIE && document.compatMode=="BackCompat"){
document.body.onscroll = display_account;
}else{
document.documentElement.onscroll = display_account;
}
}
//-->
</script>
  <div id="display_account" style="position:absolute;top:170px;right:20px;z-index:100;width:200px;"> 見積金額<br />
    合計：<span id="display_account_amount">0</span> 円<br />
    消費税：<span id="display_account_tax">0</span> 円<br />
    税込合計：<span id="display_account_all">0</span> 円<br />
  </div>
  <h1>見積り</h1>
  <p>下記項目を選択すると自動計算します。</p>
  <form name="form1" action="" id="form1" method="post">
    <table>
      <tr>
        <td>商品</td>
        <td>グレード5</td>
        <td>グレード4</td>
        <td>グレード3</td>
        <td>グレード2</td>
        <td>グレード1</td>
        <td>数量</td>
      </tr>
      <tr>
        <td>液晶テレビ</td>
        <td><input type="radio" name="goods1" id="goods1" value="120000" onClick="keisan()" />
          120,000円</td>
        <td><input type="radio" name="goods1" id="goods1" value="40000" onClick="keisan()" />
          40,000円</td>
        <td><input type="radio" name="goods1" id="goods1" value="20000" onClick="keisan()" />
          20,000円</td>
        <td><input type="radio" name="goods1" id="goods1" value="15000" onClick="keisan()" />
          15,000円</td>
        <td><input type="radio" name="goods1" id="goods1" value="10000" onClick="keisan()" />
          10,000円</td>
        <td><select name="volume1" onchange="keisan()">
            <option>0</option>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
            <option>6</option>
            <option>7</option>
            <option>8</option>
            <option>9</option>
            <option>10</option>
          </select></td>
      </tr>
      <tr>
        <td>エアコン</td>
        <td><input type="radio" name="goods2" id="goods2" value="80000" onClick="keisan()" />
          80,000円</td>
        <td><input type="radio" name="goods2" id="goods2" value="60000" onClick="keisan()" />
          60,000円</td>
        <td><input type="radio" name="goods2" id="goods2" value="40000" onClick="keisan()" />
          40,000円</td>
        <td><input type="radio" name="goods2" id="goods2" value="20000" onClick="keisan()" />
          20,000円</td>
        <td><input type="radio" name="goods2" id="goods2" value="10000" onClick="keisan()" />
          10,000円</td>
        <td><select name="volume2" onchange="keisan()">
            <option>0</option>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
            <option>6</option>
            <option>7</option>
            <option>8</option>
            <option>9</option>
            <option>10</option>
          </select></td>
      </tr>
      <tr>
        <td>パソコン</td>
        <td><input type="radio" name="goods3" id="goods3" value="60000" onClick="keisan()" />
          60,000円</td>
        <td><input type="radio" name="goods3" id="goods3" value="40000" onClick="keisan()" />
          40,000円</td>
        <td><input type="radio" name="goods3" id="goods3" value="20000" onClick="keisan()" />
          20,000円</td>
        <td><input type="radio" name="goods3" id="goods3" value="10000" onClick="keisan()" />
          10,000円</td>
        <td><input type="radio" name="goods3" id="goods3" value="50000" onClick="keisan()" />
          5,000円</td>
        <td><select name="volume3" onchange="keisan()">
            <option>0</option>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
            <option>6</option>
            <option>7</option>
            <option>8</option>
            <option>9</option>
            <option>10</option>
          </select></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td>合計</td>
        <td><input type="text" name="field_total1" size="8" value="0">
          円</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>消費税</td>
        <td><input type="text" name="field_tax" size="8" value="0">
          円</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>税込合計</td>
        <td><input type="text" name="field_total2" size="8" value="0">
          円</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table>
  </form>
</div>
<hr>
<p>&nbsp;</p>
<p>ソース</p>
<div class="block_1">
  <p>&lt;div onscroll=&quot;display_account()&quot;&gt;<br>
&lt;script type=&quot;text/javascript&quot;&gt;<br>
&lt;!--</p>
  <p>function keisan(){</p>
  <p>var tax = 5; // 消費税率<br>
    var i;<br>
    var p1 = 0;<br>
    var p2 = 0;<br>
    var p3 = 0;</p>
  <p>var goods1 = document.getElementsByName(&quot;goods1&quot;); //チェック済みのラジオボタンを調べて値を取得<br>
    for(i=0; i&lt;goods1.length; i++){<br>
    if(goods1[i].checked){<br>
    p1 = goods1[i].value;<br>
    break;<br>
    }<br>
    }</p>
  <p>var goods2 = document.getElementsByName(&quot;goods2&quot;); //チェック済みのラジオボタンを調べて値を取得<br>
    for(i=0; i&lt;goods2.length; i++){<br>
    if(goods2[i].checked){<br>
    p2 = goods2[i].value;<br>
    break;<br>
    }<br>
    }</p>
  <p>var goods3 = document.getElementsByName(&quot;goods3&quot;); //チェック済みのラジオボタンを調べて値を取得<br>
    for(i=0; i&lt;goods3.length; i++){<br>
    if(goods3[i].checked){<br>
    p3 = goods3[i].value;<br>
    break;<br>
    }<br>
    }</p>
  <p>var price1 = p1 * document.form1.volume1 .selectedIndex; // 数量×単価<br>
    var price2 = p2 * document.form1.volume2 .selectedIndex; // 数量×単価<br>
    var price3 = p3 * document.form1.volume3 .selectedIndex; // 数量×単価</p>
  <p>var total1 = parseInt(price1)+ parseInt(price2)+ parseInt(price3); // 税抜き合計を計算<br>
    var tax2 = Math.round((total1 * tax) / 100); //消費税を計算<br>
    var total2 = total1 + tax2; //税込み合計を計算</p>
  <p>//表示用の金額を3桁区切りに変換<br>
    var data = new Array(total1,tax2,total2); //金額を配列に格納<br>
    var len = data.length; //配列の数を取得</p>
  <p>for(cnt=0;cnt&lt;len;cnt++){<br>
    data[cnt] = new String(data[cnt]).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, &quot;$1,&quot;); //ここで正規表現で3桁ごとにカンマで区切る<br>
    } </p>
  <p>//フォームのテキストエリアに表示する金額<br>
    document.form1.field_total1.value = data[0]; // 税抜き合計<br>
    document.form1.field_tax.value = data[1]; // 消費税<br>
    document.form1.field_total2.value = data[2]; // 税込合計</p>
  <p>//右の窓に表示する金額<br>
    document.getElementById(&quot;display_account_amount&quot;).innerHTML = data[0]; // 税抜き合計<br>
    document.getElementById(&quot;display_account_tax&quot;).innerHTML = data[1]; // 消費税<br>
    document.getElementById(&quot;display_account_all&quot;).innerHTML = data[2]; // 税込合計</p>
  <p>}</p>
  <p>// --&gt; <br>
    &lt;/script&gt;<br>
  &lt;script type=&quot;text/javascript&quot;&gt;<br>
  &lt;!--<br>
    function display_account() {<br>
    var position_top = ( document.body.scrollTop || document.documentElement.scrollTop || window.scrollTop ) ; if ( parseInt(position_top) &gt; 170 ){<br>
    document.getElementById(&quot;display_account&quot;).style.top = position_top + &quot;px&quot;; } } window.onload = function() {<br>
    var isIE = 0&lt;=window.navigator.userAgent.indexOf(&quot;MSIE&quot;);<br>
    if(isIE &amp;&amp; document.compatMode==&quot;BackCompat&quot;){<br>
    document.body.onscroll = display_account;<br>
    }else{<br>
    document.documentElement.onscroll = display_account;<br>
    }<br>
    }<br>
    //--&gt;<br>
  &lt;/script&gt;<br>
  &lt;div id=&quot;display_account&quot; style=&quot;position:absolute;top:170px;right:20px;z-index:100;width:200px;&quot;&gt; 見積金額&lt;br /&gt;<br>
    合計：&lt;span id=&quot;display_account_amount&quot;&gt;0&lt;/span&gt; 円&lt;br /&gt;<br>
    消費税：&lt;span id=&quot;display_account_tax&quot;&gt;0&lt;/span&gt; 円&lt;br /&gt;<br>
    税込合計：&lt;span id=&quot;display_account_all&quot;&gt;0&lt;/span&gt; 円&lt;br /&gt;<br>
  &lt;/div&gt;<br>
  &lt;h1&gt;見積り&lt;/h1&gt;<br>
  &lt;p&gt;下記項目を選択すると自動計算します。&lt;/p&gt;<br>
  &lt;form name=&quot;form1&quot; action=&quot;&quot; id=&quot;form1&quot; method=&quot;post&quot;&gt;<br>
  &lt;table&gt;<br>
  &lt;tr&gt;<br>
  &lt;td&gt;商品&lt;/td&gt;<br>
  &lt;td&gt;グレード5&lt;/td&gt;<br>
  &lt;td&gt;グレード4&lt;/td&gt;<br>
  &lt;td&gt;グレード3&lt;/td&gt;<br>
  &lt;td&gt;グレード2&lt;/td&gt;<br>
  &lt;td&gt;グレード1&lt;/td&gt;<br>
  &lt;td&gt;数量&lt;/td&gt;<br>
  &lt;/tr&gt;<br>
  &lt;tr&gt;<br>
  &lt;td&gt;液晶テレビ&lt;/td&gt;<br>
  &lt;td&gt;&lt;input type=&quot;radio&quot; name=&quot;goods1&quot; id=&quot;goods1&quot; value=&quot;120000&quot; onClick=&quot;keisan()&quot; /&gt;<br>
    120,000円&lt;/td&gt;<br>
  &lt;td&gt;&lt;input type=&quot;radio&quot; name=&quot;goods1&quot; id=&quot;goods1&quot; value=&quot;40000&quot; onClick=&quot;keisan()&quot; /&gt;<br>
    40,000円&lt;/td&gt;<br>
  &lt;td&gt;&lt;input type=&quot;radio&quot; name=&quot;goods1&quot; id=&quot;goods1&quot; value=&quot;20000&quot; onClick=&quot;keisan()&quot; /&gt;<br>
    20,000円&lt;/td&gt;<br>
  &lt;td&gt;&lt;input type=&quot;radio&quot; name=&quot;goods1&quot; id=&quot;goods1&quot; value=&quot;15000&quot; onClick=&quot;keisan()&quot; /&gt;<br>
    15,000円&lt;/td&gt;<br>
  &lt;td&gt;&lt;input type=&quot;radio&quot; name=&quot;goods1&quot; id=&quot;goods1&quot; value=&quot;10000&quot; onClick=&quot;keisan()&quot; /&gt;<br>
    10,000円&lt;/td&gt;<br>
  &lt;td&gt;&lt;select name=&quot;volume1&quot; onchange=&quot;keisan()&quot;&gt;<br>
  &lt;option&gt;0&lt;/option&gt;<br>
  &lt;option&gt;1&lt;/option&gt;<br>
  &lt;option&gt;2&lt;/option&gt;<br>
  &lt;option&gt;3&lt;/option&gt;<br>
  &lt;option&gt;4&lt;/option&gt;<br>
  &lt;option&gt;5&lt;/option&gt;<br>
  &lt;option&gt;6&lt;/option&gt;<br>
  &lt;option&gt;7&lt;/option&gt;<br>
  &lt;option&gt;8&lt;/option&gt;<br>
  &lt;option&gt;9&lt;/option&gt;<br>
  &lt;option&gt;10&lt;/option&gt;<br>
  &lt;/select&gt;&lt;/td&gt;<br>
  &lt;/tr&gt;<br>
  &lt;tr&gt;<br>
  &lt;td&gt;エアコン&lt;/td&gt;<br>
  &lt;td&gt;&lt;input type=&quot;radio&quot; name=&quot;goods2&quot; id=&quot;goods2&quot; value=&quot;80000&quot; onClick=&quot;keisan()&quot; /&gt;<br>
    80,000円&lt;/td&gt;<br>
  &lt;td&gt;&lt;input type=&quot;radio&quot; name=&quot;goods2&quot; id=&quot;goods2&quot; value=&quot;60000&quot; onClick=&quot;keisan()&quot; /&gt;<br>
    60,000円&lt;/td&gt;<br>
  &lt;td&gt;&lt;input type=&quot;radio&quot; name=&quot;goods2&quot; id=&quot;goods2&quot; value=&quot;40000&quot; onClick=&quot;keisan()&quot; /&gt;<br>
    40,000円&lt;/td&gt;<br>
  &lt;td&gt;&lt;input type=&quot;radio&quot; name=&quot;goods2&quot; id=&quot;goods2&quot; value=&quot;20000&quot; onClick=&quot;keisan()&quot; /&gt;<br>
    20,000円&lt;/td&gt;<br>
  &lt;td&gt;&lt;input type=&quot;radio&quot; name=&quot;goods2&quot; id=&quot;goods2&quot; value=&quot;10000&quot; onClick=&quot;keisan()&quot; /&gt;<br>
    10,000円&lt;/td&gt;<br>
  &lt;td&gt;&lt;select name=&quot;volume2&quot; onchange=&quot;keisan()&quot;&gt;<br>
  &lt;option&gt;0&lt;/option&gt;<br>
  &lt;option&gt;1&lt;/option&gt;<br>
  &lt;option&gt;2&lt;/option&gt;<br>
  &lt;option&gt;3&lt;/option&gt;<br>
  &lt;option&gt;4&lt;/option&gt;<br>
  &lt;option&gt;5&lt;/option&gt;<br>
  &lt;option&gt;6&lt;/option&gt;<br>
  &lt;option&gt;7&lt;/option&gt;<br>
  &lt;option&gt;8&lt;/option&gt;<br>
  &lt;option&gt;9&lt;/option&gt;<br>
  &lt;option&gt;10&lt;/option&gt;<br>
  &lt;/select&gt;&lt;/td&gt;<br>
  &lt;/tr&gt;<br>
  &lt;tr&gt;<br>
  &lt;td&gt;パソコン&lt;/td&gt;<br>
  &lt;td&gt;&lt;input type=&quot;radio&quot; name=&quot;goods3&quot; id=&quot;goods3&quot; value=&quot;60000&quot; onClick=&quot;keisan()&quot; /&gt;<br>
    60,000円&lt;/td&gt;<br>
  &lt;td&gt;&lt;input type=&quot;radio&quot; name=&quot;goods3&quot; id=&quot;goods3&quot; value=&quot;40000&quot; onClick=&quot;keisan()&quot; /&gt;<br>
    40,000円&lt;/td&gt;<br>
  &lt;td&gt;&lt;input type=&quot;radio&quot; name=&quot;goods3&quot; id=&quot;goods3&quot; value=&quot;20000&quot; onClick=&quot;keisan()&quot; /&gt;<br>
    20,000円&lt;/td&gt;<br>
  &lt;td&gt;&lt;input type=&quot;radio&quot; name=&quot;goods3&quot; id=&quot;goods3&quot; value=&quot;10000&quot; onClick=&quot;keisan()&quot; /&gt;<br>
    10,000円&lt;/td&gt;<br>
  &lt;td&gt;&lt;input type=&quot;radio&quot; name=&quot;goods3&quot; id=&quot;goods3&quot; value=&quot;50000&quot; onClick=&quot;keisan()&quot; /&gt;<br>
    5,000円&lt;/td&gt;<br>
  &lt;td&gt;&lt;select name=&quot;volume3&quot; onchange=&quot;keisan()&quot;&gt;<br>
  &lt;option&gt;0&lt;/option&gt;<br>
  &lt;option&gt;1&lt;/option&gt;<br>
  &lt;option&gt;2&lt;/option&gt;<br>
  &lt;option&gt;3&lt;/option&gt;<br>
  &lt;option&gt;4&lt;/option&gt;<br>
  &lt;option&gt;5&lt;/option&gt;<br>
  &lt;option&gt;6&lt;/option&gt;<br>
  &lt;option&gt;7&lt;/option&gt;<br>
  &lt;option&gt;8&lt;/option&gt;<br>
  &lt;option&gt;9&lt;/option&gt;<br>
  &lt;option&gt;10&lt;/option&gt;<br>
  &lt;/select&gt;&lt;/td&gt;<br>
  &lt;/tr&gt;<br>
  &lt;tr&gt;<br>
  &lt;td&gt;&amp;nbsp;&lt;/td&gt;<br>
  &lt;td&gt;&amp;nbsp;&lt;/td&gt;<br>
  &lt;td&gt;&amp;nbsp;&lt;/td&gt;<br>
  &lt;td&gt;&amp;nbsp;&lt;/td&gt;<br>
  &lt;td&gt;&amp;nbsp;&lt;/td&gt;<br>
  &lt;td&gt;&amp;nbsp;&lt;/td&gt;<br>
  &lt;td&gt;&amp;nbsp;&lt;/td&gt;<br>
  &lt;/tr&gt;<br>
  &lt;tr&gt;<br>
  &lt;td&gt;&lt;/td&gt;<br>
  &lt;td&gt;&lt;/td&gt;<br>
  &lt;td&gt;&lt;/td&gt;<br>
  &lt;td&gt;&lt;/td&gt;<br>
  &lt;td&gt;&lt;/td&gt;<br>
  &lt;td&gt;&lt;/td&gt;<br>
  &lt;td&gt;&lt;/td&gt;<br>
  &lt;/tr&gt;<br>
  &lt;tr&gt;<br>
  &lt;td&gt;合計&lt;/td&gt;<br>
  &lt;td&gt;&lt;input type=&quot;text&quot; name=&quot;field_total1&quot; size=&quot;8&quot; value=&quot;0&quot;&gt;<br>
    円&lt;/td&gt;<br>
  &lt;td&gt;&amp;nbsp;&lt;/td&gt;<br>
  &lt;td&gt;&amp;nbsp;&lt;/td&gt;<br>
  &lt;td&gt;&amp;nbsp;&lt;/td&gt;<br>
  &lt;td&gt;&amp;nbsp;&lt;/td&gt;<br>
  &lt;td&gt;&amp;nbsp;&lt;/td&gt;<br>
  &lt;/tr&gt;<br>
  &lt;tr&gt;<br>
  &lt;td&gt;消費税&lt;/td&gt;<br>
  &lt;td&gt;&lt;input type=&quot;text&quot; name=&quot;field_tax&quot; size=&quot;8&quot; value=&quot;0&quot;&gt;<br>
    円&lt;/td&gt;<br>
  &lt;td&gt;&amp;nbsp;&lt;/td&gt;<br>
  &lt;td&gt;&amp;nbsp;&lt;/td&gt;<br>
  &lt;td&gt;&amp;nbsp;&lt;/td&gt;<br>
  &lt;td&gt;&amp;nbsp;&lt;/td&gt;<br>
  &lt;td&gt;&amp;nbsp;&lt;/td&gt;<br>
  &lt;/tr&gt;<br>
  &lt;tr&gt;<br>
  &lt;td&gt;税込合計&lt;/td&gt;<br>
  &lt;td&gt;&lt;input type=&quot;text&quot; name=&quot;field_total2&quot; size=&quot;8&quot; value=&quot;0&quot;&gt;<br>
    円&lt;/td&gt;<br>
  &lt;td&gt;&amp;nbsp;&lt;/td&gt;<br>
  &lt;td&gt;&amp;nbsp;&lt;/td&gt;<br>
  &lt;td&gt;&amp;nbsp;&lt;/td&gt;<br>
  &lt;td&gt;&amp;nbsp;&lt;/td&gt;<br>
  &lt;td&gt;&amp;nbsp;&lt;/td&gt;<br>
  &lt;/tr&gt;<br>
  &lt;/table&gt;<br>
  &lt;/form&gt;<br>
  &lt;/div&gt;</p>
</div>
]]></description>
            <link>http://hoshiya.biz/2010/09/javascript3-1.html</link>
            <guid>http://hoshiya.biz/2010/09/javascript3-1.html</guid>
            
                <category>Javascript</category>
            
                <category>WEB</category>
            
            
                <category>javascript</category>
            
            <pubDate>2010-09-21</pubDate>
        </item>
        
        <item>
            <title>JavaScriptで自動見積もりフォームを作ってみる。（その2）</title>
            <description><![CDATA[<p><a href="http://hoshiya.biz/2010/09/javascript-4.html">前回</a>は金額が3桁区切りになっていなかったので、</p>
<p>今回は3桁区切りを加えてみた。</p>
<p>&nbsp;</p>
<hr>

<div onscroll="display_account()">
<script type="text/javascript">
<!--

function keisan(){

var tax = 5; // 消費税率

var price1 = eval(document.form1.goods1.value) * document.form1.volume1 .selectedIndex; // 数量×単価
var price2 = eval(document.form1.goods2.value) * document.form1.volume2 .selectedIndex;
var price3 = eval(document.form1.goods3.value) * document.form1.volume3 .selectedIndex;

var total1 = parseInt(price1)+ parseInt(price2)+ parseInt(price3); // 税抜き合計を計算
var tax2 = Math.round((total1 * tax) / 100); //消費税を計算
var total2 = total1 + tax2; //税込み合計を計算

//表示用の金額を3桁区切りに変換
var data = new Array(total1,tax2,total2); //金額を配列に格納
var len = data.length; //配列の数を取得

for(cnt=0;cnt<len;cnt++){
    data[cnt] = new String(data[cnt]).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,"); //ここで正規表現で3桁ごとにカンマで区切る
} 

//フォームのテキストエリアに表示する金額
document.form1.field_total1.value = data[0]; // 税抜き合計
document.form1.field_tax.value = data[1]; // 消費税
document.form1.field_total2.value = data[2]; // 税込合計

//右の窓に表示する金額
document.getElementById("display_account_amount").innerHTML = data[0]; // 税抜き合計
document.getElementById("display_account_tax").innerHTML = data[1]; // 消費税
document.getElementById("display_account_all").innerHTML = data[2]; // 税込合計

}

// --> 
</script>

<script type="text/javascript">
<!--
function display_account() {
var position_top = ( document.body.scrollTop || document.documentElement.scrollTop || window.scrollTop ) ; if ( parseInt(position_top) > 170 ){
document.getElementById("display_account").style.top = position_top + "px"; } } window.onload = function() {
var isIE = 0<=window.navigator.userAgent.indexOf("MSIE");
if(isIE && document.compatMode=="BackCompat"){
document.body.onscroll = display_account;
}else{
document.documentElement.onscroll = display_account;
}
}
//-->
</script>

<div style="Z-INDEX: 100; POSITION: absolute; WIDTH: 200px; TOP: 170px; RIGHT: 20px" id="display_account">見積金額<br />合計：<span id="display_account_amount">0</span> 円<br />消費税：<span id="display_account_tax">0</span> 円<br />税込合計：<span id="display_account_all">0</span> 円<br /></div>
<h1>見積り</h1>
<p>下記項目を選択すると自動計算します。</p>
<form id="form1" method="post" name="form1" action="">
<table>
<tbody>
<tr>
<td>商品</td>
<td>&nbsp;</td>
<td>数量</td></tr>
<tr>
<td>果物</td>
<td><select onchange="keisan()" name="goods1"> <option selected value="0">選択してください</option> <option value="1000">リンゴ（3個入り）1,000円</option> <option value="450">バナナ 450円</option> <option value="35900">パイナップル　650円</option></select></td>
<td><select onchange="keisan()" name="volume1"> <option selected>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option></select></td></tr>
<tr>
<td>肉</td>
<td><select onchange="keisan()" name="goods2"> <option selected value="0">選択してください</option> <option value="500">牛肉（100g）500円</option> <option value="400">豚肉（100g）400円</option> <option value="300">鶏肉（100g）300円</option></select></td>
<td><select onchange="keisan()" name="volume2"> <option selected>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option></select></td></tr>
<tr>
<td>魚</td>
<td><select onchange="keisan()" name="goods3"> <option selected value="0">選択してください</option> <option value="110">さけ　110円</option> <option value="120">さば　120円</option> <option value="130">いわし　130円</option></select></td>
<td><select onchange="keisan()" name="volume3"> <option selected>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option></select></td></tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td></tr>
<tr>
<td></td>
<td></td>
<td></td></tr>
<tr>
<td>合計</td>
<td><input value="0" size="8" type="text" name="field_total1" /> 円</td>
<td>&nbsp;</td></tr>
<tr>
<td>消費税</td>
<td><input value="0" size="8" type="text" name="field_tax" /> 円</td>
<td>&nbsp;</td></tr>
<tr>
<td>税込合計</td>
<td><input value="0" size="8" type="text" name="field_total2" /> 円</td>
<td>&nbsp;</td></tr></tbody></table></form></div>
<hr>

<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="block_1">
<p>&lt;div onscroll="display_account()"&gt;<br />&lt;script type="text/javascript"&gt;<br />&lt;!--</p>
<p>function keisan(){</p>
<p>var tax = 5; // 消費税率</p>
<p>var price1 = eval(document.form1.goods1.value) * document.form1.volume1 .selectedIndex; // 数量×単価<br />var price2 = eval(document.form1.goods2.value) * document.form1.volume2 .selectedIndex;<br />var price3 = eval(document.form1.goods3.value) * document.form1.volume3 .selectedIndex;</p>
<p>var total1 = parseInt(price1)+ parseInt(price2)+ parseInt(price3); // 税抜き合計を計算<br />var tax2 = Math.round((total1 * tax) / 100); //消費税を計算<br />var total2 = total1 + tax2; //税込み合計を計算</p>
<p>//表示用の金額を3桁区切りに変換<br />
  var data = new Array(total1,tax2,total2); //金額を配列に格納<br />
  var len = data.length; //配列の数を取得</p>
<p>for(cnt=0;cnt&lt;len;cnt++){<br />
  <font color="red">data[cnt] = new String(data[cnt]).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,"); //ここで正規表現で3桁ごとにカンマで区切る</font><br />
  } </p>
<p>//フォームのテキストエリアに表示する金額<br />document.form1.field_total1.value = data[0]; // 税抜き合計<br />document.form1.field_tax.value = data[1]; // 消費税<br />document.form1.field_total2.value = data[2]; // 税込合計</p>
<p>//右の窓に表示する金額<br />document.getElementById("display_account_amount").innerHTML = data[0]; // 税抜き合計<br />document.getElementById("display_account_tax").innerHTML = data[1]; // 消費税<br />document.getElementById("display_account_all").innerHTML = data[2]; // 税込合計</p>
<p>}</p>
<p>// --&gt; <br />&lt;/script&gt;<br />&lt;script type="text/javascript"&gt;<br />&lt;!--<br />function display_account() {<br />var position_top = ( document.body.scrollTop || document.documentElement.scrollTop || window.scrollTop ) ; if ( parseInt(position_top) &gt; 170 ){<br />document.getElementById("display_account").style.top = position_top + "px"; } } window.onload = function() {<br />var isIE = 0&lt;=window.navigator.userAgent.indexOf("MSIE");<br />if(isIE &amp;&amp; document.compatMode=="BackCompat"){<br />document.body.onscroll = display_account;<br />}else{<br />document.documentElement.onscroll = display_account;<br />}<br />}<br />//--&gt;<br />&lt;/script&gt;<br />&lt;div id="display_account" style="position:absolute;top:170px;right:20px;z-index:100;width:200px;"&gt; 見積金額&lt;br /&gt;<br />合計：&lt;span id="display_account_amount"&gt;0&lt;/span&gt; 円&lt;br /&gt;<br />消費税：&lt;span id="display_account_tax"&gt;0&lt;/span&gt; 円&lt;br /&gt;<br />税込合計：&lt;span id="display_account_all"&gt;0&lt;/span&gt; 円&lt;br /&gt;<br />&lt;/div&gt;<br />&lt;h1&gt;見積り&lt;/h1&gt;<br />&lt;p&gt;下記項目を選択すると自動計算します。&lt;/p&gt;<br />&lt;form name="form1" action="" id="form1" method="post"&gt;<br />&lt;table&gt;<br />&lt;tr&gt;<br />&lt;td&gt;商品&lt;/td&gt;<br />&lt;td&gt;&amp;nbsp;&lt;/td&gt;<br />&lt;td&gt;数量&lt;/td&gt;<br />&lt;/tr&gt;<br />&lt;tr&gt;<br />&lt;td&gt;果物&lt;/td&gt;<br />&lt;td&gt;&lt;select name="goods1" onChange="keisan()"&gt;<br />&lt;option value="0" selected="selected"&gt;選択してください&lt;/option&gt;<br />&lt;option value="1000"&gt;リンゴ（3個入り）1,000円&lt;/option&gt;<br />&lt;option value="450"&gt;バナナ 450円&lt;/option&gt;<br />&lt;option value="35900"&gt;パイナップル　650円&lt;/option&gt;<br />&lt;/select&gt;&lt;/td&gt;<br />&lt;td&gt;&lt;select name="volume1" onchange="keisan()"&gt;<br />&lt;option&gt;0&lt;/option&gt;<br />&lt;option&gt;1&lt;/option&gt;<br />&lt;option&gt;2&lt;/option&gt;<br />&lt;option&gt;3&lt;/option&gt;<br />&lt;option&gt;4&lt;/option&gt;<br />&lt;option&gt;5&lt;/option&gt;<br />&lt;option&gt;6&lt;/option&gt;<br />&lt;option&gt;7&lt;/option&gt;<br />&lt;option&gt;8&lt;/option&gt;<br />&lt;option&gt;9&lt;/option&gt;<br />&lt;option&gt;10&lt;/option&gt;<br />&lt;/select&gt;&lt;/td&gt;<br />&lt;/tr&gt;<br />&lt;tr&gt;<br />&lt;td&gt;肉&lt;/td&gt;<br />&lt;td&gt;&lt;select name="goods2" onChange="keisan()"&gt;<br />&lt;option value="0" selected="selected"&gt;選択してください&lt;/option&gt;<br />&lt;option value="500"&gt;牛肉（100g）500円&lt;/option&gt;<br />&lt;option value="400"&gt;豚肉（100g）400円&lt;/option&gt;<br />&lt;option value="300"&gt;鶏肉（100g）300円&lt;/option&gt;<br />&lt;/select&gt;&lt;/td&gt;<br />&lt;td&gt;&lt;select name="volume2" onchange="keisan()"&gt;<br />&lt;option&gt;0&lt;/option&gt;<br />&lt;option&gt;1&lt;/option&gt;<br />&lt;option&gt;2&lt;/option&gt;<br />&lt;option&gt;3&lt;/option&gt;<br />&lt;option&gt;4&lt;/option&gt;<br />&lt;option&gt;5&lt;/option&gt;<br />&lt;option&gt;6&lt;/option&gt;<br />&lt;option&gt;7&lt;/option&gt;<br />&lt;option&gt;8&lt;/option&gt;<br />&lt;option&gt;9&lt;/option&gt;<br />&lt;option&gt;10&lt;/option&gt;<br />&lt;/select&gt;&lt;/td&gt;<br />&lt;/tr&gt;<br />&lt;tr&gt;<br />&lt;td&gt;魚&lt;/td&gt;<br />&lt;td&gt;&lt;select name="goods3" onChange="keisan()"&gt;<br />&lt;option value="0" selected="selected"&gt;選択してください&lt;/option&gt;<br />&lt;option value="110"&gt;さけ　110円&lt;/option&gt;<br />&lt;option value="120"&gt;さば　120円&lt;/option&gt;<br />&lt;option value="130"&gt;いわし　130円&lt;/option&gt;<br />&lt;/select&gt;&lt;/td&gt;<br />&lt;td&gt;&lt;select name="volume3" onchange="keisan()"&gt;<br />&lt;option&gt;0&lt;/option&gt;<br />&lt;option&gt;1&lt;/option&gt;<br />&lt;option&gt;2&lt;/option&gt;<br />&lt;option&gt;3&lt;/option&gt;<br />&lt;option&gt;4&lt;/option&gt;<br />&lt;option&gt;5&lt;/option&gt;<br />&lt;option&gt;6&lt;/option&gt;<br />&lt;option&gt;7&lt;/option&gt;<br />&lt;option&gt;8&lt;/option&gt;<br />&lt;option&gt;9&lt;/option&gt;<br />&lt;option&gt;10&lt;/option&gt;<br />&lt;/select&gt;&lt;/td&gt;<br />&lt;/tr&gt;<br />&lt;tr&gt;<br />&lt;td&gt;&amp;nbsp;&lt;/td&gt;<br />&lt;td&gt;&amp;nbsp;&lt;/td&gt;<br />&lt;td&gt;&amp;nbsp;&lt;/td&gt;<br />&lt;/tr&gt;<br />&lt;tr&gt;<br />&lt;td&gt;&lt;/td&gt;<br />&lt;td&gt;&lt;/td&gt;<br />&lt;td&gt;&lt;/td&gt;<br />&lt;/tr&gt;<br />&lt;tr&gt;<br />&lt;td&gt;合計&lt;/td&gt;<br />&lt;td&gt;&lt;input type="text" name="field_total1" size="8" value="0"&gt;<br />円&lt;/td&gt;<br />&lt;td&gt;&amp;nbsp;&lt;/td&gt;<br />&lt;/tr&gt;<br />&lt;tr&gt;<br />&lt;td&gt;消費税&lt;/td&gt;<br />&lt;td&gt;&lt;input type="text" name="field_tax" size="8" value="0"&gt;<br />円&lt;/td&gt;<br />&lt;td&gt;&amp;nbsp;&lt;/td&gt;<br />&lt;/tr&gt;<br />&lt;tr&gt;<br />&lt;td&gt;税込合計&lt;/td&gt;<br />&lt;td&gt;&lt;input type="text" name="field_total2" size="8" value="0"&gt;<br />円&lt;/td&gt;<br />&lt;td&gt;&amp;nbsp;&lt;/td&gt;<br />&lt;/tr&gt;<br />&lt;/table&gt;<br />&lt;/form&gt;<br />&lt;/div&gt;</p></div>
]]></description>
            <link>http://hoshiya.biz/2010/09/javascript2.html</link>
            <guid>http://hoshiya.biz/2010/09/javascript2.html</guid>
            
                <category>Javascript</category>
            
                <category>WEB</category>
            
            
                <category>javascript</category>
            
            <pubDate>2010-09-21</pubDate>
        </item>
        
        <item>
            <title>JavaScriptで数字をカンマで3桁区切りしてみた。</title>
            <description><![CDATA[<p>いろいろ探してみて一番よさそうなサンプルを使用して</p>
<p>金額の数値をカンマで3桁に区切り、</p>
<p>表示できるようやってみた。</p>
<p>&nbsp;</p>
<div class="block_1">&lt;body onload="addFigure()"&gt; 
<p>&nbsp;</p>
<p>&lt;script type="text/javascript"&gt;</p>
<p>&nbsp;</p>
<p>//3桁カンマ区切り</p>
<p>&nbsp;</p>
<p>function addFigure() {</p>
<p>&nbsp;</p>
<p>&nbsp;var str = 1000000000;</p>
<p>&nbsp;</p>
<p>&nbsp;str = String(str).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");</p>
<p>&nbsp;</p>
<p>&nbsp;document.getElementById("price").innerHTML = str;</p>
<p>}</p>
<p>&lt;/script&gt;</p>
<p>&nbsp;</p>
<p>&lt;div id="price"&gt;0&lt;/div&gt;</p>
<p>&lt;/body&gt;</p>&nbsp;</div>
<p>&nbsp;</p>
<p>これで「1,000,000,000」と表示されるはず</p>
<p>正規表現で数字の間にカンマを置き換えているのですが、</p>
<p>正規表現についてはチンプンカンプンです。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>参考サイト：<a href="http://www.coppermine.jp/hasunuma/weblog/2010/05/post.html">http://www.coppermine.jp/hasunuma/weblog/2010/05/post.html</a></p>]]></description>
            <link>http://hoshiya.biz/2010/09/javascript3.html</link>
            <guid>http://hoshiya.biz/2010/09/javascript3.html</guid>
            
                <category>Javascript</category>
            
                <category>WEB</category>
            
            
                <category>javascript</category>
            
                <category>正規表現</category>
            
            <pubDate>2010-09-21</pubDate>
        </item>
        
        <item>
            <title>JavaScriptで自動見積りフォームを作ってみる。</title>
            <description><![CDATA[<p>課題はたくさんあるものの、</p>
<p>いろいろサンプルを探してJavaScriptの自動見積りフォームを作ってみた。 </p>
<hr>

<div onscroll="display_account()">
<script type="text/javascript">
<!--

function keisan(){

	// 計算開始

	var tax = 5; // 消費税率
	
	var price1 = eval(document.form1.goods1.value) * document.form1.volume1	.selectedIndex; // 数量×単価
	var price2 = eval(document.form1.goods2.value) * document.form1.volume2	.selectedIndex;
	var price3 = eval(document.form1.goods3.value) * document.form1.volume3	.selectedIndex;
	
	var total1 = parseInt(price1)+ parseInt(price2)+ parseInt(price3); // 合計を計算
	var tax2 = Math.round((total1 * tax) / 100); //消費税を計算

	// フォームのテキストエリアに表示する金額
	document.form1.field_total1.value = total1; // 合計を表示
	document.form1.field_tax.value = tax2; // 消費税を表示
	document.form1.field_total2.value = total1 + tax2; // 税込合計を表示

	//右の窓に表示する金額
	document.getElementById("display_account_amount").innerHTML = total1;
	document.getElementById("display_account_tax").innerHTML = tax2;
	document.getElementById("display_account_all").innerHTML = total1 + tax2;

}

// --> 
</script>

<script type="text/javascript">
<!--
function display_account() {
	var position_top = ( document.body.scrollTop  || document.documentElement.scrollTop || window.scrollTop ) ; if ( parseInt(position_top) > 170 ){
		document.getElementById("display_account").style.top = position_top + "px"; } } window.onload = function() {
		var isIE = 0<=window.navigator.userAgent.indexOf("MSIE");
		if(isIE && document.compatMode=="BackCompat"){
			document.body.onscroll = display_account;
		}else{
			document.documentElement.onscroll = display_account;
		}
	}
//-->
</script>

<div style="Z-INDEX: 100; POSITION: absolute; WIDTH: 200px; TOP: 170px; RIGHT: 20px" id="display_account">見積金額<br />合計：<span id="display_account_amount">0</span> 円<br />消費税：<span id="display_account_tax">0</span> 円<br />税込合計：<span id="display_account_all">0</span> 円<br /></div>
<h1>見積り</h1>
<p>下記項目を選択すると自動計算します。</p>
<form id="form1" method="post" name="form1" action="">
<table>
<tbody>
<tr>
<td>商品</td>
<td>&nbsp;</td>
<td>数量</td></tr>
<tr>
<td>果物</td>
<td><select onchange="keisan()" name="goods1"> <option selected value="0">選択してください</option> <option value="1000">リンゴ（3個入り）1,000円</option> <option value="450">バナナ 450円</option> <option value="35900">パイナップル　650円</option></select></td>
<td><select onchange="keisan()" name="volume1"> <option selected>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option></select></td></tr>
<tr>
<td>肉</td>
<td><select onchange="keisan()" name="goods2"> <option selected value="0">選択してください</option> <option value="500">牛肉（100g）500円</option> <option value="400">豚肉（100g）400円</option> <option value="300">鶏肉（100g）300円</option></select></td>
<td><select onchange="keisan()" name="volume2"> <option selected>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option></select></td></tr>
<tr>
<td>魚</td>
<td><select onchange="keisan()" name="goods3"> <option selected value="0">選択してください</option> <option value="110">さけ　110円</option> <option value="120">さば　120円</option> <option value="130">いわし　130円</option></select></td>
<td><select onchange="keisan()" name="volume3"> <option selected>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option></select></td></tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td></tr>
<tr>
<td></td>
<td></td>
<td></td></tr>
<tr>
<td>合計</td>
<td><input value="0" size="8" type="text" name="field_total1" /> 円</td>
<td>&nbsp;</td></tr>
<tr>
<td>消費税</td>
<td><input value="0" size="8" type="text" name="field_tax" /> 円</td>
<td>&nbsp;</td></tr>
<tr>
<td>税込合計</td>
<td><input value="0" size="8" type="text" name="field_total2" /> 円</td>
<td>&nbsp;</td></tr></tbody></table></form></div>
<hr>

<p>ソース</p>
<div class="block_1">&lt;div onscroll="display_account()"&gt; 
<p>&lt;script type="text/javascript"&gt;<br />&lt;!--</p>
<p>function keisan(){</p>
<p>// 計算開始</p>
<p>var tax = 5; // 消費税率<br /><br />var price1 = eval(document.form1.goods1.value) * document.form1.volume1 .selectedIndex; // 数量×単価<br />var price2 = eval(document.form1.goods2.value) * document.form1.volume2 .selectedIndex;<br />var price3 = eval(document.form1.goods3.value) * document.form1.volume3 .selectedIndex;<br /><br />var total1 = parseInt(price1)+ parseInt(price2)+ parseInt(price3); // 合計を計算<br />var tax2 = Math.round((total1 * tax) / 100); //消費税を計算</p>
<p>// フォームのテキストエリアに表示する金額<br />document.form1.field_total1.value = total1; // 合計を表示<br />document.form1.field_tax.value = tax2; // 消費税を表示<br />document.form1.field_total2.value = total1 + tax2; // 税込合計を表示</p>
<p>//右の窓に表示する金額<br />document.getElementById("display_account_amount").innerHTML = total1;<br />document.getElementById("display_account_tax").innerHTML = tax2;<br />document.getElementById("display_account_all").innerHTML = total1 + tax2;</p>
<p>}</p>
<p>// --&gt; <br />&lt;/script&gt;</p>
<p>&nbsp;</p>
<p>&lt;script type="text/javascript"&gt;<br />&lt;!--<br />function display_account() {<br />var position_top = ( document.body.scrollTop || document.documentElement.scrollTop || window.scrollTop ) ; if ( parseInt(position_top) &gt; 170 ){<br />document.getElementById("display_account").style.top = position_top + "px"; } } window.onload = function() {<br />var isIE = 0&lt;=window.navigator.userAgent.indexOf("MSIE");<br />if(isIE &amp;&amp; document.compatMode=="BackCompat"){<br />document.body.onscroll = display_account;<br />}else{<br />document.documentElement.onscroll = display_account;<br />}<br />}<br />//--&gt;<br />&lt;/script&gt;</p>
<p>&lt;div id="display_account" style="position:absolute;top:170px;right:20px;z-index:100;width:200px;"&gt; 見積金額&lt;br /&gt;<br />合計：&lt;span id="display_account_amount"&gt;0&lt;/span&gt; 円&lt;br /&gt;<br />消費税：&lt;span id="display_account_tax"&gt;0&lt;/span&gt; 円&lt;br /&gt;<br />税込合計：&lt;span id="display_account_all"&gt;0&lt;/span&gt; 円&lt;br /&gt;<br />&lt;/div&gt;<br />&lt;h1&gt;見積り&lt;/h1&gt;<br />&lt;p&gt;下記項目を選択すると自動計算します。&lt;/p&gt;<br />&lt;form name="form1" action="" id="form1" method="post"&gt;<br />&lt;table&gt;<br />&lt;tr&gt;<br />&lt;td&gt;商品&lt;/td&gt;<br />&lt;td&gt;&amp;nbsp;&lt;/td&gt;<br />&lt;td&gt;数量&lt;/td&gt;<br />&lt;/tr&gt;<br />&lt;tr&gt;<br />&lt;td&gt;果物&lt;/td&gt;<br />&lt;td&gt;&lt;select name="goods1" onChange="keisan()"&gt;<br />&lt;option value="0" selected="selected"&gt;選択してください&lt;/option&gt;<br />&lt;option value="1000"&gt;リンゴ（3個入り）1,000円&lt;/option&gt;<br />&lt;option value="450"&gt;バナナ 450円&lt;/option&gt;<br />&lt;option value="35900"&gt;パイナップル　650円&lt;/option&gt;<br />&lt;/select&gt;&lt;/td&gt;<br />&lt;td&gt;&lt;select name="volume1" onchange="keisan()"&gt;<br />&lt;option&gt;0&lt;/option&gt;<br />&lt;option&gt;1&lt;/option&gt;<br />&lt;option&gt;2&lt;/option&gt;<br />&lt;option&gt;3&lt;/option&gt;<br />&lt;option&gt;4&lt;/option&gt;<br />&lt;option&gt;5&lt;/option&gt;<br />&lt;option&gt;6&lt;/option&gt;<br />&lt;option&gt;7&lt;/option&gt;<br />&lt;option&gt;8&lt;/option&gt;<br />&lt;option&gt;9&lt;/option&gt;<br />&lt;option&gt;10&lt;/option&gt;<br />&lt;/select&gt;&lt;/td&gt;<br />&lt;/tr&gt;<br />&lt;tr&gt;<br />&lt;td&gt;肉&lt;/td&gt;<br />&lt;td&gt;&lt;select name="goods2" onChange="keisan()"&gt;<br />&lt;option value="0" selected="selected"&gt;選択してください&lt;/option&gt;<br />&lt;option value="500"&gt;牛肉（100g）500円&lt;/option&gt;<br />&lt;option value="400"&gt;豚肉（100g）400円&lt;/option&gt;<br />&lt;option value="300"&gt;鶏肉（100g）300円&lt;/option&gt;<br />&lt;/select&gt;&lt;/td&gt;<br />&lt;td&gt;&lt;select name="volume2" onchange="keisan()"&gt;<br />&lt;option&gt;0&lt;/option&gt;<br />&lt;option&gt;1&lt;/option&gt;<br />&lt;option&gt;2&lt;/option&gt;<br />&lt;option&gt;3&lt;/option&gt;<br />&lt;option&gt;4&lt;/option&gt;<br />&lt;option&gt;5&lt;/option&gt;<br />&lt;option&gt;6&lt;/option&gt;<br />&lt;option&gt;7&lt;/option&gt;<br />&lt;option&gt;8&lt;/option&gt;<br />&lt;option&gt;9&lt;/option&gt;<br />&lt;option&gt;10&lt;/option&gt;<br />&lt;/select&gt;&lt;/td&gt;<br />&lt;/tr&gt;<br />&lt;tr&gt;<br />&lt;td&gt;魚&lt;/td&gt;<br />&lt;td&gt;&lt;select name="goods3" onChange="keisan()"&gt;<br />&lt;option value="0" selected="selected"&gt;選択してください&lt;/option&gt;<br />&lt;option value="110"&gt;さけ　110円&lt;/option&gt;<br />&lt;option value="120"&gt;さば　120円&lt;/option&gt;<br />&lt;option value="130"&gt;いわし　130円&lt;/option&gt;<br />&lt;/select&gt;&lt;/td&gt;<br />&lt;td&gt;&lt;select name="volume3" onchange="keisan()"&gt;<br />&lt;option&gt;0&lt;/option&gt;<br />&lt;option&gt;1&lt;/option&gt;<br />&lt;option&gt;2&lt;/option&gt;<br />&lt;option&gt;3&lt;/option&gt;<br />&lt;option&gt;4&lt;/option&gt;<br />&lt;option&gt;5&lt;/option&gt;<br />&lt;option&gt;6&lt;/option&gt;<br />&lt;option&gt;7&lt;/option&gt;<br />&lt;option&gt;8&lt;/option&gt;<br />&lt;option&gt;9&lt;/option&gt;<br />&lt;option&gt;10&lt;/option&gt;<br />&lt;/select&gt;&lt;/td&gt;<br />&lt;/tr&gt;<br />&lt;tr&gt;<br />&lt;td&gt;&amp;nbsp;&lt;/td&gt;<br />&lt;td&gt;&amp;nbsp;&lt;/td&gt;<br />&lt;td&gt;&amp;nbsp;&lt;/td&gt;<br />&lt;/tr&gt;<br />&lt;tr&gt;<br />&lt;td&gt;&lt;/td&gt;<br />&lt;td&gt;&lt;/td&gt;<br />&lt;td&gt;&lt;/td&gt;<br />&lt;/tr&gt;<br />&lt;tr&gt;<br />&lt;td&gt;合計&lt;/td&gt;<br />&lt;td&gt;&lt;input type="text" name="field_total1" size="8" value="0"&gt;<br />円&lt;/td&gt;<br />&lt;td&gt;&amp;nbsp;&lt;/td&gt;<br />&lt;/tr&gt;<br />&lt;tr&gt;<br />&lt;td&gt;消費税&lt;/td&gt;<br />&lt;td&gt;&lt;input type="text" name="field_tax" size="8" value="0"&gt;<br />円&lt;/td&gt;<br />&lt;td&gt;&amp;nbsp;&lt;/td&gt;<br />&lt;/tr&gt;<br />&lt;tr&gt;<br />&lt;td&gt;税込合計&lt;/td&gt;<br />&lt;td&gt;&lt;input type="text" name="field_total2" size="8" value="0"&gt;<br />円&lt;/td&gt;<br />&lt;td&gt;&amp;nbsp;&lt;/td&gt;<br />&lt;/tr&gt;<br />&lt;/table&gt;<br />&lt;/form&gt;<br />&lt;/div&gt;</p></div>
<p>次は金額を3桁区切りにする方法を探ってみたいと思います。</p>
<p>JavaScriptは3桁区切りにしてくれる関数が存在しないみたいですね。</p>
<p>3桁毎に「,」を挿入する方法と正規表現による置換える方法があるようですが、</p>
<p>正規表現による置換えがすっきりしてよさそう。</p>
<div class="block_1">//3桁カンマ区切り<br />function addFigure(str) {<br /><br />　var num = new String(str).replace(/,/g, "");<br /><br />　while(num != (num = num.replace(/^(-?\d+)(\d{3})/, "$1,$2")));<br /><br />　return num;<br /><br />}</div>
<p>参考サイト：<a href="http://ameblo.jp/linking/entry-10046853346.html" target="_blank">http://ameblo.jp/linking/entry-10046853346.html</a></p>]]></description>
            <link>http://hoshiya.biz/2010/09/javascript-4.html</link>
            <guid>http://hoshiya.biz/2010/09/javascript-4.html</guid>
            
                <category>Javascript</category>
            
            
                <category>javascript</category>
            
            <pubDate>2010-09-20</pubDate>
        </item>
        
        <item>
            <title>IISでPOST送信すると405エラーが出るときの対処方法</title>
            <description><![CDATA[<div class="block_1">HTTP 405 - 許可されていないリソースです。</div>
<p>とエラーが出る場合。IISでPOST送信が許可されていない場合になるそうです。</p>
<p>ということでネットで調べたら以下の方法が出てきたので試したら解決しました。</p>
<p>&nbsp;</p><p>Windws 2000 Serverの場合</p>
<p>マイコンピュータを右クリックして「<strong>管理</strong>」を選択</p>
<p>↓</p>
<p><strong>インターネットインフォメーションサービス</strong>で該当するサイトを右クリックして「<strong>プロパティ</strong>」を選択</p>
<p>↓</p>
<p>「<strong>ホームディレクトリ</strong>」タブの「<strong>構成</strong>」ボタンをクリック</p>
<p>↓</p>
<p>「<strong>アプリケーションのマッピング</strong>」タブの「<strong>追加</strong>」ボタンを押して以下を追加</p>
<div class="block_1">
<p>実行ファイ　→　C:\WINNT\System32\inetsrv\ssinc.dll</p>
<p>拡張子　→　.html</p>
<p>動詞　→　制限　→　GET,POST</p></div>
<p>ついでに「.htm」も追加しておく。</p>]]></description>
            <link>http://hoshiya.biz/2010/09/iispost405.html</link>
            <guid>http://hoshiya.biz/2010/09/iispost405.html</guid>
            
                <category>2000 Server</category>
            
                <category>IIS</category>
            
                <category>OS</category>
            
                <category>WEB</category>
            
                <category>Windows</category>
            
            
                <category>405</category>
            
                <category>IIS</category>
            
                <category>post</category>
            
            <pubDate>2010-09-20</pubDate>
        </item>
        
    </channel>
</rss>


