This domain may be for sale!
Cookieの取得 var cookie = document.cookie; Cookieの設定 document.cookie = 'var1=value1;var2=value2;var3=value3;'; Cookieの有効期限を指定する document.cookie = 'var1=value1; expires=Tue, 1-Jan-2030 00:00:00 GMT;'; Cookieの書き込み (有効期限を1時間後に指定) var xDay = new Date; xDay.setHours(xDay.getHours() + 1); // 有効期限を1時間後に設定 xDay = xDay.toGMTString(); //GMT形式の文字列に変換 document.cookie = "value0=" + + ";expires=" + xDay; Cookieの読み
Cookieの概要 Cookie情報が保存されるファイル Cookieの実行例 Cookieの設定 Cookieの書き込み Cookie書き込みの例 Cookieの読み込み エンコードとデコード Cookieに関するQ&A Cookieの語源は何ですか? Cookieで複数の値を設定するには? Cookieを削除するには? Cookieの有効期限を無期限にするには? path=/ とすると、そのサーバー上のすべてのファイルに対して送信されるの? Cookieをフォルダ単位ではなく、ファイル単位に設定することはできますか? escape()でエンコードされたUnicodeをCGIでシフトJISにデコードするには? Cookieの概要 Cookie とは、以下のようなことを実現するための機構です。 訪問者がそのページに何回訪れたか記録して表示する。 通常モード、フレームモードなど、訪問者の好み
javascript IEだと下記でマウス座標が取得できます。 x = event.screenX y = event.screenY FireFox(できれば他も)で同様の処理を行う方法を教えてください。
日本語を文字化けなく安全に扱ったり、URLに載せたりする際はencodeURIやencodeURIComponentを使いますよね。 ただ、これらで日本語をエンコードするとめちゃくちゃ長くなります。 日本語1文字(utf-8で3byte)が9文字(9byte)となんと3倍!! これをどうにかできないかなと思い、圧縮してみました。 圧縮方法はいろいろありますが、実装が簡単でそれなりに小さくなるLZSSを採用。 LZSSとはLZ77を改良したもので、圧縮が遅く展開が速いと言われています。 簡単にアルゴリズムを説明すると、 1. 以前に出現したデータ列から一致するものを探す 2. 一致するものが見つかった場合は、一致したというフラグ、一致位置、一致した長さを出力 3. 一致しなかった場合は、一致しないというフラグと一致しなかった文字列を出力 詳しくはデモのソースを見てください。 通常は8bit単
ブラウザの「戻る」を利用しページが再表示された時にはonloadイベントが走らないブラウザが多いため、ロールオーバー画像が既に見えていたり、フェード効果がなくなったり、Ajaxで読み込んだコンテンツが…といった不都合が起きやすいものです。 これはキャッシュを利用しページを再表示するために起こるのですが、unloadイベントがあるとキャッシュされない性質を利用し回避することができます。 ※下記のコードではjQueryを利用しています。 // ブラウザバック対策 $(window).unload(function(){}); 参考:戻るボタンとonloadイベント – 北海道苫小牧市出身のPGが書くブログ 0 Comments» コメントはまだありません。 このコメント欄の RSS フィード TrackBack URI コメントをどうぞ » 初めてコメントされる方は管理人の承認が必要となります
最初ぐぐって出てきたスクリプトそのまま使ってたのだが、要件に満たさないところがあったのでごっそり書き換えたので良いだろうということで書いておく事にした。 何をやっているかというと、同じ場所に切り替えたい画像を全部重ねて置いておき、JavaScript の setTimeout を使用して順番に表示している。 今回は画像が4枚を3秒毎に表示していき、最後の画像だけ10秒ほど表示としている。あまりこういった細かな制御ができるプラグインは無いのかな、すぐ出て来なかったので既存のものを改造した。その既存のものがどこからとってきたものなのか忘れてしまった...。見つかったらリンクはろう。 html <header> <h1>画像が自動で切り替わるアレ</h1> <ul id="header-images"> <li><img src="/images/image_top_01.jpg"></li>
こんにちは、太田です。今回から、Ajaxと呼ばれるような非同期な通信処理を行うJavaScriptについて解説していきます。今回は特にJSONPについて基礎的な部分を解説します。 JSONとは JSONについては第9回でも少し触れていますが、改めて解説します。 JSON(JavaScript Object Notation)はJavaScriptから生まれたデータ記述フォーマットで、真偽値、数値、文字列、null値の組み合わせを持ったハッシュか配列かその両方で構成されます。 JSONはそのシンプルさから多くの言語でネイティブにサポートされており、特にウェブ関連ではポピュラーなデータフォーマットです。 JSONのサンプル(配列) ["aaa", "bbb", "ccc"] JSONのサンプル(ハッシュ) {"aaa":1, "bbb": 2, "ccc": 3} JSONのサンプル(ハッシュ
◆ JavaScript 日付関数 ◆ ■日付オブジェクト(Dateオブジェクト)の作成 ★ = new Date(◆); ★が、日付オブジェクトの変数名です。 ◆に設定する時刻を記述します。省略すると現在の時刻になります。 now = new Date(); unix = new Date(0); num = new Date(1000000000000); minus = new Date(-1000000000000); date = new Date(2010,0,2,3,4,56,789); birth = new Date(1967,2,24,8,30,0,0);
jQueryなどを使いAjaxで通信などをしていると、他のサーバから直接JSONが取れたら便利なのにと思ったりします。 通常はこういったときはJSONPなどを使うのですが、もっと楽な方法は無いものかと探していたところ「Access-Control-Allow-OriginなるものをHTTPヘッダーに入れればできる!」という記事があったのを思い出し、夜中にフツフツと試してみました。 先に結論を書いておくと、冒頭の例え「他サーバから直接JSONを取る」には、他のサーバーが返してくるResponseのヘッダー部分に「Access-Control-Allow-Origin:"*"」と入っていると、受け取ったブラウザはJSONを処理してくれます。 このテクニックは特殊なテクニックではなく、いたって正攻法とのことでした。そのため、ほとんどのブラウザで同じく処理されます。複数のWebサーバのヘッダを調整
document.getElementsByName()を使うとページ上にある同じ名前のエレメント(ラジオボタン)を取得することができます。これはラジオボタンで同じ名前(グループ名)を指定するため、このメソッドを使うことで特定のラジオボタングループの情報を取得することができます。取得したラジオボタンのcheckedプロパティを調べることで、どのラジオボタンが選択されているかを取得することができます。 サンプルコード [実行] <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>JavaScript Sample</title> <link r
JavaScriptで作った配列の順番を特定の順番に入れ替えたい時があったので、ソートして入れ替える方法を調べました。 sort関数 ソートする関数が用意されていますので、sort関数を使います。パラメーターを入れないとアルファベット順になります。 //配列 var station = ["Shinjyuku","Ikebukuro","Shibuya","Ueno"] //配列をソート station.sort(); //出力用 alert(station); // Ikebukuro,Shibuya,Shinjyuku,Ueno ちなみに配列の中身が数字の場合だと・・・ var number = [50000,40,900,3000] number.sort(); alert(number); // 3000,40,50000,900 アルファベット順なので、このような並びになります。
The datepicker is tied to a standard form input field. Focus on the input (click, or use the tab key) to open an interactive calendar in a small overlay. Choose a date, click elsewhere on the page (blur the input), or hit the Esc key to close. If a date is chosen, feedback is shown as the input's value.
思いは言葉に。 はてなブログは、あなたの思いや考えを残したり、 さまざまな人が綴った多様な価値観に触れたりできる場所です。
HTTP(GET)通信でページを読み込みます。 シンプルなGETリクエストを送る簡単な方法で、複雑な$.ajax関数を使わずにサーバと通信ができます。通信の完了時に実行される関数を引数で指定することも可能ですが、これは成功時のみ実行されるので、失敗時と成功時の両方をカバーするには、$.ajaxを使う必要があります。
<html> <head> <title>TAG index Webサイト</title> </head> <body> <p><a href="#" onClick="history.back(); return false;">前のページにもどる</a></p> <p><a href="#" onClick="history.go(-2); return false;">2つ前のページにもどる</a></p> </body> </html> 上記の例では、タグに直接指定しています。 history.back() … 1つ前に戻る history.forward() … 1つ先に進む history.go(-3) … 指定数分戻る(マイナスで指定します) history.go(3) … 指定数分進む <input type="button" value="戻る" onClick="his
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く