アーカイブのカテゴリーで、JavaScriptが高度な

を設定するテキストエリアの文字制限

これはあなたのための最大長(文字数)入力フィールドで指定するにはmaxlength属性が入力タグとは異なり、テキストエリアにないなどと同等です。 テキストエリアの最大長さをHTML形式で(文字制限)を設定するには、JavaScriptを使用する必要があります。

以下のテキストエリアの制限を設定するonKeyDownイベントを使用する単純な例です:

の<form>
 <textarea onKeyDown="limitText(this,500);">"/テキストエリア"
 "/フォーム"
の<script>
関数limitText(limitField、limitNum)(
	場合(limitField.value.length"limitNum)(
		 limitField.value = limitField.value.substring(0、limitNum);
	

 "/スクリプト" 

コメントはありません

埋め込みカスタムフォントをHTMLページに

HTMLページに埋め込むカスタムフォントには1回以降は不可能、今ではそのように方法はありませんでした! Cufonを簡単にHTMLページ上のカスタムフォントをレンダリングするのに役立つクールなJavaScriptツールキットです。 Cufón使用すると、もはやフラッシュsIFRは、そのメリットにもかかわらず、まだ痛いをセットアップして使用するトリッキーなままのような必要があります。 それは公式サイトからの引用:

次の要件が設定されて、この野心的な目標を達成するには:

1。 いいえプラグインが必要イン - これだけの機能をネイティブには、クライアントによってサポートされて使用することができます
2。 互換性 - それは市場のすべての主要なブラウザ上で動作するようにして
3。 使いやすさ - noまたはゼロに近い構成の標準的な使用例のために必要
4。 速度 - それは、高速でのテキストを十分に大量にさえている

感じる無料それをチェックアウトする:http://wiki.github.com/sorccu/cufon/about

コメントはありません

Firebugのコンソールで複数行のJavaScript

Firebugのコンソールを使用する入力に1行のみを与えるが、準決勝で区切って、コロンでいくつかのJavaScriptの文を実行することができます。 場合は、複数のラインモードのコンソールに切り替えることができますより多くの領域または複数の行が必要、これをクリックして行うことができます上向きまでは、入力ラインの右側に右向きの矢印。 複数の例の行モードでは、次のスクリーンショットに示されています。


コメントはありません

変更FCKeditorヘルプのフォントサイズ一覧

記事では、どのよう我々は、ツールバー上のピクセルにFCKeditorヘルプ、フォントサイズをドロップダウンリストのオプションの一覧をカスタマイズすることができます見てみましょう。 18の代わりにからxxに大型小型10からピクセル単位でのフォントを変更するには。

1。 fckconfig.jsオープンfckeditorのフォルダ内のファイル
2。 の行を見つけます:
FCKConfig.FontSizes = 'smaller;larger;xx-small;x-small;small;medium;large;x-large;xx-large' ;

3。 に変更:
FCKConfig.FontSizes = '10;11;12;13;14;15;16;17;18' ;

4。 ファイルを保存して閉じます。

5。 現在のブラウザには、ブラウザのキャッシュをクリアする

6。 と、エディタでページを開いてすぐに変更を見ることができます!

ホープ、このことができます! ;)

コメントはありません

変更FCKeditorヘルプ形式のオプション名

あなたのウェブサイトにFCKeditorヘルプを使用する場合は、'フォーマット'オプションリストの名前を変更することができます。 これは非常に簡単に行うことができます。

1。 feckeditorに行く/エディタ/ラング/ en.js
2。 ファイルと行を検索します:
FontFormats : "Normal;Formatted;Address;Heading 1;Heading 2;Heading 3;Red Header;Heading 5;Heading 6;Normal (DIV)",
3。 して、セミコロンの後にしたいものに区切られた名前の変更を保存し、ファイルを閉じます。
4。 背面には、エディタが、ブラウザのページには、お使いのブラウザのキャッシュをクリアし、ページを更新し、現在の書式設定オプション名が変更されて行く。

ホープ、このことができます;)

コメントはありません

SuperSleightイメージストレッチを修正

人IE6の透明性の問題はPNG形式を修正するSuperSleightを使う人々については、多くのイメージや歪曲問題のストレッチを経験するでしょう。 これは、一般的な問題であり、それを修正する簡単だ。

は、単純にHTMLのimgタグの幅と高さarributes設定スクリプトでは、この問題は、HTMLタグで、これを修正することは問題があります。 たとえば、代わりのように使用してPNG形式のHTMLページにphoto.pngと呼ばれ、使用する:

  <img src="images/photo.png" /> 

を使用する:

  src="images/photo.png" width="200" height="100" <img /> 

2コメント

Unicode文字に変換する中国語の文字

この記事では、Unicodeに中国語の文字に変換するためにJavaScriptを使用して探求する。 Unicode文字をWebページで非常によくダブルバイトのテキストを処理しないものがOSに対応した中国語の文字そのものよりも、より簡単に使用することができます。

ここではそれを試みることができるページ:Unicodeのコンバータに中国語の文字です

 <html>
 <head>
 "/ヘッド"
 Bodyノ
 method="post" action="chars2uninumbers.html"様式name="form">
     <textarea name="unicode" rows="5">"/テキストエリア"<br>
     <入力name="convert" value="convert" onclick="convertToEntities()" type="button">
     <入力name="clear" results" value="clear type="reset"> <br>
     <h3>検索結果:"/ H3の"
     <textarea name="entity" rows="10" readonly="readonly" id="output">"/テキストエリア"
 "/フォーム"
の<script>
関数convertToEntities()(
    ヴァールtstr = document.form.unicode.value;
    ヴァールBSTRを= '';

    用(= 0;私は"tstr.length;私+ +)(

        場合((1)tstr.charCodeAt"127)(
             BSTRを+ ='&#'+(1)tstr.charCodeAt +';';
         )他(
             BSTRを+ = tstr.charAt(1);
        
    
     document.form.entity.value = BSTRを;


 / *
 convertToEntities();
これはUnicodeの番号に中国語の文字に変換することです
 * /
 "/スクリプト"
 "/ボディ"
 "/ HTMLの"

1つのコメント

JavaScriptの並べ替えをダブル桁

JavaScriptをされている方式組み込みの並べ替え:配列#を並べ替えます。 それがあるのは素晴らしいのは、このような方法ではビルド時に私たちは、次の配列をソートする:
var a = [2, 5, 4, 8, 9, 1, 3, 10, 7, 6].sort();
alert(a);

何になるだろうね?

[1, 10, 2, 3, 4, 5, 6, 7, 8, 9]

おっと! 10 2よりも小さくなっています! たまたま、ソート、文字列には、配列の項目の前に、それらの比較を強制するには、引数で呼び出されます。

もし我々が直接、数字を比較したいですか? 次に、並べ替えには、関数の引数を渡す必要があります:

[2, 5, 4, 8, 9, 1, 3, 10, 7, 6].sort(function(a, b) {
return a – b;
});

今を取得します:

[1、2、3、4、5、6、7、8、9、10]

もし、同じ問題を抱えて、この支援を期待! :)

コメントはありません

JavaScriptの検証電子メールアドレス

1つのブログの読者は、電子メールアドレスを検証するJavaScriptのバリデータは、以下を要求したHTMLは、電子メールアドレスを検証するJavaScriptの正規表現のコードです。

  <html>
 <head>
 <title>を検証する電子メールアドレスを"/タイトル"
 "/ヘッド"
 Bodyノ
様式name="form1">
     <入力type="textbox" name="txtInput" />
     <script type="text/javascript">
    関数のvalidate()(
        場合(!document.form1.txtInput.value.match(/ ^ [\ワット\開発!#$%&'*+-
 \ /=?^`{|}~]+( \ [\ワット\開発!#$%&'*+- \ /=?^`{|}~]+)*@
 ([AZ順\開発] [- AZ順\開発] * [AZ順\開発] \。)* [AZ順] [- AZ順\開発] * [AZ順]$/))(
            アラート("以下の有効な値を入力します!")
         )他(
            アラート("成功!")
        
    
     "/スクリプト"
     <入力type="button" name="btnSubmit" onclick="validate()" value="Go" />
 "/フォーム"
 "/ボディ"
 "/ HTMLの"

1つのコメント

JavaScriptの制御フラッシュリプレイ

埋め込まれたFlashムービー、HTMLドキュメントではJavaScriptを使用して操作することができます。 がデフォルトのビルドには、Flashと通信するために使用することができます関わるJavaScriptの機能している。 しかし、これはデフォルトで付属していませんですが、多くの人々要求された1つの関数 - は、リプレイ機能です。 もし2つのビルド機能の統合:再生、これを簡単に行うことができますが、この映画のJavaScript関数を使用してFlashを再生するよう指示することがアクセスされます()およびrewind()。 その場合、以下のいずれかのようにFlashムービーコードがあると仮定します:

  "オブジェクトのclassid ="CLSIDを:d27cdb6e - ae6d - 11cf - 96b8 - 444553540000"ベース="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#バージョン= 8,0,0、 0"幅="560"高さ="404"="coreMovie"="中央揃えの"id"
 <param name="allowScriptAccess" value="sameDomain" /> <param name="wmode" value="transparent" />
 <param name="movie" value="files/core.swf'" /> <param name="quality" value="high" /> <param name="bgcolor" value="#ffffff" />"を埋め込む鉄骨="ファイル/ core.swf"品質=""高BGCOLORを="#000000"幅="560"高さ="404"の名前="coreMovie"=が"sameDomain"allowScriptAccessが="中"wmode =""透明整列タイプ="application / × - ショックウェーブフラッシュ"のpluginspage ="http://www.macromedia.com/go/getflashplayer"/"
 "/オブジェクト" 

上記の標準的なコードから2つの属性が重要ですid属性の中で タグとは、name属性の下に タグです。 これらの2つの属性の値は同じでなければなりません、それがJavaScriptを使ってコミュニケーションの参照として機能します。 JavaScriptを以下のムービーの上を制御します。

 関数getFlashMovieObject(作品名)(
	場合(window.document [作品名])(
		戻りwindow.document [作品名];
	
	場合(navigator.appName.indexOf("は、Microsoft Internet ")==- 1)(
		場合(document.embeds &amp;アンプ; &amp;アンプ; document.embeds [作品名])(
			戻りdocument.embeds [作品名];
		
	 )他(
		リターン(作品名)Document.getElementByIdにて;
	

関数ReplayFlashMovie(mnameは)(
	ヴァールflashMovie = getFlashMovieObject(mnameは);
	 flashMovie.Rewind();
	 flashMovie.Play();

 ReplayFlashMovie('coreMovie');

コメントはありません