木の葉忍者
木の葉忍者は、ステップ式ウィザード

※初期上設定で、月光忍者と連動　 konoha_moon:'on',,

※ konoha_moon:'off',でoffにできる。

親要素：data-konoha_start="#st01"

// $('#親要素').nja_konoha();

// 必須１：最初に表示するステップIDを親要素に指定。data-konoha_start="#st01"

ステップ要素：id="必須" class="konoha" data-konoha_target="#st02"
必須

必須２：ステップ要素ごとに専用クラスをつける。'.konoha'

必須３：ステップ要素ごとにIDをつける：id="st01"

必須４：次のステップ要素を指定：data-konoha_target="#st02"

メッセージ
      
        data-konoha_title="ステップ１です。"
        data-konoha_msg="ステップ1です。ガイドを付けることができます。"
        data-konoha_footer_msg="※次へをクリックしてください。"

//デザインはオプションのクラスで指定するか、クラスのCSSを上書きする。
        class_title: ['kohona-title'],
        class_msg: ['kohona-msg'],
        class_footermsg: ['kohona-footer-msg'],
次へボタン

任意：「次へ」ボタンはなくても自動で追加

手動で設置する場合－１：「次へ」ボタン専用クラス　class="konoha-next"

手動で設置する場合－２：次のターゲット指定：data-konoha_target="#st02"

ステップ２:戻るボタン

//戻るボタンは自動で追加される

//戻るボタンデザインは、オプションで変更可能 ※konoha-back クラス指定必須

  
    tmpl_back_btn : '
BACK
',

ステップ３：フィルター機能

    
//フィルター機能のつけることができる。
//初期値
konoha_doron:'.doron',//フィルター要素初期クラス

//次のステップボックス内に「フィルタークラス」のついた追加要素があれば、フィルターされる。
// 進むボタンに　それぞれの識別クラスを指定する。data-konoha=".senA"
// 進むボタンに　識別クラスがない場合は、すべてフィルターされる。
、
「A」へ進む
「B」へ進む
なにも選択しない

ステップ４

あなたが選択した答えはAです。
あなたが選択した答えはBです。
次へ

ステップ５：ツールチップ（苦無）連動機能


//要素内にkunai用のdata属性を加えておけば自動でオンオフ
data-hint_msg="オリジナルスクリプト"
data-hint_position="top"
data-hint_display="fixed"
、
修正
削除
非公開
なにも

ステップ６：応用：フィルターーでツールチップ（苦無）を実現

修正したい記事のタイトルをクリック
削除したい記事を選択
非公開にしたい記事を選択
　 　
タイトル備考
タイトルホゲホゲ ちょめ
タイトルホゲホゲ ちょめ
タイトルホゲホゲ ちょめ
タイトルホゲホゲ ちょめ
タイトルホゲホゲ ちょめ
タイトルホゲホゲ ちょめ 

//クリック時の関数指定でフィルター時のツールチップ切り替えを実現。

//１．関数は、専用のグループ変数に登録し、
aha.func.関数名 = function(){
　console.log('test1!!');
}

//２．次へボタンに関数を登録　data-konoha_func="関数名"

aha.func.seb = function(){
  $("#entry-table").addClass('konoha-kunai');
  // 関数内で、'konoha-kunai'クラス追加は必須
  // クラスでヒントが自動発火、自動削除するようにしてる。

  let entalbe = document.getElementById("entry-table");
  setAttrs(entalbe, {
    'data-hint_msg': '削除したい記事をチェック',
    'data-hint_number': '2',
    'data-hint_display': 'fixed',
    'data-hint_scope': 'tbody > tr> th > input[type="checkbox"]'
  });
}

※おしまい！