Yamamoto's Laboratory
プログラムソース
JavaScript

WEB ページ作成基準JavaScript

私の WEB ページの JavaScript について説明します.

目次


私の JavaScript

短い JavaScript であれば,html のソース中に記述してもあまり問題が無いでしょう.しかし,少し長くなると,やや面倒になります.そこで,JavaScript をファイルに書き,それを読み込む方が簡単です.そのために,HTML の <head>—<\head> に,以下を記述します.ただし,全ての「<script type="text/javascript" src="JavaScriptへのパス"></script>」の最後に記述します.

HTML の <head>—<\head> の文.相対パス(例: ../../../../)で記述.

<script type="text/javascript" src="相対パス/js/My_script.js"></script>

私が使っている JavaScript は,以下の通りです(ソースコード).

私が使っている JavaScript ファイル (JavaScript.js)

$(document).ready(init);
function init(){
    
    $('#contents_list').easyListSplitter({
        colNumber: 2
    });

    $(".fancybox").fancybox();
    

    $(".iframe").fancybox({
    maxWidth        : 800,    
    maxHeight       : 600,
    fitToView       : false,
    width           : '70%',
    height          : '70%',
    autoSize        : false,
    closeClick      : false,
    openEffect      : 'none',
    closeEffect     : 'none'
    });

    $('a.tooltip_NoTitle').cluetip({
    width: 300,
    splitTitle: '|',
    showTitle: false
    });

    $('a.tooltip_Title').cluetip({
    width: 300,
    splitTitle: '|',
    showTitle: true
    });

    $('a.tooltip_Sticky').cluetip({
    width: 300,
    sticky: true,
    closeText: '&#9746;',
    closePosition: 'title',
    splitTitle: '|',
    showTitle: true
    });
    
};

ページ作成情報

参考資料

更新履歴

2020年08月08日 ページを分割し,新規ページに変更.


no counter