Tag: haik Tag: javascript Tag: 自作プラグイン

spanidプラグイン

文字にJavaScriptの実行のトリガーとして使いたいので、htmlのid属性を設定したい。

プラグインコード

• ファイル名「spanid.inc.php」として保存し、pluginフォルダにアップロード

  <?php
  /**
   *   spanid
   *   -------------------------------------------
   *   spanid.inc.php
   *
   *   http://oi21.com/
   *
   *   created  : 2017/01/23
   *   modified :
   *
   *   Description
   *
   *
   *   Usage : &tel(link_to[,type][,size][,design][,other]){label};
   *
   */
  function plugin_tel_convert()
  {
      $args   = func_get_args();
      $text   = strip_autolink(array_pop($args));
   
      return plugin_tel_body($args, $text);
  }
   
  function plugin_spanid_inline()
  {
      $args   = func_get_args();
      $text   = strip_autolink(array_pop($args));
   
      return plugin_spanid_body($args, $text);
  }
   
  function plugin_spanid_body($args, $text)
  {
      global $script, $vars;
   
      $href = "";
      $class = "";
   
      if (count($args) > 0)
      {
          $id = trim(array_shift($args));
      }
   
      $html = '<span id="'.h($id).'">'.$text.'</span>';
   
      return $html;
  }

利用方法

詳しい表示は、&spanid(testid){ここをクリック};

と記述すると、

詳しい表示は、ここをクリック

と表示されます。この時のHTMLは、

詳しい表示は、<span id="testid">ここをクリック</span>

となります。

さらに、

#html{{{
<script>
$(function(){
  $("#testid").click(function(){
   alert("test:JavaScriptのコードを実行");
  });
});
</script>
}}}

と記述すると、ここをクリックの部分をクリックするとこのコードが実行されます。

ナビでの利用

bs_navプラグイン中で使う場合は、位置がズレないように次のような記載にすると良いみたいです。

- [[&spanid(id02){テスト02};>#]]

#bs_nav{{{
- [[&icon(fa,home); トップ>FrontPage]]
- &icon(plus); haikについて
-- [[インストールについて]]
-- [[&deco(#EFB625){書式};>haik_formart]]
-- [[標準のプラグインを使う>plugin]]
- [[&spanid(id01){テスト01};>./#]]
- [[&spanid(id02){テスト02};>#]]
}}}