今、知っておきたいJavaScript
Webブラウザとテキストエディタさえあれば、プログラミングして実行できるシンプルで手軽な言語――。それがJavaScriptが初めて登場してからしばらくの間、多くの人が抱いた印象でした。しかし、Ajaxの登場に伴う第2のブーム以降、ハードルが高くなったように感じられます。 その大きな理由の一つが、DOM（Document Object Model）に基づくJavaScriptプログラミングでしょう。DOMは、HTMLやXMLを構成する各要素に対して、プログラムからアクセスして内部の情報を取得・変更したり、機能を利用したりするためのAPI（Application Programming Interface）です。DOMを使うことによって、WebページをリロードせずにWebページを部分的に書き換えたり、HTMLドキュメントの構造を動的に変えたりといったことが可能になります。 DOMは便利な仕組
ブラウザのツールバー・メニューを全て消す
別ウインドウ表示で、ブラウザのツールバー・メニューを消す 「右クリックを禁止しても、IEならツールバーから表示→ソースでソースを簡単に見ることができる」と前章で説明しました。では、ツールバーを表示させなくしたらどうでしょうか？ JavaScriptで比較的簡単にできます。 例えば、hogehoge.htmlをツールバー・メニューバーなしで表示させたい場合は、リンク元のページＡの中に、 <a href="#" onClick="Javascript:winopen('hogehoge.html');return false;">ここをクリック</a> などとした上で、winopenという関数（「winopen」という関数名は原則として何でも構いません。）をヘッダー部分などに別途定義します。 HTMLのヘッダー部分に自作関数windowopen関数を定義するには、 <script langua
eWeb - ホームページ作成支援 Web Design
Oops! Sorry!! This site doesn't support Internet Explorer. Please use a modern browser like Chrome, Firefox or Edge. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim. Vivamus laoreet ligula ut ipsum sagittis lobortis. Lorem ipsum dolor sit amet, cons
暴満館 » JavaScriptメモ - 巨大なテーブルをスクロールで表示
通常webサイトを作っているならば、巨大なテーブルなぞには縁が無いはずだが、ゲーム関係ともなるとそうはいかなくなる。 特に女神転生には合体表というものがあるので、これをHTMLで表現する場合は嫌が応にもページ領域を占有してしまう。これを回避するにはフォントサイズを小さくして固定にするのがベストだが、フォントサイズ固定を避けて、敢えて可変サイズで表示できないかと考えた。 でまあ、どうせならJavaScript使って表示しちまえという結論に辿りついて出来たのがこれ。 スクロールを用いたテーブル表示 元のテーブルには一切手を加えていないので、JavaScriptがOFFなら通常通りでかい合体表が表示される。 んで、ただスクロールバーをつけるだけではなんなので、テーブル内をドラッグすることでスクロールする機能を追加した。つかむインターフェースとかいうやつ。 作ってみて気づいたが、たとえスクロールを
テーブルにExcelのようなスクロール機能を付加する その1
その１はこちら 前回はCSSのみを使ってテーブルのヘッダを固定し、明細行のみをスクロールさせる方法を紹介しましたが、今回はそれの応用編です。今回のは、ヘッダを固定して明細行だけをスクロールさせるのは同じなのですが、横スクロール機能がついています。しかも任意の列だけは固定でスクロールしません。Excelでもウィンドウの固定等でできますね。なにはともあれサンプルをご覧ください。 http://hoso.homelinux.net/scroll2.html 原理としてはdivタグのスタイルにoverflowを指定してスクロールバーを出現させた後、onscrollイベントで他のdivタグをスクロールさせている(同期を取っている)という事です。このサンプルではonscrollとdivタグに書いていますが、onscrollプロパティに関数をバインドしてもスクロールと同時に指定した関数が呼び出されます。
MOONGIFT: » 高機能なテーブルソート「Nofunc Table Organize」:オープンソースを毎日紹介
業務システムをWebベースで作り変える、なんてプロジェクトは多々存在する。業務システムの特徴としては、検索結果や一覧表など、様々な場面でテーブル組の表が利用されることだ。 そして、その中でも厄介なのがデータのソートではないだろうか。検索条件を保存しながらソートして…なんていちいち実装するのは大変だ。そこで検討したいのがJavaScriptによるソート処理だ。 今回紹介するオープンソース・ソフトウェアはNofunc Table Organize、JavaScriptベースのテーブルソートライブラリだ。 Nofunc Table Organizeの特徴としては、既存のテーブルタグをほとんど修正することなく利用できるという点がある。ヘッダ部分はtheadタグで囲み、データ部分はtbodyタグで囲む必要があるがそれ以外は殆ど修正が不要だ。 ソートはヘッダ部をクリックすればできる。昇順、降順の切り替
JavaScriptで簡単に独自の右クリックメニューを作成するライブラリ「RightContext」:phpspot開発日誌
MS、パケット情報の解析ツール「Microsoft Network Monitor 3」を無償公開 次の記事 ≫：PHPからjQuery（JavaScriptライブラリ）を簡単に使うことができる「PQuery」 RightContext JavaScriptで簡単に独自の右クリックメニューを作成するライブラリ「RightContext」。 ページで右クリックを押したときに、次のようにポップアップで独自メニューを出すライブラリが公開されました。 右クリックにメニューを組み込んでしまうことで、ツールによっては大変便利な使い勝手を提供できるはずです。 以下に実装方法を紹介。 (1) まずScriptファイルを読み込みます。 <script type="text/javascript" src="rightcontext.js"></script> (2) 次に右クリックしたときに独自メニューを表
JavaScriptでsleep
薀蓄 JavaScriptにsleep処理ができないか，その手の質問を良く見かけます。JavaScriptだけで所謂sleep処理はできないのですが，ビジーリードを用いるかJavaScript以外の仕組みを用いれば実現できなくはありません。但し，同期処理や非同期処理，タイマやインターバルを使えば大抵の場合実際に実現したい機能は実装できるはずで，sleep機能を使いたいと思った場合には，先にそちらを検討されることをお勧めします。 サンプル ソース #! /usr/local/bin/perl use CGI; my $cgi = new CGI(); my $wait = $cgi->param('wait'); $wait =~ s/\D+//g; $wait /= 1000; $wait = 10 if ($wait > 10); sleep($wait); print "Content
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン！ 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
ドラッグ＆ドロップできるサイドメニューの折りたたみ（その1：基本設定）
「Docking boxes」という、JavaScript + CSS でサイドメニューの折りたたみとドラッグ＆ドロップを実現したスクリプトの紹介です。WordPress をお使いの方は管理画面で利用されているのでご存知の方も多いのではないかと思います。 本記事では一般的な設定方法を紹介し、「その2：ブログへの適用」で Movable Type 等への設置方法について説明します。 配布元にサンプルがありますのでお試しください。 １．スクリプトのダウンロード Docking boxes(dbx) のページの「Get the Script」からアーカイブをダウンロードします。アーカイブを解凍した中から下記のファイルのみを使用します。 dbx.css（または dbx-allrules.css） dbx.js dbx-key.js 他のファイルおよび画像はサンプルのためのものです。全てをアップロー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://css.eweb-design.com/0402_lcs.html
http://sb.xrea.com/showthread.php?p=45305&mode=linear
http://homepage2.nifty.com/tomoarai/style/mouseover.html
ACCESS R - HTML,DHTML,CSS,JavaScript,CGI,アクセス
JavaScript/DOM » Select ／OptGroup／Option | PHP & JavaScript Room
http://jsajax.com/SamplesByID.aspx?id=491