札幌Web制作のシンクグラフィカ

文字数を調整

文字数を調整するための機能です。ちょっと文字数を割愛したい・・・。でもPHPなどのサーバサイドでそれをやっちゃうのは美しくない!そんなあなたのためにJavascriptで指定class名をつけているspanタグ内の文字数を勝手に調整します。

文字数を調整したい時ってありますよね。例えばこの見出しは10文字以上は「...」にしたいみたいな。そういう場合はspanタグでくくってclassをcpl-10とすることで10文字以上の場合は「...」になります。

スマートフォンの場合のみ制限したい場合はclassをcplm-10とすることでPC表示では無視されます。例えば「GRAVITY DAZE 重力的眩暈:上層への帰還において、彼女の内宇宙に生じた摂動」このカッコ内はPC版ではそのまま表示されますが、スマートフォンビューでは文字が20文字に省略されます。全然関係ないですけどグラビティデイズ楽しいですよね。