マウスで選択した文字数を数える
Result マウスドラッグした文字数を数えます。JSはバニラです 使う機会があるかは分かりません jsfunction biR() { document.addEventListener("mousedown", rOS); document.addEventListener("mouseup", rOS); document.addEventListener("onkeyup", rOS); document.addEventListener("onkeydown", rOS); document.addEventListener("onkeydown", rOS); document.onselectionchange = function() { rOS(); }; } function rOS() { var cout, rts, rt; c = window.getSelect
指定した文字数以上になったらそれ以降のテキストを省略する
Result 大量の文字数がありますが、省略されています jQuery$("p").each(function(){ //30文字以上になったら if ($(this).text().length > 30) { //27文字まで表示する、という設定 $(this).text($(this).text().substr(0, 27)); //27文字以降に表示する代替テキスト。「...」とかが一般的？ $(this).append('（以下略'); } });HTML<p>1938年（昭和13年）6月に内務省が「東京都制案要綱<!--ここまで27文字-->」 発表し<!--ここまで30文字。ここ以降に文字がある場合は省略するスクリプトが動作-->、 1943年（昭和18年）1月に政府が「東京都制案」を帝国議会に提出し可決されたことを受け、 同年7月1日に東京都制が施行され、東京府と東京市を
jQuery Character Counter Plugin
A jQuery plugin for textarea and text inputs to add a character counter bubble that fades in while you type and fades out when you stop typing. Download Documentation Related Plugins wSelect - Custom select boxes. wInput - Input plugin that handles backwards compatability for placeholders. wCheck - Radio and checkbox input plugin. Demos
Succinct: A tiny jQuery plugin for truncating multiple lines of text
How does it work? Succinct shortens your text to a specified size, and then adds an ellipsis to the end. Demo I notice that you use plain, simple language, short words and brief sentences. That is the way to write English - it is the modern way and the best way. Stick to it; don't let fluff and flowers and verbosity creep in. When you catch an adjective, kill it. No, I don't mean utterly, but kill
文章がはみ出したら”…”を表示するtext-overflowの使い勝手が悪いのでjQueryで書いてみたりとか。（CSS おれおれ Advent Calendar 2012 – 08日目） | Ginpen.com
CSS おれおれ Advent Calendar 2012 – 08日目 ネタバレ: 書いてみたは良いけど微妙な感じに。 CSSのプロパティでtext-overflowというのがあります。まあ読んで字の如（ごと）く、テキストがはみ出したときの指定です。以下のいずれかを指定します。 ellipsis … はみ出たら”…” (…) を表示させる clip … 通常処理。 元々IEの独自仕様なんだっけ？ 一般的なブラウザーでは利用可能です。 利用可能なんだけど、利用する場面がどれだけあるのかはちょっとよくわかんないです。 たしかに切ってくれるんだけど ちょいと試してみます。 改行しないようにしたもの (white-space:nowrap) 長い単語を含むもの 領域の高さが足りないもの 最後、領域の高さを超えても省略記号は表示されない ご覧のように、横方向に長いものは”…”で切って
長いテキストを「…」で省略するjQueryプラグイン・Smarttruncation
長いテキストを省略して表示 する、というjQueryプラグイン 、Smarttruncationのご紹介。 CSSのみでも一応は可能ですけど、 こちらはある程度応用が利くの で覚えておこうかと思います。 この手のライブラリはいくつか見かけましたけど、これは日本語でもそのまま利用出来るので一応メモ。 動作サンプル 長いテキストが省略されています。上は語尾を、下は真ん中あたりで省略。なかなか便利なのでは。 CSSのtext-overflow:ellipsis;で制御できない時に試してみてはいかがでしょう。 コード<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js'></script> <script src="jquery.smarttruncat
jQueryで文字列を特定の文字数でカットして末尾に「…」などを追加する方法｜BLACKFLAG
Webサイトのトップページで表示するお知らせ情報など、レイアウトの都合上、長い文字列を特定の文字数でカットしたいことはよくあることかと思います。 そんな際にjQueryを使って文字列を任意の文字数でカットして、末尾に「…」などの追記情報（これも任意の文字列）を追加するやり方をシンプルなスクリプトで実装する方法をご紹介してみます。 【テキストのみ】 jQueryで文字列を特定の文字数でカットして末尾に「…」などを追加する方法 まずは実装するHTMLソースが下記のような構成だったとします。 ◆HTML <ul> <li>このダミーテキストは文字数カット用です。このダミーテキストは文字数カット用です。このダミーテキストは文字数カット用です。このダミーテキストは文字数カット用です。このダミーテキストは文字数カット用です。このダミーテキストは文字数カット用です。このダミーテキストは文字数カット用です
Plugins | jQuery Plugins
Can't find a Plugin you are looking for? Check out the jQuery Wiki page. Are you a plugin developer? Please move your plugin over to this site.
jQuery Plugin: Give Your Characters a NobleCount � The Product Guy
In my quest to always help provide my clients free, cheap and easy to use tools, I have been on the lookout for a jQuery plugin that would provide the ability to: (1) provide non-delayed, real-time character counts, (2) enable easy to customize visual behaviors, and (3) permit event and DOM hooks for the savvy with more advanced character counting needs. While there are other similar tools out the
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
5509.me