• 締切済み

Jqselectable+Ajaxzip3について

Jqselectable+Ajaxzip3の組み合わせにしたいのですが、 公式サイトにはajaxzip2のサンプルソースしかありません。 Jqselectableにajaxzip3を活用する場合のソースはどのようになりますでしょうか? ご教授いただけると助かりますm-m 下部参照: http://code.google.com/p/jqselectable/ --- ajax2のソース: var pref = $("#pref").jQselectable({ set: "fadeIn", setDuration: "fast", opacity: .9 }); $("#zip").keyup(function(){ // AjaxZip2 AjaxZip2.zip2addr(this,"pref","addr"); }).blur(function(){ // rebuilds target jQselectable element pref.rebuild(); }); --- ---- ajaxzip3は右記の通り設定しております。 郵便番号(zip1)-郵便番号(zip2) 都道府県 (プルダウン) address1 それ以降 address2 --- よろしくお願いします

みんなの回答

  • yamada_g
  • ベストアンサー率68% (258/374)
回答No.2

Jqselectable、ajaxzip3はおろかjqueryもあまり知らないのですが・・・ >$("#zip1","#zip2").keyup(function(){ セレクタの指定がおかしくないですか? $("#zip1, #zip2").keyup(function(){ ではないでしょうか。

ryoryu2002
質問者

お礼

どうもありがとうございました。

ryoryu2002
質問者

補足

ご回答ありがとうございます。 指定通りに修正しましたが、動作不可能でした・・・

  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

以下の、利用方法と注)ではダメですか? 引数の順序が変わったみたいです。 http://code.google.com/p/ajaxzip3/

ryoryu2002
質問者

お礼

どうもありがとうございました。

ryoryu2002
質問者

補足

早速の回答ありがとうございますm-m ajaxzip3単独では正常に動作するのですが、 Jqselectableと組み合わせた時のソースが分からないです・・・ 以下の通り設定してみましたが、動作しませんでした。 ---- var address1 = $("#address1").jQselectable({ set: "fadeIn", setDuration: "fast", opacity: .9 }); $("#zip1","#zip2").keyup(function(){ // AjaxZip3 AjaxZip3.zip2addr("zip1","zip2","address1","address2"); }).blur(function(){ // rebuilds target jQselectable element address1.rebuild(); }); ---- ご教授いただけると嬉しいですm-m

関連するQ&A

  • AjaxZip3.zip2addr IE8でエラー

    AjaxZip3の郵便番号からの住所検索を行うために 『株式会社人気組』(http://code.google.com/p/ajaxzip3/)を利用していますが、 複数の設定を行うとIE8で1つ目は問題ないのですが2つ目から 下記の様なエラーが出て困っています。 Safari、Firefox、Google Chromeは、大丈夫です。 何がいけないのでしょう? ツールーインターネットオプションー詳細設定ースクリプトのデバッグを使用しないのチェックを外す IE8のスクリプトエラーの通知の表示結果  ---- Web ページ エラーの詳細 ユーザー エージェント: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; YTB730; SLCC1; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 1.1.4322; .NET4.0C; .NET CLR 3.0.30729; .NET4.0E) タイムスタンプ: Thu, 17 Mar 2011 02:02:45 UTC メッセージ: ']' がありません。 ライン: 1 文字: 57 コード: 0 URI: https://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/zipdata/zip-150.js ---- ソースコードの例 zip2addr.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <head><title>〒-住所</title></head><body> <script src="http://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3.js" charset="UTF-8"></script> <form> 郵便番号:<input type="text" name="zip11" size="4" maxlength="3"> - <input type="text" name="zip12" size="5" maxlength="4" onKeyUp="AjaxZip3.zip2addr('zip11','zip12','pref11','addr11','strt11');"><br /> 都道府県:<input type="text" name="pref11" size="40"><br /> 市町村区:<input type="text" name="addr11" size="40"><br /> 以降の住所:<input type="text" name="strt11" size="40"><br /> </form> <form> 郵便番号:<input type="text" name="zip21" size="4" maxlength="3"> - <input type="text" name="zip22" size="5" maxlength="4" onKeyUp="AjaxZip3.zip2addr('zip21','zip22','pref21','addr21','strt21');"><br /> 都道府県:<input type="text" name="pref21" size="40"><br /> 市町村区:<input type="text" name="addr21" size="40"><br /> 以降の住所:<input type="text" name="strt21" size="40"><br /> </form></body></html> 本当は、4つまであるのですが、入りませんでした。 この2つでも2つ目でエラー出ます。

  • AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム(C

    AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム(CGI不要版) を使用しています。 サンプルHTMLソース (3) 郵便番号3桁+4桁分離型 <script src="ajaxzip2/prototype.js"></script> <script src="ajaxzip2/ajaxzip2.js" charset="UTF-8"></script> <form method="POST" action="http://~"> 郵便番号: 〒<input type="text" name="zip1" size="10" maxlength="8"> - <input type="text" name="zip2" size="10" maxlength="8" onKeyUp="AjaxZip2.zip2addr('zip1','addr','addr','zip2');"><br> ご住所: <input type="text" name="addr" size="60"><br> </form> 1項目だけの設定でしたら問題なく動作するのですが、 上記とまったく同等の項目を後3点増やしたいと考えております。 当然そのままコピペでソースを追加しただけでは動作しませんでした。 2項目以上設定する場合はどこを設定すればよいのでしょうか? ご教授の程、お願いします。

    • ベストアンサー
    • AJAX
  • JSPで郵便番号から住所を得るには?

    JSPのJAVAのコーディングの中で、郵便番号から、住所を得るには、 どう記述すればよろしいでしょうか? <% <script src="http://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3.js" charset="UTF-8"></script> <script src="./ajaxzip3.js" charset="UTF-8"></script> AjaxZip3.zip2addr('zip31','zip32','pref31','addr31','addr31');" %>

    • ベストアンサー
    • AJAX
  • PHP内のkeyonupの記述方法

    AjaxZip2.0 ​http://www.kawa.net/works/ajax/ajaxzip2/ajaxzip2.html​ を導入しようと思い、いろいろと試行錯誤しているのですが、うまくいきません。記述の方法が違うのかと、調べているのですが、うまくいかないので、誰かわかるかた助けてください~。状況は以下です。 ファイル名:xxxx.php(phpファイルですが内部はHTMLの様に描かれてます) 該当箇所: <th>郵便番号</th> <td>〒<input maxlength="5" name="pd[zip_code1_txt]" id="zip1" size="5" value="<?= $pd['zip_code1_txt'] ?>" />- <input maxlength="10" name="pd[zip_code2_txt]" id="zip2" size="10" value="<?= $pd['zip_code2_txt'] ?>" onKeyUp=\"AjaxZip2.zip2addr('zip_code1_txt','pref_i','address1_txt','zip_code2_txt','address2_txt');\" /><em>半角数字(例:〒111-1111)</em></td> </tr> <tr> <th>市区町村</th> <td><input style="background-color: rgb(255, 255, 160); maxlength="64" name="pd[address1_txt]" size="50" id="address1" value="<?= $pd['address1_txt'] ?>" />(例:中央区銀座)</td> </tr> <tr> <th>番地など</th> <td><input style="background-color: rgb(255, 255, 160); maxlength="64" name="pd[address2_txt]" size="50" id="address2" value="<?= $pd['address2_txt'] ?>" />(例:1-1-1 プラザ銀座101)</td> </tr> こちらで、 onKeyUp="AjaxZip2.zip2addr('zip_code1_txt','pref_i','address1_txt','zip_code2_txt','address2_txt');" が読み込まれてないんじゃないかと。。PHP内での記述方法が違う様ですが、それすら詳しくないので、どなたか解決方法をくださいー(泣)

    • 締切済み
    • PHP
  • JSPでonKeyイベントを強制実行したい

    JSPで下記で困っています。 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="http://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3.js" charset="UTF-8"></script> </head> <body> <form action="./" method="post"> <input type="hidden" name="zip"" value="032345" onChange="AjaxZip3.zip2addr('zip','','address1');"><br> <input type="text" name="address1" size="60"> </form> </body> </html> <% // 1.onChageイベントを強制的に発行させたい。 // 2.address1の値をStringに取り込みたい。 %>

  • 続き] divの背景画像を、徐々に表示させるには?

    トップページの2つのdivボックスの背景画像を、徐々に表示されるようにするjavascriptを作って頂いたのですが、リピートをやめる方法を御教えいただくのを忘れてしまいました! (http://oshiete1.goo.ne.jp/qa3921804.html) リピートをとめるには、下記ソースをどのようにすればよろしいでしょうか? ------------------------------------------------------------ fade.js ------------------------------------------------------------ var after = 10; // 秒数を指定 var tid1; var tid2; window.onload = function () { fdi2(); tid2=window.setInterval("fdi2()", after*1000); }; function fdi2() { var img1 = document.getElementById("limg"); img1.style.visibility = "visible"; fadeIn("limg", 0); var img2 = document.getElementById("rimg"); img2.style.visibility = "visible"; fadeIn("rimg", 0); } function fadeIn(imgId, opacity) { if (opacity <= 100) { setOpacity(document.getElementById(imgId), opacity); opacity += 10; tid1=window.setTimeout("fadeIn('" + imgId + "'," + opacity + ")", 80); } else { window.clearTimeout(tid1); } } function setOpacity(img, opacity) { img.style.filter = "alpha(opacity:" + opacity + ")"; img.style.KHTMLOpacity = opacity / 100; img.style.MozOpacity = opacity / 100; img.style.opacity = opacity / 100; }

  • javascriptでのフェードイン

    javascriptで画像表示をフェードインにしたいと思っております。 ネット上の情報から以下のソースを使用しております。 1html上に一つの画像を配置すると問題無く機能するのですが、 複数の画像を表示しようとすると一つ目の画像しか表示されません。 どこを変更すれば良いのか分からず困っております・・・ 修正方法、もしくはもっと簡単な方法がございましたら教えていただけないでしょうか。 ※以下のサンプルでは画像は二つですが、実際の使用時には制約上は無制限で画像を配置する予定です。 (Photologのサムネイル表示での使用を想定しております。) ///javascript file/// document.write("<style type='text/css'>#thephoto {visibility:hidden;}</style>"); window.onload = function() {initImage()} function initImage() { imageId = 'thephoto'; image = document.getElementById(imageId); setOpacity(image, 0); image.style.visibility = "visible"; fadeIn(imageId,0); } function fadeIn(objId,opacity) { if (document.getElementById) { obj = document.getElementById(objId); if (opacity <= 100) { setOpacity(obj, opacity); opacity += 25; window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100); } } } function setOpacity(obj, opacity) { opacity = (opacity == 100)?99.999:opacity; // IE/Win obj.style.filter = "alpha(opacity:"+opacity+")"; // Safari<1.2, Konqueror obj.style.KHTMLOpacity = opacity/100; // Older Mozilla and Firefox obj.style.MozOpacity = opacity/100; // Safari 1.2, newer Firefox and Mozilla, CSS3 obj.style.opacity = opacity/100; } window.onload = function() {initImage()} //////////////////////// ///html file/// <html> <head> <title></title> <script type="text/javascript" src="fade.js"></script> </head> <body> <img src="img_01.jpg" id="thephoto" /></div> <img src="img_02.jpg" id="thephoto" /></div> </body> </html> //////////////////////// どなかたご教授いただけますでしょうか。 何卒、宜しくお願い申し上げます。

  • 二つのフィルタを同時に使用したい

    よろしくお願いいたします。 フェードインと光源のフィルタを同時に使用したいと希望しております。 現在、ページを開くと、画像がフェードインするようになっています。 n = 0; function fadein() { if (n > 100) return; n += 10; IMG1.filters['alpha'].opacity = n; setTimeout("fadein()",200); } ~ <BODY onload="fadein();"> (ちなみに実際には、この画像はページを開くたびに変わります。) document.write("~ id='IMG1' name='name1' style='filter:alpha(opacity=0);'>"); さらにこれに、例えば以下のような光源フィルタを追加したいと希望し試行錯誤しておりましたがどうしてもうまくいきません。 name1.filters.light.addAmbient(255, 255, 255, 50) name1.filters.light.addcone(1, 1, 1, 150,150,255,255,255,100,50) 恐れ入りますが何卒ご教授いただきたくお願いいたします。 申し訳ございませんが、具体的にどのように書けばよいかソースを添付いただけると大変ありがたいです。よろしくお願いします。

  • IE9で郵便番号住所自動入力不具合 AjaxZIP

    下記アドレスよりダウンロードできる 郵便番号からの住所入力補助のシステムを導入しました。 ▼AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム(CGI不要版) http://www.kawa.net/works/ajax/ajaxzip2/ajaxzip2.html 郵便番号をキーボードで一字づつ入力しても、コピペしても 該当する郵便番号があれば住所項目に該当住所の市町村までが 自動入力されます。 しかしIE9だけ 郵便番号をコピペで入力しても反応しません。 (一字づつ入力すると反応する) ie8・クローム・ファイヤーフォックスではコピペでも問題なく対応できるようなのですが なぜIE9だけ反応しないのでしょうか? IE9はどのように仕様が変わったのか? 対応策はあるのか? 設定方法が悪いのか? お手数ですがご存知の方いらっしゃいましたらお教え下さい。m(__)m

  • javascriptでのフェードイン

    javascriptを使用してhtml上の画像をフェードインにて表示したいと思っております。 ネット上の情報とこちらのサイトでのアドバイスを元に以下のソースを使用しておりますが WindowsのIE(6&7)で確認すると「エラー:オブジェクトがありません」と表示されてしまいます。 こちらで確認したところjavascript最後の行の「window.onload~」がエラーの原因となっているようなのですが、 修正する記述方法が分からず困っております。 解決策をご存じの方がおられましたらお手数ですが、 ご教授いただけないでしょうか。 何卒、宜しくお願い申し上げます。 ///javascript file(fade.js)/// document.write("<style type='text/css'>#thephoto1 {visibility:hidden;}</style>"); document.write("<style type='text/css'>#thephoto2 {visibility:hidden;}</style>"); document.write("<style type='text/css'>#thephoto3 {visibility:hidden;}</style>"); function initImage() { for(i=1;i<4;i++){ imageId = 'thephoto' + i; image = document.getElementById(imageId); setOpacity(image, 0); image.style.visibility = "visible"; fadeIn(imageId,0); } } function fadeIn(objId,opacity) { if (document.getElementById) { obj = document.getElementById(objId); if (opacity <= 100) { setOpacity(obj, opacity); opacity += 25; window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100); } } } function setOpacity(obj, opacity) { opacity = (opacity == 100)?99.999:opacity; // IE/Win obj.style.filter = "alpha(opacity:"+opacity+")"; // Safari<1.2, Konqueror obj.style.KHTMLOpacity = opacity/100; // Older Mozilla and Firefox obj.style.MozOpacity = opacity/100; // Safari 1.2, newer Firefox and Mozilla, CSS3 obj.style.opacity = opacity/100; } window.onload = function() { initImage() } //////////////////////// ///html file/// <html> <head> <script type="text/javascript" src="fade.js"></script> </head> <body> <img src="img_01.jpg" id="thephoto1" /> <img src="img_02.jpg" id="thephoto2" /> <img src="img_03.jpg" id="thephoto3" /> </body> </html> ////////////////////////

専門家に質問してみよう