ユーティリティ

2017年08月

- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 - -

キーワード検索

キーワード検索フォーム
キーワード

ユーザー

  • cccのアバター

新着画像

過去ログ

Twitter

Twilogを見る

Feed

エントリー

Web Diary ProのJS書き出しの文字数を制限する方法

  1. 書き出しをするページのヘッダ部分に以下の赤字部分を加入します。
    	<head>
    		<script type="text/javascript">
    			<!--
    				var showLength = 10 ; // 表示文字数
    
    				onload = function() {
    					elements = document.getElementsByTagName("*") ;
    					for (var i = 0; i < elements.length; ++i)
    						with (elements[i])
    							if (className == "syoryaku" && innerHTML.length > showLength)
    								innerHTML = innerHTML.substr(0, showLength) + '...' ;
    				}
    			//-->
    		</script>
    	</head>

    ※参考:http://q.hatena.ne.jp/1210068162

  2. 書き出したい先に
    <script type="text/javascript" src="./diarypro/data/text.js"></script>
    を入れます。
  3. skin/js_text.html
    ${ARTICLE_TEXT}
    の部分を
    <div class="syoryaku">${ARTICLE_TEXT}</div>
    に変更(赤字部分を追加)します。

ページ移動

関連エントリー

コメント

  • コメントはまだありません。

コメント登録

  • コメントを入力してください。
  • 一旦登録したコメントは、あとで編集できませんのでご注意下さい。
登録フォーム
名前
メールアドレス
URL
コメント(コメント本文の装飾について
閲覧制限
※基本的には「全体に公開」されますが、内容によっては管理人の方で公開を制限する場合がございますので、その旨ご了承下さい。
freoをひらがな3文字で入力してください(スパム対策)