〒郵便番号自動入力 コンタクトフォーム7

ajaxzip3

とやらをつかいます

■welcart

ファンクションの状態でドリではバグルが

いい風に動作するやつ ファンクションに
http://qiita.com/kawaosa/items/ecacdfb28af3e5dc17b5

<?php
add_filter( 'usces_filter_apply_addressform', 'zip2addr_jp', 10, 3);
function zip2addr_jp($formtag, $type, $data){
  $pref_name = $type.'[pref]';
  $addr_name = $type.'[address1]';
  $js =<<<END
<script src="https://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3.js" charset="UTF-8"></script>
<script>
jQuery(function($) {
  $('#zipcode').change(function() {
    AjaxZip3.zip2addr(this, '', '$pref_name', '$addr_name');
  });
});
</script>
END;
  return $formtag.$js;
}
  
  
?>

ばぐらんが
郵便番号を入力しなおせないやつ
これはヘッダーに
http://riyomaru.minibird.jp/wordpress/507/

<script src="https://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3-https.js " type="text/javascript" charset="UTF-8"></script>
<script type="text/javascript">
//<![CDATA[
jQuery(function(){
var addr_de = function(){
AjaxZip3.zip2addr(this,'','delivery[pref]','delivery[address1]','delivery[address2]');
};
var addr_me = function(){
AjaxZip3.zip2addr(this,'', 'member[pref]', 'member[address1]', 'member[address2]');
};
 
var addr_cu = function(){
AjaxZip3.zip2addr(this,'','customer[pref]','customer[address1]','customer[address2]');
};
 
 
switch($('#zipcode').attr('name')){
case 'delivery[zipcode]':
  $('#zipcode').change(addr_de).keyup(addr_de);
  break;
case 'member[zipcode]':
  $('#zipcode').change(addr_me).keyup(addr_me);
    break;
case 'customer[zipcode]':
  $('#zipcode').change(addr_cu).keyup(addr_cu);
    break;
}
});
//]]>
</script>

コンタクトフォーム7の場合

<tr><th>郵便番号</th>
<td>[text* zip id:zip 10/ watermark]</td>
</tr>

<tr><th>住所</th>
<td>[text* addr id:addr]</td>
</tr>

フォーム出力コード前に

★★★うまくいった改造

<script src="https://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3.js" charset="UTF-8"></script>
<script>
jQuery(function($) {
  $('#zip').change(function(event) {
    AjaxZip3.zip2addr(this, '', 'addr', 'addr');
  });
});
</script>

×××これは修正できっせん

<script type='text/javascript' src='https://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3-https.js'></script>
<script type="text/javascript">
jQuery(function(){
  jQuery('#zip').keyup(function(event){
    AjaxZip3.zip2addr(this,'','addr','addr');
  })
})
</script>

マージンの相殺・画像の横並びスペース・タイトルタグ?うまくいかず など

マージンの相殺は

Aのマージン

Bのマージンがならんだ時おこる

その間 親などがスタイルで指定されたパディングなどもっていれば

2重ででる。簡単にPタグはパディング0指定してるからか

pをはさむか親ならダブルででた。

画像横並びのスペースは

画像の最終タグで改行すると

スペースとみなされる

そのため画像をきっちりならべたい場合

改行をいれないか

改行せずパディンッグ

もしくはふろーとだがくりあしないとこれはめんどそう

がぞうのタイトルをキャプションにする方法は

上手く行かなかったが

divならうまくいった なにかあるか?

img:after {
display: block;
content: attr(title);
}

http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1410924499
http://memocarilog.info/memocarilog-demo/content/#T4