Google マップはグーグルが提供している地図サービスです。この Google マップをカスタマイズして独自のマーカーを表示させたり、指定した区間のルート検索を行ったりすることができるように色々な API が提供されています。ここでは Google マップで提供されている API の中でもウェブサイトで利用者が操作可能な地図をカスタマイズして表示することができる Google Maps JavaScript API の使い方の解説します。 ※ Google マップを利用者として使う場合の使い方については「Googleマップの使い方」を参照されて下さい。 なお JavaScript の基本的な使い方については「JavaScript入門」を参照されてください。
24 03 09 2007 トレーニングAjax入門1 jQueryを使って簡単なコードを書いてみる jQuery, Ajax JavaScriptライブラリjQueryのみを使ってプラグインを使わず色々試してみました。 自分で1からjavascriptコードを書いた事はほとんどないのですが、 JavaScriptライブラリといえば jQuery(入門編)を見てかなり直感的に出来る事を知りました。 $('#message').css('background', 'red').html('Hello!').show(); こんな感じで<div=”message”>にCSSや出力文字列を指定できます。簡単ですねー ちょっと書いてみたくなったので自分が作ったなかで使えそうなものを紹介します。 jQuery公式からCompressedから最新版をダウンロードして下さい。記事では1.
add(expr) 要素集合に、条件式にマッチした要素集合を追加します。 add(expr, context) 要素集合に、指定されたコンテキストの条件式にマッチした要素集合を追加します。 addClass(class) 要素のクラスに、指定した CSS クラスを追加します。 addClass(fn) 要素のクラス属性に、指定した関数が返す CSS クラスを追加します。 after(content) マッチした要素の後(弟要素)に、指定した内容を追加します。 after(fn) マッチした要素の後(弟要素)に、指定した関数の内容を追加します。 jQuery.ajax(settings) HTTPリクエストを使用してデータを取得します。 ajaxComplete(handler) Ajaxリクエストが完了した時に実行するコールバック関数を登録します。 ajaxError(handler) A
AJAX page loading でアニメーションページ変移されるのは格好良いので是非とも使いたいのですが、なぜだかうまく次のページが表示されないことがあります。 相性が悪いのか、理解が足りないのか、まだ不具合があるのかはよくわかりません。 aタグでの遷移は rel="external" を付加して <a href="http://sinkan.net/" rel="external" data-role="button">新刊.net</a>と書けばいいのですが、なぜかフォームだとうまくいきません。*1 後々に付加したタグを解除するのも面倒なので、以下のようにまとめて無効化しました。 <script src="jquery/jquery-1.4.4.min.js"></script> <!-- jQueryMobile CUSTOM --> <script type="text/jav
Name chocoby, cho_co, Kenta Okamoto Links Blog (2019-) Blog GitHub (chocoby) Twitter (cho_co) Speaker Deck (chocoby) Mail Development CurryBu Web service to share and explore curry 🍛 jp_prefecture Convert japan prefecture code into prefecture name buranko Tool to parse a git branch name and append commit message Skills Programming - Ruby, Swift, Golang, JavaScript (Flow, TypeScript) Frameworks -
NETTUTS - Create a Simple, Intelligent Accordion Effect Using Prototype and Scriptaculous Prototype.jsとScript.aculo.usで作るクールなアコーディオンUI 次のようなマークアップでシンプルに実装できる模様。 <div id="test-accordion" class="accordion"> <div class="accordion-toggle">トグル1</div> <div class="accordion-content">コンテンツ1</div> <div class="accordion-toggle">トグル2</div> <div class="accordion-content">コンテンツ2</div> <div class="accordion-tog
アコーディオン-AdobeSpry Adobe Spry(アドビ スプライ)は、 アドビ システムズ 株式会社が配布しているAjaxフレームワーク。 なお、Adobe Spryは、Dreamweaver CS3から標準で搭載されているので、Dreamweaver上で装備できる。 ここではAdobe Spryサイトから手動でダウンロードする方法でテストする。 下はデフォルトのアコーディオン。 デフォルトでは1番目のパネルが開いている。開いているタブをクリックしてもデフォルトでは閉じない。 デフォルトのパネルの高さは200px。ここでは省スペースのためにCSSで100pxに変更した。 デフォルトでは、パネルのpaddingが0。文字が枠にくっついて気持ちが悪いですね。
Spryの開閉パネルの件 このサイトの最下部で使ってる開閉パネルについてメールを頂いたので、それについて書いてみます。jQuery以外のライブラリに触れるの久しぶりすぎて記憶が飛んでた・・・。 Sakkさんへ。 メールありがとうございました。お返事です(n'∀')η ダウンロードと必要なファイル まず本体をダウンロードします。 Adobe Labs - Spry framework for Ajax このページの「Downloads」んとこのリンクを辿っていくとダウンロードできます。途中Adobe IDが必要になります。IDをまだお持ちでないなら作ってダウンロードしてくださいまし。 うちで使ってるのと同じようにするなら必要なのは上でダウンロードしたものの中の「widgets/collapsiblepanel/SpryCollapsiblePanel.js」と「widgets/collaps
\閉鎖予定のサイトも売れるかも?/ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう
「Webサイトを作るときに本当によく使う機能を、自分で作らずにさくっと実装したい」――。そんなワガママな願望をかなえてくれる JavaScriptライブラリが登場した。ミツエーリンクスが今月オープンソースとして公開した「MJL(MITSUE-LINKS JavaScript Library)」は、Webサイト制作に必須の“最小限の機能”に絞ったJavaScriptライブラリだ。 昨今相次いで公開されている、リッチなUIを実現するJavaScript/Ajaxライブラリとは異なり、MJLの機能はとてもシンプルだ。もともとWeb制作会社であるミツエーリンクスが「自社標準ライブラリ」として作成したものだけあって、汎用性・実用性を重視したライブラリになっている。 具体的な機能は以下の6つ。確かにどれもよく使いそうなものばかりだ。 画像のロールオーバー Flashオブジェクト埋め込みの機能拡張 新規
Webデザイナーさん、(X)HTML/CSSコーダーさん、マークアップエンジニアさん、お待たせしました。Web制作者のためのjQuery入門が始まります。 本連載では、現役Webクリエイターの西畑一馬氏が、人気のJavaScriptライブラリ「jQuery」を使ったリッチなUI(ユーザーインターフェイス)の作り方を解説します。プログラムの基本的な書き方の説明から、実務で使えるサンプルの紹介まで。目指すは「Webデザイナーが最短距離でjQueryを使えるようになること」です。 jQueryをマスターすれば、たとえば「このタブパネルの向きを変えてほしいんだけど……」といったクライアントのわがままにもスピーディーに応えられるようになります。仕事の幅をぐっと広げるきっかけに、本連載をお役立てください。 (編集部) 圧倒的人気を誇るJavaScriptライブラリー「jQuery」 ここ数年、「pro
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く