タグ

ブックマーク / blog.webcreativepark.net (3)

  • prototype.jsを使ってみる 2-Event.observe

    prototype.jsを使ってみる 2-Event.observe 今回はEvent.observeを使ってイベントを追加する方法です。 onloadイベントを記述する際にbody要素に <body onload="hogehoge" > と記述したりスクリプト内に window.onload = function(){ hogehoge } と記述します。 onloadイベントは1ページに1度の記述しか認められておらず複数のonloadイベントを記述したい場合はonload用の関数を別途作成する必要があります。 prototype.jsのEvent.observeを使えばイベントを追加する事ができスクリプトの保守性が著しく向上します。 Event.observe(追加する要素,イベント,関数,段階) 追加する要素にはオブジェクトかIDを記述します。 イベントにはloadやclickなど

    prototype.jsを使ってみる 2-Event.observe
  • Safariの開発者メニューでスマートフォン開発

    Safariの開発者メニューでスマートフォン開発 AndroidiPhoneのスマートフォンのサイト作成を行う際にSafariの開発者メニューを利用すると便利です。 開発者メニューは環境設定の詳細タブから設定が可能 「メニューバーに"開発"メニューを表示」にチェックを入れることでメニューバーに開発者メニューが追加されます。 開発者メニューではユーザーエージェントの切り替えができるので、ユーザーエージェントで処理を変えている場合もSafariで検証が可能です。 iPhoneやiPod touch、iPadなどだけではなく「その他」から任意のユーザーエージェントも選べます。複雑なユーザーエージェント分岐を行っていなければ「Android」などと入力するだけでAndroid用の処理が実行できます。 また、Webインスペクタを起動することでFirebugに似たデバッグツールが利用できるようになり

    Safariの開発者メニューでスマートフォン開発
  • ie以外でもクリップボードが使えるsetClipboard.js

    ie以外でもクリップボードが使えるsetClipboard.js IE以外のブラウザでもクリップボードにコピーが簡単にできるjavascriptライブラリを作成しました。 IEにはclipboardData.setDataという関数があり、クリップボードへのコピーなどが簡単にできますが、IE以外のブラウザはクリップボードにアクセスする機能がありません。 そこでflashプレーヤ―のsetClipboard関数を利用してクリップボードにコピーするライブラリです。 まずは関連ファイルをダウンロードします。 ダウンロード(setClipboard.zip) 解凍してできる『setClipboard.js』と『setClipboard.swf』は同じディレクトリにアップしてください。 header要素などでsetClipboard.jsを読み込みます。 <script type="text/jav

    ie以外でもクリップボードが使えるsetClipboard.js
  • 1