判定の結果 折り返す パターン文字列 置き換え文字列 全文検索(g) 大文字、小文字の区別なし(i) 複数行を対象(m) 対象文字列 clear 正規表現文法 特殊記号
判定の結果 折り返す パターン文字列 置き換え文字列 全文検索(g) 大文字、小文字の区別なし(i) 複数行を対象(m) 対象文字列 clear 正規表現文法 特殊記号
ノードを末尾に追加 Node appendChild(Node newChild) throws DOMException; newChildを親ノードの末尾に追加します。newChildが既にあれば、まずnewChildをドキュメントから取り除き、その後に追加します。追加に成功すると、newChildを返します。 親ノード.appendChild(追加するノード); ノードの挿入 Node insertBefore(newChild, refChild) throws DOMException; newChildをrefChildの前に挿入します。newChildが既にあれば、まずnewChildをドキュメントから取り除き、その後に挿入します。挿入に成功すると、newChildを返します。 先頭に挿入 親ノード.insertBefore(追加するノード, 親ノード.firstChild)
フレームでスクロールバーの制御の仕方です。 フレーム画面で、横に2つ画面があった場合片方の画面のスクロールバーを上下させると、もう片方のスクロールバーも同期を取って動くようにする方法です。 Javascriptの書き方は以下のようになります。 <HTML> <HEAD> <script language="JavaScript1.2"> <!-- window.onload=init ie=false nn=false if(document.all){ie=true} if(navigator.appName=="Netscape"||navigator.userAgent.indexOf("Opera")!=-1){nn=true} function init(){ if(ie){ frames[0].document.body.onscroll=scrollie frames[1
■JavaScript集(プログラム開発支援) 仕事でプログラム(Perl・Java・SQL)を組むときに使っているスクリプトです プログラマー以外の方は「何これ~」かもしてませんがお許しください また全ての条件でテストしているわけではありませんので意図した結果が得れない場合もあります ・SAMPLE 複数行テキストで各行の前後に指定した文字を挿入 ・SAMPLE 複数行テキストで各行のインデント(スペースとタブ)を削除 ・SAMPLE 複数行テキストで各行後方のスペースとタブを削除 ・SAMPLE 複数行テキストで各行前後のスペースとタブを削除 ・SAMPLE 2つのテキスト列を行ごとに結合 ・SAMPLE 2つのテキスト列を偶数列・奇数列として結合 と 比較機能付き ・SAMPLE テキスト列の左右の文字を切り落とす ・SAMPLE 複数行テキストを指定数に分割し横に並る ・SAMPL
twitter facebook hatena google pocket 最近のマウスにはホイールがついていることも多いので、スライドさせるJavaScriptでもこれが使えると便利です。 horinaja for scriptaculous or jQueryではこれをjQueryまたはscriptaculousで実現可能です。 今回はjQueryで。 sponsors 使用方法 horinaja for scriptaculous or jQueryからclass.horinaja.jquery.js、horinaja.cssをjQueryからjquery.js、MOUSE WHEEL EXTENSIONからjquery.mousewheel.jsをダウンロードします。 <script src="jquery-1.3.2.js" type="text/javascript"></sc
Blacklist JavaScript from certain domains
Webデザインをしていると、HTML と CSS だけではできない表現ってありますよね。そんな時によく使うのが jQuery。今回は jQuery っていまいちよく分からない ... っていう人が、jQuery に少しでも親しんでもらえたらいいなーと思って、知ってる事をまとめてみました。なので jQuery 初心者さん向けの記事です。 とっても当たり前なんですけど、Web サイトは基本的に HTML で書かれていて、デザインは CSS で装飾されていますよね。最近では CSS3 の登場で、簡単なアニメーションも CSS で作れるようになりました。でもクライアントワークでは、まだまだ CSS3 を使える部分が限られているし、Webデザインに少し動きなどをつけたい時などは、まだまだ jQuery を活用する事も多いです。 私は Javascript が苦手で、jQuery もどちらかというと苦
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 一歩進んだ Web アプリケーション活用術 ほんの数年前まではお世辞にも使いやすいとは言えなかった Web アプリケーションですが、現在ではブロードバンド回線の普及や Ajax 技術の確立などで、デスクトップアプリケーションに勝るユーザビリティーを獲得しつつあります。このような Web アプリケーションの発展は、 WebOS 実現への重要な一歩と言えます。同時に、
以前からある手法から順番に見ていきます。 ページの高さの監視 setIntervalでページの高さを監視して、増えていたらAutoPagerizeが動いたとみなして処理を行う var THRESHOLD = 300; var _height = window.innerHeight; setInterval(function(){ if (window.innerHeight - _height > THRESHOLD) { // 処理 } _height = window.innerHeight; }, 300); メリット AutoPagerizeだけでなく、はてなダイアリー・ブックマーク、Twitterなどでのサイト側でのページの継ぎ足しにも対応できる デメリット THRESHOLDをいくつにするかなど、一概に決められない。タイマーをたくさん回すと重くなる。Floatしている要素を継
IE8の挙動について追記しました。 IE8は、img.complete は 画像読み込みでも true になりません(falseのままです)。 そのかわり、img.readyState が "complete" になります。 JavaScriptでの画像の動的/遅延読み込みといえば (new Image).src = URL; なんですが、 タイムアウトやエラーの状況を把握したい時もあったりします。GoogleMapライクなアプリを作ってるときとか。 今回ちょっと必要になったのでまずは調査から。 以下のコードで、存在しないファイル(missing.jpg)を読み込ませ、実行経路を確認してみます。 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://w
// 名前(id)で参照する img = document.images["img1"]; console.log(img.src); // images[n] で参照する for (var i = 0; i < document.images.length; i++) { img = document.images[i]; console.log(img.src); } // for (...of...) で参照する for (const img of document.images) { console.log(img.src); } window.document.image.src window.document.image.name window.document.image.width window.document.image.height window.document.i
イメージオブジェクトを生成する。 後々必要となる画像データを、 あらかじめキャッシュに読み込んでおく際などによく使う。
Canvasを使ったスクリプトを書いていくにあたって、画像データの読み込みについて一考。 ゲームでは画像を多用しますが、Canvas上にそれを描画するには、読み込みが完了してからでなければなりません。 ブラウザでは、画像の読み込みは非同期で行なわれるので、JavaScriptで描画処理を行ないたいと思っても、「その時に」画像読み込みが完了しているとは限りません。 先回までのサンプルプログラムでは、ページ全体の読み込みが完了してから、開始ボタンをクリックして処理を開始していたので、このような問題はありませんでした。しかし実際のゲームでは、そんな都合よいタイミングで処理を開始してくれるわけじゃありません。ですから、「読み込みが完了してから処理開始」というイベント処理がどうしても必要になります。 …で、たいていのJavaScript関係のリファレンス本では、 img=new Image(); i
先日金床さんに教えてもらったOperaで非同期並列JSONPを実行させる方法を実際に試してみたら意外とすんなり動いてしまったので報告します。 最速インターフェース研究会 :: OperaでJSONPを非同期リクエストするより JSONP が Opera だと非同期処理できない http://d.hatena.ne.jp/secondlife/20060906/1157515075 に書かれているとおりOperaだとscript要素を足した瞬間にJavaScriptの実行が止まって、ロード完了まで後続のスクリプトが実行されなくなります。 サンプルコード 改善前(普通のJSONP) Operaはスクリプトを追加するとタイマーが止まる(サンプルページ) http://la.ma.la/misc/js/opera_jsonp_test.html function test(){ var s = d
var canvas=document.createElement("canvas"); canvas.width=160; canvas.height=120; var ctx=canvas.getContext("2d"); var img=new Image(); img.src="data:image/png;base64,(略)"; ctx.drawImage(img,0,0); var imageElem=document.createElement("img"); imageElem.src=canvas.toDataURL("image/png"); document.body.appendChild(imageElem); var canvas=document.createElement("canvas"); canvas.width=160; canvas.heigh
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く