Google Maps, JavaScript | 20:52 | メモの経緯最近jQueryに首ったけな日々が続いているのですが、ジミーに緯度経度を調べるという需要はなくらないので、まとめ的なものを作ってみました。ポイントはMarkerの情報と現在位置の情報を別々にとること。逆ジオコーディングを使って、Markerの住所を割り出すこと。ソースコード（ポイントだけ）サンプルページhttp://l-xp.net/main/sample/gmap/g0010/index.html /*住所からの検索*/ function fc_showAddress(address) { if (geocoder) { function fc_callback(response) { map.clearOverlays(); if (!response || response.Status.code !=
By James Padolsey Intro Demo JavaScript CSS Docs [this page] Last updated 10th February, 2009. Intro: This jQuery plugin will allow you to animate any element to styles specified in your stylesheet. All you have to do is pass a selector and the plugin will look for that selector in your StyleSheet and will then apply it as an animation. The example below uses the plugin to animate the links to the
↓でtxtファイルとしてダウンロードできる。 http://plugins.jquery.com/project/cookie 使い方はデモを触ってみてソース見るとか、 jquery.cookie.jsのソースのコメントの@exampleを見るとかすればいいと思うけど簡単に説明しておくと、 基本的には$.cookie(クッキー名);で値の取得、$.cookie(クッキー名,値);で値の設定が出来て、 第3引数でoptionがいろいろ指定できる。 $.cookie(クッキー名,値,{ expires: 日数, path: '/', domain: ドメイン});とか。 expiresをDateオブジェクトだけじゃなくて日数の数値としても指定できる(というか基本的にこっちを使うはず)。 jQuery pluginだけど$.関数名で使う関数であり、 依存しているjQueryの機能がjQuery.
最近よく言われることとして『CSSファイルは先に、JavaScriptは後で読み込むようにしましょう』というのがあります。 私も理由を考えることもなく従ってきたわけですが、今日どうしてそうすることがいい事なのか分かったので、共有したいと思います。 理由はブラウザの挙動にあります。 まず、"ブラウザはダウンロードできたパーツから順次レンダリングしようとする"ということが挙げられます。従って、まずHTMLを読み込み、DOMを構築し、レンダリングしようとします。 そこで問題になるのがCSS。昨今のWebサイトはWebの標準化に伴って、CSSでレイアウトを組むことが多くなってきています。従って、CSSファイルを読み込んで、そのCSSのパースが終わらないことにはユーザーに見てもらう最終的なレイアウトが決定できないと言うことになります。 さて、そこで気になるのが、ブラウザがどのようにファイルを読み込む
いま，Webの世界は大きく変わろうとしています。検索エンジンはどんどん進化し，ブログやSNS（Social Networking Services）といった新しいアプリケーションが登場して，Webの用途は広がり，便利になっています。 プログラマにとってのWebの姿も大きく変わっています。従来，Webでプログラミングといえば，サーバーで動作するWeb/DBアプリケーションの構築か，JavaScriptで動的なWebページを作成することを指すのがほとんどでした。最近はこれに加えて，Web上に散在するAPI（Web API）を利用するプログラミングが流行しつつあるのです。 インターネット上のサービスを 自分のプログラムに組み込める 「API」と言えばOSの機能をプログラムから利用するための窓口というイメージがあると思います。Web APIとは，WebにおけるAPI，つまりWeb上にあるサービスを
フォームで何か情報を渡したい時に、CGIであればその情報を取得することは簡単ですが、htmlでは容易ではありません。 そこで、ここでは「GET」での場合のみパラメータを受け渡すJavaScriptを紹介します。 例えば、 「http://homepage2.nifty.com/BASH/WWW/JavaScript/qs2.html?id=0000001」 と、リンクしたときにidというNAMEで、0000001というValue値を取得できるようにします。 きちんと取得できるか、ここを参照ください。 なお、qs2.htmlの内容は以下の通りです。 <HTML> <HEAD> <TITLE>JavaScript集（QueryStringの受け渡し） -Bash Homepage-</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!--
DOMスクリプティングで動的なアクションを与えるためには，まずHTML上に存在する要素をJavaScriptから特定できなければいけません。ここではDOMで規定されている各種手法を解説していきます。 DOMを使ってHTMLの特定の要素を参照するために，次の三つのメソッドのいずれかを使います。 document.getElementById('id属性値'); document.getElementsByTagName('要素【タグ】名'); document.getElementsByName('name属性値'); 実はHTML全体から特定の要素を参照するために利用できるメソッドは，これら三つしかありません。たったこれだけを覚えておくだけで，自由自在に特定の要素にたどり着くことができます。 次のHTMLを例に，それぞれのメソッドの使い方を見ていきましょう。 <!DOCTYPE html
*n4でも動作します。 最近は、HTMLとデザイン(.css)を分離するということがわりと一般的に行われるようになってきました。 大規模なページでなくても、たとえば、ブログを作っていればそのツールは最初からHTML以外の分離が前提で作られて いたりします。 そこで、ここではCSSだけではなく、スクリプトを分離することについて考えてみます。スクリプトの分離といえば.js外部ファイルを利用するという手がまず思い浮かびますが、今回は、インラインのイベントハンドラをHTMLから切り離す方法です。 HTMLとそれ以外の要素を分離するメリットは、一般的にはソースが整理されることに関する事柄です。 もちろん、短いソースの場合は分離するためのオーバーヘッドが割りに合わないという場合もありますが、 何度も使う処理がある場合などには、見た目がシンプルでわかりやすくなることにより、 メンテナンス性が高まり、ミス
![イベントハンドラをHTMLから分離する 基本サンプル [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
DataTablesの基本的な使い方 DataTablesを使って表に並び替えなどの機能を追加するには、以下の手順を取ります。 ●HTMLのヘッダー部分の書き換え まず、DataTablesのスタイルシートとJavaScriptを読み込むため、HTMLのヘッダー部分にstyleタグとscriptタグを追加します。 <style type="text/css" title="currentStyle"> @import "media/css/demos.css"; </style> <script type="text/javascript" language="javascript" src="http://アップロード先/media/js/jquery.js"></script> <script type="text/javascript" language="javascript" s
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
