1.simplelibとは simplelibとはjQueryを利用した様々なプラグインを動的にロードして、ウェブサイトを構築する上でよく使う機能を一元管理するためのツールです。 各プラグインを別ファイルにし、必要なファイルだけをロードします。ダウンロードはこのページの一番下にあります。 2.プラグイン一覧 現在以下のようなプラグインがあり、HTMLに1行追加するだけでこれら全ての機能を追加できます。 accordion
Captcha security check laquu.com is for sale Please prove you're not a robot View Price Processing
CSSでページをデザインする際に、ブラウザ毎のレイアウトの違いって本当に嫌ですよね。 CSSハックで対応する方も多いかと思いますが、本日紹介する「cssuseragent」を使うとclassの作り方を少し工夫するだけでより柔軟に対応できるようになります。 詳しくは以下 設定方法はJavaScriptを一つ読み込むだけになります。 <script src="cssua.min.js" type="text/javascript"></script> このライブラリを使うと、ページのhtml属性に動的にclass属性を追加するようになります。 例えばですが、IE6でアクセスした場合には ua-ie-6というclass名が追加されるようになります。 <html class="ua-ie-6"> <head>…</head> <body>…</body> </html> iPhoneの場合はua-
JavaScript Advent Calendar 2010 8日目担当のid:os0xです。 JavaScriptネタは案外範囲が広くて色んなネタがあるので、毎回が楽しみですね。 さて、私はデバッグをネタにしたいと思います。テストではなくデバッグです。誰かが書いたコードをメンテナンスしなきゃー、とか。jQueryプラグイン導入しようとしたけど、なんかうまく動かないーみたいなケースのおはなしです。 JavaScriptのデバッグは大変なので、多くの方が日々苦労されていると思います。なぜJavaScriptのデバッグが大変なのか少し整理してみましょう。 ブラウザ依存 まず、なんといってもJavaScriptはウェブブラウザ上で実行されるので、環境が一定ではありません。特定の環境だけを対象にJavaScriptを書くことは滅多にありません。PC向けではIE、Firefox、Chrome、Sa
JSON Editor by katamari http://jsoneditor.net/ 昨日、紹介した「JSONLint」の事をtwitterで話したら、自分はこれを2年前から使ってると「JSON Editor」というのを紹介して貰いました。 早速、どんなものかと見てみたら凄いですねコレ、表示はツリー表示に成ってデータの有る所をクリックするとその場で編集出来ちゃいます。ショートカットキーも充実しています。 JSONはもちろん、XMLでも出力出来ちゃいます。 調べてみたところ2年前から有るツールで作者は日本人の方みたいです。 JSON Editor 公開しました - pm11op のブログ http://pm.11op.net/2008/05/json-editor.php これは超便利ですね。これから積極的に使って行こうと思います。 ちなみにAIR版も有るみたいです。 RESTful
画像をはじめさまざまなHTML要素をスライド表示させるカルーセルのスクリプトを紹介します。 下記のデモでは、Example One(表示数4、移動数2、手動操作)、Example Two(表示数3、移動数1、自動操作)となっています。
AjaxのプログラムでjQueryのreadyを使ってみましょう。 jQueryとはJavaScriptライブラリの一種で、今やデファクトスタンダードと言われるくらい人気です。 前回はわざとJavaScriptのプログラムの中で、jQueryの機能を呼び出していました。 何故なら、最初はできるだけ元のプログラムを変更せずに、 最小限の修正だけで動くようにしたかったからです。 でもjQueryっぽい書き方というか、 本来ならjQueryのイベントやメソッドを使った書き方があります。 そこで今回は、前のプログラムを、jQueryを主体として書き換えてみます。 早速、やってみましょう。 【1】前回に作成したsample002jq フォルダをコピーして sample002jq-2 フォルダを作成します。 【2】今回は以下のようなファイルの構成になります。 ・test.js を少しだけ変更します。
★ブラウザを揺らしてください★ ウィンドウをつかんでぐぎぐぎと、 ブラウザを揺らすと画像がゆれる 大きく振るとモナリンの向きがかわるサンプル JSで、ブラウザの位置を取得してFlashに渡します。 IE window.screenLeft window.screenTop Mozilla系 window.screenX window.screenY これも、実験をかねて getURLでJS宣言。 最初JSでsetIntervalを使ってFlashに一定間隔でブラウザの位置情報を送ってやったんだけど FireFoxだと、ブラウザをつかんでいる間functionが呼び出されなかった なので、Flash側でseIntervalでExternalInterface.callして位置情報を取得したらFFでもOKだった。 が、safariが×だすた。 safariは未解決 しっか
複数のjsライブラリを利用する際にonloadを書き換える方法 複数のJavaScriptライブラリを利用していて、正常に動作しないや、どちらか一方しか動作しないなどの状況に陥ることがあります。 原因は様々なのですが、一番多いのがJavaScriptライブラリのonload記法に依存する問題です。 onload記法とはJavaScriptを実行するタイミングをonloadイベント(ブラウザがすべてを読み込んでから実行)に設定する際の書き方です。 DreamWeaverを利用している方は、以下のようなソースをよく見るかもしれません。 <body onload="MM_preloadImages('hogehoge')"> これはonloadイベントにMM_preloadImagesという関数を設定しているという意味です。 他にもソースコード中の window.onload = functio
優雅なWeb製作者の為の『yuga.js』 Check Tweet 配布元:inputlog ライセンス:MITライセンス yuga.jsは中村 享介さんが公開されている、Web制作に役立つ機能が色々と同梱されたJavaScriptライブラリになります。Web制作を効率よく優雅に進めるためのライブラリです。 主な機能は以下の通り。 ロールオーバー時に画像に_onを追加 現在のページのリンクにclass=”current”を追加 現在のページの親ディレクトリへのリンクにclass=”parentsLink”を追加 外部リンクを別ウインドウで開く 画像へ直リンクをthickboxで表示 odd,even.empty,first-child,last-childのCSS3擬似クラスをクラスで設定 スムーズスクロール タブパネル 設置方法 ダウンロードしたファイルセット「jquery.js」、「t
はじめに jQueryとは、John Resigによって開発され、最近非常に注目を集めている Javascriptライブラリです。 JavaScriptとHTMLの対話を劇的に改善し、Ajaxなどにより複雑化してきているWebアプリケーション構築に必要な処理を非常に簡潔に書くことができます。また、ブラウザの種類やバージョンによる違いも吸収してくれるため、プログラマの作業量も減らしてくれます。 本連載では、jQueryライブラリのコードを読みながら、実装として中で何が行われているのかを見ていこうと思います。 想定している読者は、jQueryライブラリをただ使うだけでなく、やっていることを理解したいという方、使われているコードを応用して自分なりの改造をしてみたい方、新たなプラグインを開発したいという方などです。 今回の連載では執筆開始時点の最新版であるバージョン1.2.2を対象としています。説
180度用の往復スクロールJavaスクリプトの使い方 ( 360度未満の写真用です。360度写真は360度スクロールの解説をご利用下さい ) このJavaスクリプトはwindowsのIE6, FireFox 2 ,Netscape7で動作確認しています。 ページ作成から順に解説してありますが、すでに作成済みページの写真をスクロールさせることも出来ます。 ( 画面内に収まる小さな画像はスクロールしません ) ※ スクリプトのご利用の際は、リンク集等に「瀬戸の夜景」へのリンク掲載お願いします。 (連絡していただく必要はありません) 普通に写真を表示した例 <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <IMG src="img.jpg"> </BODY> </HTML> これに往復スクロールのJavaスクリプトを組み込
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く