- ベストアンサー
【jQuery】いい文字数カウンターを探してます
jQuery（JavaScript）初心者です。 <input>や<textarea>など、フォームの文字数カウンターを探しているのですが、意外といいのが見つからず、お尋ねします。 次のような文字数カウンターのプラグインをご存じでしたら教えてください。 １）改行は数えない ２）キーボードを使わずマウスだけでコピペしても反応してくれる Twitterのも、教えてgooのも、上記を満たしていないのでけっこう難しいんでしょうかね… お詳しい方、よろしくお願いします。
- ikataro
- お礼率79% (298/375)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
関連するQ&A
- jQueryで文字数カウンタ（複数対応）
jQueryのプラグインを作成中です。 指定したテキストフォーム、テキストエリア内の文字数をカウントして、 指定場所に文字数を表示させるというものです。 下記のように記述し、 (function(jQuery) { jQuery.fn.textCount = function(options) { //キーボードが押された時にカウント jQuery(this).live("change keyup",function(){ var count = jQuery(this).val().length; var disp_area = jQuery(this).attr("id"); jQuery("."+disp_area).html(count+"文字"); }); return this; }; })(jQuery); jQuery(".counter").txtCount(); とHTML内で宣言しました。 <textarea id="sample">ここの文字数が</textarea> <div class="sample">ここに表示</div> と、ここまではうまくいきました。 が、テキストエリアの数が複数個あり、数が変動するため、IDを配列にしたいと思っています。 そこで、 <textarea id="sample[1]">個々の文字が</textarea> <div class="sample[1]">ここに表示されない</div> のように記述しました。 すると文字数が表示されなくなってしまいました。 classやidに配列指定はできないのでしょうか。 また、この場合はどのように宣言するのが正しいのでしょうか。
- ベストアンサー
- JavaScript
- jQueryについて
jQuery plugin : jqTransform http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/ このプラグインを、フォーム内の一定箇所（例えばselectとtextareaのみ）にだけ適応させたい場合は、どのようにすればよいのでしょうか。 （複数のフォーム別に適応するしないを決めるのではなく、同じフォーム内でのことです） どうぞ宜しくお願いします。
- ベストアンサー
- JavaScript
- 文字数を数える際に空白、改行をカウントしない方法
こんばんは。 ど素人なのですが、テキストエリアの文字数をカウント したいと思い、さまざまなサイトを参考に作成しましたが、 スペース等の空白と改行をどうしても文字数として カウントしているのしか見つけられませんでした。 純粋に文字数だけをカウントさせるにはどのように すればよいのでしょうか。ちなみにこんな感じになっています。 こちらもいろいろ過去ログを調べてみたのですが やはりわかりませんでしたので、どうか宜しくお願い致します。 <SCRIPT Language="JavaScript"> <!-- function Check() { Br=navigator.appName; Num=document.user.comment.value.length; if(Br=="Netscape") document.user.counter.value=Num/2; else if(Br=="Microsoft Internet Explorer") document.user.counter.value=Num; } //--> </SCRIPT> <CENTER><B><FONT SIZE="4" COLOR="tan" FACE="MS UI Gothic">入力フォーム</FONT></B><BR> </CENTER> <CENTER> <FORM name="user"> <TEXTAREA name="comment" wrap="physical" cols=100 rows=50>文字数をチェックして見て下さい。</TEXTAREA><P> <INPUT type="button" value="文字数チェック" onClick="Check()"> <INPUT type="text" name="counter" size=3 maxlength=3>字</P> </FORM> </CENTER>
- ベストアンサー
- JavaScript
- 文字数カウンタにsetIntervalを使うには
JavaScript初心者です。 JavaScriptで残り入力可能文字数を表示するカウンタを作成したのですが 以下のプログラムだとコピペしたときカウントがされません。 そこでsetIntervalを使ってカウントできるようにしたいのですがどのように 「変数(省略可) = setInterval(関数名,ミリ秒)」 を流用すればよいのかイマイチわかりません。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>文字のカウント</title> <script type="text/javascript"><!-- function ShowLength( str ) { document.getElementById("inputlength").innerHTML = 20 - str.length + "文字入力できます"; } // --></script> </head> <body> <input type="text" name="title" size="50" maxlength="20" onkeyup="ShowLength(value)"><br /> あと<a id="inputlength">20文字入力できます</a> </body> </html> よろしくお願いします。
- ベストアンサー
- JavaScript
- 文字数チェック
下記だと文字数がなんか変なんです。？？？の状態です。 ＃文字を追加したりすると正常な文字数にならず。 ＃環境ＩＥ5.0 <SCRIPT language=JavaScript> function test() { alert( testarea.value.length ) ; } </SCRIPT> <TEXTAREA NAME="testarea">あいうえおか</TEXTAREA><BR> <A HREF="test.html" onmouseover="test()">文字数チェック</A>
- ベストアンサー
- JavaScript
- 【jQuery】変数判定のような簡単なコマンド
JavaScript/jQueryともに初心者です。 例えば、 １）対象が「0-9」のみで構成された文字列か判定 ２）対象文字列にマルチバイト文字が含まれているか判定 などという割と簡単な作業をやりたいのですが、こういったコマンドとかプラグインとか関数とかはjQueryにあるのでしょうか。 関数を自作しようかと思ったのですがjQueryにあるなら無駄ですし… お詳しい方、よろしくお願いします。
- ベストアンサー
- JavaScript
- 入力文字のバイト数
いつも参考にしております。 入力文字のバイト数のカウントについて質問をさせていただきます。 入力フォームなどで、入力文字数の制限をしたいと考えております。 文字を入力するたびに、バイト数がテキストボックスに常に 表示されるようにしたいと考えております。 以下を参考にできるのではないとか思っておりますが。 <script language="javascript"> <!-- function check() { txt = document.myFORM.myTEXT.value; n = txt.length; if (n > 10) alert("10文字以内にしてください"); } --> </script> <form name="myFORM"> <textarea rows="3" name="myTEXT" onChange="check()"></textarea> </form> ご教授お願いいたします。
- ベストアンサー
- JavaScript
- フォームの<TEXTAREA>で文字数制限する方法はありますか？
こんにちは。フォームの<TEXTAREA>で入力文字数を制限をする方法を知りたいのですが、解る方がいらっしゃいましたら教えてください。 MAXLENGTHなどは使用できないようでしたので、Javascriptでの制限方法などがあるのかなと思い書き込みさせていただきました。具体的には全角150文字前後に制限したいと思っております。（※前後全角10文字くらいは誤差があってもかまいません。） サーバーサイドではなくクライアントサイドで動く仕様のものが良いので、こちらに書き込みさせていただきました。よろしくお願い致します。
- ベストアンサー
- JavaScript
- textareaで入力できる文字数を制限したい。
フォームについて質問させてください。 テキストフィールドで、シングルラインならば入力できる文字の最大数を maxlength で指定できるのですが、マルチラインの場合、同様に最大数を指定することはできないでしょうか？ わかるかた、なにとぞご教授ください。 ■シングルラインでの文字数制限 <input name="thread_title" type="text" id="thread_title" size="80" maxlength="10"> ■マルチライン <textarea name="text" cols="64" rows="10" id="news_text" maxlength="10"></textarea> ↑上記のようにmaxlength入れても駄目でした。。。涙
- ベストアンサー
- HTML
- jQuery背景画像動かすパララックス
http://yuki930.v-colors.com/ このサイトの背景画像を作りたいです。 ですが、まず画像背景の作り方がわかりません。 それとマウスを動かすと立体的に動く仕組みのやり方がわかりません。 (上のサイトは少し弧を描くように回転しています。) 検索で探しましたところこのようなものがヒットしました。 マウスの動きに追従して奥行きのある背景移動をするjQueryプラグイン「jquery.parallax.js」 http://www.webopixel.net/javascript/381.html たぶんこれであってると思います。 一回違うやつを作ってみました。 jQuery/CSS3で雲をゆらゆらさせる http://www.webopixel.net/javascript/718.html しかし、背景が透明にならず重なってしまいました。（Javasucriptのほうはうまく組み込めました。） まず、背景画像を透明にするやり方が一点と 次に、マウスを動かすと背景が立体的に弧を描くようにするやり方 以上二点を教えて頂きたく存じます。何卒よろしくお願い申し上げますm(_ _)m
- 締切済み
- JavaScript
お礼
なるほどこうやって自作するというわけですか。 ありがとうございました。