スポンサーサイト

Continue reading

タグ :

  • Comments (Close): -
  • TrackBack (Close): -

イベントハンドラとは

イベントというと、お祭りとかスポーツ大会のようなものを思い浮かべるかもしれませんが、Webにおけるイベントはユーザーが行った操作のことです。よく使うのは、アンケートなどのフォームがクリックされたときです。ユーザーがクリックしたらどういう処理をするか考え、プログラマはプログラムを記述します。ユーザーが何も操作していないような状態でも、たいていはイベントが発生しています。たとえば、Webページを読み込んだだ...Continue reading

タグ :

CSSを動的に変える

このブログのタイトル下に、ブログのテンプレートを変更するボタンを設けています。これは、クリックするとCSSファイルが切り替わるという仕組みを使っています。その仕組みを実現するため、styleswitcher.js という外部ライブラリを利用しました。今回は、このstyleswitcher.js の利用方法について書きます。実は、本家のstyleswitcher.js は不具合が報告されています。私も試してみたのですが、IEでは動作するもののChromeとFire...Continue reading

タグ :

javascriptスキーム

onclickの後のjavascript: という記述はどういう意味があるかという話です。<html><head></head><body><p><a href="javascript:;" onclick="javascript:alert('Hello')">(1)「javascript:」の記述あり</a></p><p><a href="javascript:;" onclick="alert('Hello')">(2)「javascript:」の記述なし</a></p><p><a href="javascript:alert('Hello')"...Continue reading

タグ :

文字の色や大きさを変える

リンクテキストをクリックしたら文字の色や大きさを変えることのできるイベントハンドラを勉強します。<html><head><script type="text/javascript"><!--function changeSize(fontSize) {    document.getElementById("content").style.fontSize=fontSize; }function changeColor(color) {    document.getElementById("content").style.color=color; }// --></script&g...Continue reading

タグ :

window.onclick

ウインドウをクリックしたときにイベントを発生させます。window.onclick=関数名;サンプルコードです。function wo() { alert("Hello"); }window.onclick = wo;formにおけるonclickは、関数名の後にかっこ()を入れなければなりませんが(参考)、window.onclickの場合はかっこが不要です。関数リテラルを使うと、以下のように書き換えられます。window.onclick = function() { alert("Hello"); }...Continue reading

タグ :

  • 閉じるボタン
月別アーカイブ
リンク
カテゴリ
RSSリンクの表示
QRコード
QR
最新コメント
最新トラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。