ツールチップを非表示にする
マウスの矢印を特定の文字の上に置いている時だけ、特定の文字に関する情報が表示される。これをツールチップという。Joomla のテンプレートを作成している上で、ツールチップの表示位置が意図しない位置で表示されることがある。
今回は、一時回避的な手法で、ツールチップを非表示する。
Javascript を利用して、特定のタグや文字を削除することで、ツールチップを非表示にする。
＜ 方法 ＞
javascript を index.php ファイルに挿入するだけ。挿入文字
<script type="text/javascript">
function tooltipoff() {
var sampleNode=document.getElementById("categorylist_header_title");
sampleNode.innerHTML=sampleNode.innerHTML.replace(/top/i,'');
var sampleNode=document.getElementById("categorylist_header_author");
sampleNode.innerHTML=sampleNode.innerHTML.replace(/top/i,'');
var sampleNode=document.getElementById("categorylist_header_hits");
sampleNode.innerHTML=sampleNode.innerHTML.replace(/top/i,'');
}
window.onload=tooltipoff;
</script>
＜ 補足 ＞
「メニュー設定」時に「カテゴリー一覧」を選択すると。ホームページ上で、タイトル、投稿者、参照数などの一覧が表示される。
<th id="categorylist_header_title"> 〜 タイトル 〜 </th>
<th id="categorylist_header_author"> 〜 投稿者 〜 </th>
<th id="categorylist_header_hits"> 〜 参照数 〜 </th>
上記のそれぞれの data-placement="top" を data-placement="" にすればいい。
Javascript では top を 空 に置き換えている。
これは、一時しのぎで根本的な解決でないことは・・・・、あしからず。
根本的な可決は、Bootstrap ツールチップ をキーワードに検索してみる。
