JavaScript - Archives

特定の文字だけスタイリングする

Result jQuery css html via

背景画像を画面いっぱいにしてスライドショー化する

Result jQuery css html via Full Clip - fullscreen body background image jQuery plugin

スクロールに応じて背景画像を徐々にblurさせる

Result jQuery css html via Zoom and Blur background Image
Ads

Wikipedia内を検索する

Result Wikipedia内を検索、その場に表示 jQuery html via Wikipedia Viewer

コピーライトの年数表示を自動化する

Result 年の値を現地時間で取得するgetFullYearでコピーライトによく表示されてたりする年号表記を自動化します jQuery html via getFullYear メソッド (Date) (J...

画像の上で右クリック出来ないようにする

Result つい最近の案件で相談されたので、まだこういうの需要あるかもと思って書きました。 画像のみ、右クリックを防止しています。あんまり期待する効果は得られないとは思いますが・・画像を保護する目的なら最低でも透かしは必ず入れたほ...

リストを任意のカラム数に分ける

Result 普通のリストを任意のカラム数で分けます。現在は3カラムに分けられています。 var num_cols = 3,の数値を変更すれば設定したカラム数に分けられます。 マークアップには変更を加えず処理出来るので覚えてお...

リスト内で指定したキーワードにマッチする項目だけハイライトする

Result input要素にキーワードを入力するだけでリスト内のマッチする項目をインタラクティブにハイライトします。 jQuery html via jSearch

Webページをフルスクリーン表示にするボタンを設置する

Result ボタンを押せばフルスクリーン表示になりますが、上記はiframeで表示していますのでここで押してもフルスクリーンにならないようです。このあたりはWeb developer guide | MDNの「フルスクリーンの要...

tableの行をクリックすると下部に詳細が表示される

Result jQuery css html via Expand Table Rows Using jQuery, HTML And CSS

チェックボックスで制限された数以上のチェックをされた際にアラートを表示させる

Result チェックボックスの数を制限する時に。 jQuery via How to limit the number of selected checkboxes?

code、pre内のコードを別窓でtextareaに表示させる

Result SyntaxHighlighterによく付いてるやつ。 これ自体需要は少なそうだけど応用すれば一般向けに使えそうです。 jQuery html via via:

アクセスした際に任意のメッセージを少しの間、表示する

Result よく見かけるやつです。 jQuery css via Put a message in top of the page with jQuery

緯度経度を指定したテキストにマウスを乗せるとGoogleMapも動くようにする

Result マウスホバーでGoogle Mapが動的に移動する、みたいなの。リストには予めカスタムデータ属性で緯度経度を設定してあります。 Google map APIも読み込みます。 jQuery css ...

指定した文字数以上になったらそれ以降のテキストを省略する

Result 大量の文字数がありますが、省略されています jQuery HTML via Limit string length/trim text with jQuery

アップロードするファイルの名前、サイズ、コンテンツタイプを取得する

Result 選択したファイルの名前、サイズ、コンテンツタイプをリストにしてアップロード前に表示します。inputにmultiple入れてますので複数選択も可能です。 jQuery html via Stack O...

HTMLをCanvasにして画像としてダウンロードできるようにする

Result See the Pen beGPjj by kachibito (@kachibito) on CodePen. スニペットとは言えませんが・・w html2canvasとjQueryを使ってCanvas化、ダウンロ...

li要素をクリックでハイライトする

Result li要素をクリックでハイライトする。1つの情報が多いリストの可視性を高めたり等、他にも応用できそう。このままのコードだとネストされたリストは子要素も全てハイライトするので入れ子に対応するには少し工夫が必要になります。 ...

レスポンシブWebデザイン対応のメガメニュー

Result See the Pen megamenu.js - Last responsive megamenu you'll ever need by Mario Loncarek (@riogrande) on CodePen. ...

textareaで行ごとにナンバリングする

Result コード見せたいけどSyntax highlight使うほどじゃない時とかに。gistでいいんじゃ、と言われたらそれまでですが。 jQuery css html foobar hogehuga via...

inputやtextareaで、指定した文字数を超えた際に警告文を出す

Result maxlength属性は何かとアレなので文字数自体は制限せずに、予め設定した文字数を超過した際に警告文を出すようにする jQuery html via Maximum Characters lim...

文字列をリアルタイム検索してハイライトする

Result jQuery css html via Real-Time Search in JavaScript by Osvaldas Valutis.
Ads