Archive for the ‘Javascript’ Category

2011年04月27日に投稿

[jQuery] n番目の要素にアクセスする

Javascript から HTML の◯番目の◯◯タグにアクセスしたいときがあります。jQuery を使って n 番目の要素にアクセスするサンプルです。eq メソッドと eq フィルタを使用した例です。

続きを読む

2011年04月26日に投稿

[Google Apps Script]Google Apps ScriptでHello worldをする

Google Docsの一部としてSpreadSheetがあります。ExcelのVBAのような感覚でスリクプトからスプレッドシートを操作することができます。スプレッドシートに留まらず、メールを送信したりリモートファイルからデータを取得したりすることができるようで、いろいろと試し甲斐があります。今回は最も基本的なHello worldをメッセージボックスで出力します。VBAではなく、Javascriptで記述できるのでWEB系の仕事をしている人には扱いやすいと思います。

続きを読む

2011年04月19日に投稿

[jQuery]cookieの扱いを簡単にするプラグイン「jquery.cookie.js」

jquery.cookie.jsを使うとcookieを簡単に扱うことができるようになります。

続きを読む

2011年04月16日に投稿

[jQuery] post メソッドと ajax メソッドを使って POST 送信を行うサンプル

jQuery で POST 送信をすることができるメソッドに ajax と post があります。その 2 つのメソッドを用いた簡単なサンプルコードです。それぞれ post.php に POST 送信を行い、レスポンスをアラートで表示します。

続きを読む

2011年04月06日に投稿

[Javascript]クリックされた実行する関数をheadタグ内に記述する

HTMLタグの属性としてonclickに関数を指定すると、見た目は分かりやすいのですがHTMLとJavascriptの記述が混ざってしまい気が進みません。
HTMLとJavascriptを分離するためにイベントハンドラをHTMLのhead内に記述した例です。
実行をクリックすると、alertが実行されます。
[javascript]



test



実行


[/javascript]

に投稿

[Javascript]無名関数を使う

無名関数を記述すると即座に実行します。下記のコードはHTMLが読み込まれる前に実行されるのでエラーになります。

[javascript]


test


something



[/javascript]

に投稿

[Javascript]ページ全体が読み込まれた後に実行する

head部分に記述したコードは下記のようにすると、ページ全体が読み込まれた後に実行されるようになります。
window.onloadを使わずにalertの行だけを書くとalertは実行されませんでした。

[javascript]


test


ほげ



[/javascript]