sakef.jp 2024 著作権. 不許複製 プライバシーポリシー
jQuery.isHTMLElement | Nerdy Is Back 引数の値がHTML要素かどうか調べられる「jQuery.isHTMLElement」プラグイン。 クロスブラウザで動作するので要素かそうでないのかを調べたい際に使えそうです。 使い方は簡単です。 $.isHTMLElement(document.body); // true を返す $.isHTMLElement(4) // falseを返す ソース自体も小さいので判別コードをコピーして使ってもよさそうです 関連エントリ クロスブラウザで動作するクリップボード操作用jQueryプラグイン「Clipboard plugin」 クロスブラウザでのテキストエリア操作が便利になる「A-TOOLS」 IEでも動作する画像を超簡単に角丸化できるjQueryプラグイン「IMGr」
2022/07/06 · jQueryでできるのは、表示されているページをより使いやすくすることです。Webサイトの利用者にとっては、必要な時にだけやりたいことができる仕組みです ...
はじめに JavaScriptをより深く知りたい人のための当連載、今回が10回目です。 前回から、JavaScriptでオブジェクト指向を行うために必要な知識を解説しています。今回はその続きとして、「オブジェクトのプロトタイプ」というものについてお話ししたいと思います。 前回のおさらい 前回、JavaScriptで「クラス」を作るもっとも単純な方法として、以下のような方法をお見せしました。 function Person(name) { // this演算子を用いて、メンバを追加 this.name = name; this.hello = function() { // this演算子を用いてメンバを参照 alert("こんにちは。私の名前は" + this.name + "です。"); }; } thisキーワードを使って、オブジェクトに変数やメソッドを追加しています。前回の記事の最後
こんにちは、太田です。前回はクロスブラウザのパターンについてまとめました。今回はより具体的にJavaScriptの基礎的な部分からそこそこJavaScriptに慣れた方でも間違いやすいポイントを中心に解説します。 JavaScriptの背景知識 JavaScriptは(未だに)誤解されがちな言語です。まずはJavaScriptの背景から解説していきます。 (広義の)JavaScriptとはEcma Internationalによって策定されているECMA-262という規格(ECMAScript)を実装した処理系で実行される言語を指します。遠回りな表現になっていますが、これはJavaScriptのややこしさの一端を表しています。つまり、JavaScriptそれ自体に仕様があるわけではない、ということです。ECMAScriptと呼ばれる言語の仕様があって、その仕様に準拠した言語を(広義の)Ja
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
WebサイトやWebブラウザ上で動作するWebアプリケーション開発の基本となるHTML/スタイルシート/JavaScriptの実験室です。 実装が進められているHTML5の新機能やJavaScriptの多彩な機能の可能性を、実験を繰り返しながら探ってみましょう。 JavaScriptからのHTML要素アクセス(2010-06-17) 現在のWebページのHTML要素をJavaScriptで参照、変更してみます XMLHttpRequestによるWebサーバーとの通信(2010-06-19) JavaScriptからWebサーバーとの通信処理を行うXMLHttpRequestを試します HTML5のCanvas要素テスト(2010-06-11) Webブラウザ上に配置したCanvas要素に描画してみます putImageDataによるCanvasの画像データ設定(2010-06-13) Ca
僕が公開しているTwitterをGoogle風にするCustomTwitter とういうユーザスクリプトをGoogle Chromeに対応させるために行った内容を備忘録としてまとめておこうと思います。 GreasemonkeyとGoogle Chromeは何が違うの? Google Chromeはネイティブでユーザスクリプトに対応しているようですが、Greasemonkey独自のGM関数には(ほとんど)対応していません。また@機能にもほとんど対応していません。以下のページで対応していない機能を確認できます。 User Scripts - The Chromium Projects @require @resource unsafeWindow GM_registerMenuCommand GM_setValue , GM_getValue , GM_listValues , GM_dele
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
DOMスクリプティングで動的なアクションを与えるためには,まずHTML上に存在する要素をJavaScriptから特定できなければいけません。ここではDOMで規定されている各種手法を解説していきます。 DOMを使ってHTMLの特定の要素を参照するために,次の三つのメソッドのいずれかを使います。 document.getElementById('id属性値'); document.getElementsByTagName('要素【タグ】名'); document.getElementsByName('name属性値'); 実はHTML全体から特定の要素を参照するために利用できるメソッドは,これら三つしかありません。たったこれだけを覚えておくだけで,自由自在に特定の要素にたどり着くことができます。 次のHTMLを例に,それぞれのメソッドの使い方を見ていきましょう。 <!DOCTYPE html
19:29そういえばはてなのサービス間移動のために javascript:location='http://%s.hatena.ne.jp/'+location.pathname.split(%22/%22)[1]+'/'; っていうブックマークレットをキーワード h で登録してて使ってる。例えばハイクのページ (h.hatena.ne.jp/cho45/...) からその人のダイアリー (`h d`) とか fotolife (`h f`) とかを巡回してストーキングするのに便利 あとはてダに飛ぶキーワードは id ってつけてる `id cho45` でここhttp://d.hatena.ne.jp/./kiyohero/20081209/1228815261
(2007-07-07 追記) Fastladderに対応しました(include追加しただけですが)。移行時のレート付けにどうぞ。 LDR で複数のフィードのレートをまとめて設定したかったのですけど、そういう機能が見当たらないので Greasemonkey で vi コマンドを拡張してみました。 すでにどこかにありそうですが。 http://xmargin.googlepages.com/ldrmanageratecommands.user.js 上のユーザースクリプトをインストールした後、「フォルダ、アイテムの編集」画面でフィードをいくつか選択して : 数字 Enter とかやると選択したフィードのレートが変わるはずです。 編集画面以外では通常通り、その時読んでいるフィードのレートが変わります。 あんまりテストとかしてないので関係ないフィードのレートが変わっちゃったりするかもしれません
19 29 08 2007 CSS(スタイルシート)をjavascriptで切り替える色々な方法cookie jQuery, Css CSSを動的に切り替える方法をいくつか紹介します。全てcookieにより保存されます 1.styleswitch.jsを使う方法 まずGoogleで一番ヒットするのがstyleswitch.jsです。 コード <script src="styleswitch.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="default.css" /> <link rel="alternate stylesheet" type="text/css" media="screen" title="title1" href="css1.css" />
■ テキストフィールドのフォーカス時に背景色を変更する JavaScript 以下の JavaScript を読み込ませれば、フォームのテキストフィールドにフォーカスした時に、背景に色がつくようになります。今どのフィールドを選択しているのかが視覚的にわかるので便利。 mixi にこの機能がついていたんだけど、onfocus なんてのをいっぱい書いていて非効率的だと思ったので、読み込ませるだけで勝手に全部のフィールドに設定されるようなものを書いてみました。 window.onload = function() { var colorful = new ColorfulInput; colorful.set(); } function ColorfulInput() { this.skip = []; this.color = { 'blur': '', 'focus': '#EEEEEE'
[userChrome.js] 軽量マウスジェスチャで利用可能なスクリプト 「○○をジェスチャにしたいんだけど、userChrome.jsには何て書けばいいの」といった話題はこちらでコメントお願いします。 ナビゲーション // 戻る document.getElementById("Browser:Back").doCommand(); // 進む document.getElementById("Browser:Forward").doCommand(); // 更新 document.getElementById("Browser:Reload").doCommand(); // 更新(キャッシュを無視) document.getElementById("Browser:ReloadSkipCache").doCommand(); // ホーム document.getElementB
インターネットでもイントラネットでも使えるブラウザベースのRSSリーダーないかしら、と思ってたんですが、ちょっと探したぐらいじゃなかったのでついうっかりGreasemonkeyで作ってみたくなって、作ってしまいました。 こちら↓です。 rss_reader.user.js - 使い方: インストールするとページ左上にFeed Readerと書いてあるタブ(?)が表示されます。 (RSS1.0とかRSS2.0とATOMとかをまとめてFeedと呼ぶらしいので、 Feed Readerとしました) Feed Readerと書いてある部分をクリックする、 もしくは"f"キーを押すと、 Feed Readerの本体画面が(無理矢理気味に)ページ上に表示されます。 Feed(RSS1.0かRSS2.0かATOM)を含むページを読み込むと タブに青緑色なボタンが表示されます。 そのボタンを押すとFeed
A javascript animation experiment What's this all about? (AKA, "Holy pointless lightshow, Batman!") Fireworks.js is a bit of Javascript that creates starburst-type explosions in a web document; in short, it's a fireworks effect someone could theoretically use on their site. And come on, who doesn't want something like that? As far as appropriateness is concerned, this effect could be compared to t
JavaScript::Bookmarklet スクリプト集:このページで紹介しているスクリプトは自由にお使いください。 更新日:2006.10.27 [blog] このページは様々な用途で利用できるBookmarkletをご紹介しています。もしこのページで紹介しているBookmarkletが気にいったら是非このページをあなたのホームページとリンクしてください。そしてもっと多くの人にBookmarkletのおもしろさを伝えてください。リンクに許可は必要ありません。またこのページで紹介しているBookmarkletの多くは海外サイトで紹介されているコピーフリーなものです。ですから自由にコピーして使ってください。 ニュース&お知らせ 6月27日:「カウンタ」を追加しました。 3月18日:「DOMのソースを見る」を追加しました。 1月26日:「nofollow属性のリンクを強調」を追加しました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く