jQueryを用いてアコーディオンを作成してみる。その2
前回アコーディオンを作成してみましたが jQueryを用いてアコーディオンを作成してみる。 今回は2つ以上のアコーディオンを連携させてみましょう。 使うコードは下記とします。 <a href="#box1" class="btn">開閉ボタン-1</a> <div class="box">contentcontentcontent</div>...
View Articlejavascriptでのobjectの使い方
Objectの使い方について勉強をします。 Objectとは連想配列い近い形で使用できます。 obj = new Object(); obj.x = 5; obj.y = 10; のようにx,yというような形で行うと、位置の座標をobjectの中に登録をする事ができます。...
View ArticlejQueryにおけるeachの利便性とforの有用性
jQueryを作成している時にいろいろなサイトで、eachやforを使って解説があるのですが、 eachに関しては、わりと曖昧な認識で終わらせている人が多いと思うので簡単に解説をさせていただきます。(下記は説明の為、あえて複雑になっている部分もあります。ご了承くださいませ。) <div id="targetArea"> <p name="p1">txt1</p>...
View Articlejqueryの中身を読んでみる(1)
今回は少しjqueryの中身を読んでみたいと思います。 読むバージョンは1.6.2と現在最新のものです。 最初に良く使う値を変数にいれています。 var document = window.document, navigator = window.navigator, location = window.location; jQueryの最初の実行には以下の関数が動作します。 var jQuery...
View ArticleGoogle Mapの使い方。その1
google mapの使い方を勉強したいと思います。 APIには登録やキーなどが必要なの? 無料で利用できるのか? を今回勉強します。 apiキーが必要だったのは、以前の話で、今だと特にキーも必要なく利用ができます。 一部、google mapの特別な機能を利用する時に必要な場合があります。 たとえば、flashでgoogle map apiを利用する場合には、キーが必要です。...
View ArticleFaceBookのJavascript SDKを使ってみる。
今回はFaceBookのSDKを使ってみたいと思います。 特に難しい事はないので、ひとつひとつ順番に勉強をしてみます。 1、FaceBookのアプリを作成する。 http://www.facebook.com/developers/ 上記のデベロッパーページより、アプリを作成します。 右上にCreate new appをおすと新しいアプリを作成できます。...
View ArticleFaceBookのiframeのスクロールバーを出さない方法
今回は前回に続いて、FaceBookのアプリの作成方法を勉強してみます。 一応、アプリを作成できると、iframeが520*800で作成できるようになっているかと思いますが、 より大きいサイズで作成をする必要が出てきた場合の対応方法です。 <script type="text/javascript"...
View ArticleFaceBookでログイン状態を調べる。
FaceBookでjavascript SDKを用いる事で簡単に友達の名前とIDを取得できるのですが、 ここで、開発のアカウントだと普通に取得できているのに、他のアカウントの人の場合に取得できない事があります。 その際には、基本的に認証がないと、アプリの機能が利用できてない事があります。 FB.getLoginStatus(function(response){...
View ArticleFaceBookで友達の名前とIDの一覧を取得する。
今回はFaceBook上での友達の名前と、ID一覧を取得してみます。 誕生日の取得などに関しては、Javascript SDKだけでは少々厳しいようですが、 nameとIDのみであれば簡単に取得ができます。 前回の認証の確認で、アプリの認証が取れている場合に次のファンクションを実行します。 FB.api("/me/friends", function(response) {}...
View Articleサイト移行のお知らせ
今まで運営してきた当サイトですが、下記へと移行をさせていただきました。 javascriptに特化したものではなく、webの技術全般にフォーカスを当てた、メモとブックマーク集です。 今後共よろしくお願いします。 lab ve-lo
View Article
More Pages to Explore .....