問い合わせフォームg2 チェックボックスでフォームを切り替える その時に必要なコードjs

参照
http://ryus.co.jp/blog/jquerycheckboxonly1/
チェックボックスを択一にするjQuery

http://ngns4.net/staff/contact-form7-%E3%81%A7%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF%E3%82%92%E5%85%A5%E3%82%8C%E3%82%8B%E3%81%A8%E5%85%A5%E5%8A%9B%E6%AC%84%E3%81%8C%E8%A1%A8%E7%A4%BA%E3%81%95%E3%82%8C%E3%82%8B/
Contactform7 でチェックを入れると入力欄が表示されるようにする

http://oshiete.goo.ne.jp/qa/8908597.html
jQueryのhide,showで中の要素がスライドしてしまう

これではすらいどしてまう

<script type="text/javascript">
jQuery(document).ready(function($){
$(".show1").css("display", "none");
$(".show2").css("display", "none");
$("#show_info1").click(function(){
if($('#show_info1 [type="checkbox"]').is(':checked')) {$('.show1').show('fast');}else{$('.show1').hide('fast');}
});
$("#show_info2").click(function(){
if($('#show_info2 [type="checkbox"]').is(':checked')) {$('.show2').show('fast');}else{$('.show2').hide('fast');}
});
});
</script>

改造
アニメイト使う

<script type="text/javascript">
jQuery(document).ready(function($){
$(".show1").css("display", "none");
$(".show2").css("display", "none");
$("#show_info1").click(function(){
if($('#show_info1 [type="checkbox"]').is(':checked')) {$('.show1').animate({ height: 'show' }, "fast");}else{$('.show1').animate({ height: 'hide' },"fast");}
});
$("#show_info2").click(function(){
if($('#show_info2 [type="checkbox"]').is(':checked')) {$('.show2').animate({ height: 'show' }, "fast");}else{$('.show2').animate({ height: 'hide' },"fast");}
});
});
</script>

jクエリでチェックボックスを択一にするスクリプト

 <script type="text/javascript">
        jQuery(function($){
            $(function(){
              $('.colorGroup input').on('click', function() {
                if ($(this).prop('checked')){
                    // 一旦全てをクリアして再チェックする
                    $('.colorGroup input').prop('checked', false);
					//ここオリジナル ディスプレイnoneも入れる
					$(".show1").css("display", "none");
					$(".show2").css("display", "none");
					//ここまで チェックにて非表示領域と表示領域をかえるため
					//いっぱいあるならここに追加してく
                    $(this).prop('checked', true);
                }
              });
            });
        });
        </script>

シングルで親カテゴリ名を表示させる。例えば制作事例のh1では 毎度 親カテゴリ名にしたい。応援ユニフォーム刺繍・イベント服刺繍・学ラン刺繍 制作実績 など

制作事例の子カテゴリを使う場合に分岐が必要

<?php  
$term = array_pop(get_the_terms($post->ID, 'd_cate_jirei')); //array_popで配列の最後を取り出す
$term_p = $term->parent; //子か確かめる準備

if ( $term_p == 0 ): //取り出したのが親の場合

$term_oya = array_shift(get_the_terms($post->ID,'d_cate_jirei')); //array_shiftで先頭にある配列を取り出す
echo $term_oya->name;


else: //取り出したのが子の場合

//親のIDを取得してターム情報を引き出す。
$ido=$term_p;
$term2=get_term($ido,'d_cate_jirei');

echo $term2->name;

endif;


?>

一応これででた
但し、複数カテゴリを選択した場合は後のカテゴリ、 さらに子がある場合は 後の子の親が優先される

webカタログ html5 田畑さん

少々調べましたが、どうやら以前できるな、と思ったのでは、外部サイトで無料作成して、そのページへリンクさせてよんでもらうという すたいるのようでした。

それだと独自ドメイン以下で公開できず、外部サイトで閲覧する形となります。

このようなやつ
http://www.adjustbook.com/
http://kotori-blog.com/webservice/issuu/

実際、参考サイトでは
http://www.marukanet.co.jp/201516_winter_collection/
こちらのサービスを利用しているようです。
https://ebook.digitalink.ne.jp/service/

PDFからwebカタログを作成してもらって、
独自ドメインにアップする方でも
ただ置くだけでみれそうな感じです。

http://www.sezax.co.jp/denshi_catalog/

フラッシュ版無料作成
http://web-marketing.zako.org/web-tools/pdf-2-flash-page-flip.html

http://www.digital-catalog.jp/price/

少々調べましたが、どうやら以前できるな、と思ったのでは、外部サイトで無料作成して、そのページへリンクさせてよんでもらうという すたいるのようでした。

それだと独自ドメイン以下で公開できず、外部サイトで閲覧する形となります。

このようなやつ
http://www.adjustbook.com/
http://kotori-blog.com/webservice/issuu/

実際、参考サイトでは
http://www.marukanet.co.jp/201516_winter_collection/
こちらのサービスを利用しているようです。
https://ebook.digitalink.ne.jp/service/
(高そうですよね。。あまりおすすめ出来なさそうです)

調べた結果おすすめは

PDFからwebカタログを作成してもらって、
独自ドメインにアップする方でも
ただ置くだけでアクセスすればみれそうな感じです。

どうやら現在はフラッシュで作成するよりも 
HTML5という形式で作成するほうが 
スマホもそのまま見れるので主流なようです。

http://www.digital-catalog.jp/price/
http://www.digitalbook-meclib.jp/plan/data/

参考までに調べましたが、当方から発注も可能ですが、
結局、高くなるだけですので、
創工社さんで直接頼むか、
クライアントさんに直接教えて、サーバーにアップして貰う形の方が、いいのかなと思います。

それではよろしくお願い致します。

健康  集中力

http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q11121201781

コルサコフ症候群
https://ja.wikipedia.org/wiki/%E3%82%B3%E3%83%AB%E3%82%B5%E3%82%B3%E3%83%95%E7%97%87%E5%80%99%E7%BE%A4
https://welq.jp/39880

https://www.amazon.co.jp/%E3%80%90%E3%81%8A%E8%B2%B7%E5%BE%97%EF%BC%92%E5%80%8B%E3%82%BB%E3%83%83%E3%83%88%E3%80%91-%E3%83%9B%E3%82%B9%E3%83%95%E3%82%A1%E3%83%81%E3%82%B8%E3%83%AB%E3%82%BB%E3%83%AA%E3%83%B3-%E5%A4%A9%E7%84%B6%E3%83%93%E3%82%BF%E3%83%9F%E3%83%B3D-%E3%82%B5%E3%83%97%E3%83%AA%E3%83%A1%E3%83%B3%E3%83%88-%E9%9B%86%E4%B8%AD%E5%8A%9B%E3%80%81%E5%8F%97%E9%A8%93%E3%80%81%E8%A8%98%E6%86%B6%E5%8A%9B%E3%80%81%E7%9C%A0%E6%B0%97%E3%80%81%E5%A4%8F%E3%83%90%E3%83%86%E3%80%81%E3%83%AA%E3%83%A9%E3%83%83%E3%82%AF%E3%82%B9%EF%BC%89%E3%81%8C%E5%BF%85%E8%A6%81%E3%81%AA%E3%81%82%E3%81%AA%E3%81%9F%E3%81%AB%E3%80%82/dp/B009SS5YLK/ref=sr_1_2?s=hpc&ie=UTF8&qid=1473919744&sr=1-2&keywords=%E9%9B%86%E4%B8%AD%E5%8A%9B

ホスファチジルセリン
https://ja.wikipedia.org/wiki/%E3%83%9B%E3%82%B9%E3%83%95%E3%82%A1%E3%83%81%E3%82%B8%E3%83%AB%E3%82%BB%E3%83%AA%E3%83%B3

大豆レシチン
https://cafy.jp/21400

バイクバンクのSEO対策の見解

バイクバンクのホームページ  wwwありドメイン
http://www.819-bank.com/

バイクバンクブログ      wwwなしサブディレクト入り
http://819-bank.com/blog/

基本wwwあり なし は別サイト つまり サブドメインって感じ???

そしてブログ記事毎度最後に topへ促す

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

地田

http://www.819-bank.com/ リンク

本体 トップページから どこへもリンクがない 
お問合せ・見積もりだけブログのページ内に飛ぶみたい??

ブログページ内にtopへのメニューはなく
記事内にホームページはこちら とあるだけ

これで順位があがったって 前は ブログも サイト内にみれたって!

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-08-15-36-35

つまり topページは孤立していて、 お問合せページのみへリンク(これはtopはwordpressじゃないからかも)
ブログはwwwありなしのサブドメイン の ディレクトリ フォルダ階層へのワードプレスのインスト
で記事毎に孤立topへ移動リンク ブログtop(ルートドメイン)ももちろんこりつぺーじと全く同じものがインデックスはされてるが、
バイクバンクで検索してもでてコン

もし味噌が wwwありなしの サブドメイン化で  かたっぽの/blog/のトップも同じコンテンツってことなら
よくわからんが

ただサブドメインでの運営がいいのか
ディレクトリで リンクなしがいいのか。。。いや、site:ドメイン検索では表示されないから、これはただのディレクトリ型ではないのは確か、

サブドメインなのは確か。。

サブドメインで運営、サブドメイン記事から毎度リンクを送る 
本ページからはリンクしない。

以上 

top スクロール 完結編

<!--ページTOP-->
<style>
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #000;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #ff0000;
}

</style>

<script>
$(function() {
    var topBtn = $('#page-top');    
    topBtn.hide();
    //スクロールが100に達したらボタン表示
    $(window).scroll(function () {
        if ($(this).scrollTop() > 100) {
            topBtn.fadeIn();
        } else {
            topBtn.fadeOut();
        }
    });
    //スクロールしてトップ
    topBtn.click(function () {
        $('body,html').animate({
            scrollTop: 0
        }, 500);
        return false;
    });
});
</script>


<p id="page-top"><a href="#wrap">PAGE TOP</a></p>