今さらながらJavaScriptのwindow.openについて調べてみた。 - 小さい頃はエラ呼吸
はじめに JavaScriptで新規ウインドウを表示するコードを書いていて、ちょっとつまづいたので、今さらながらJavaScriptのwindow.openや親子ウインドウの制御について調べてみました。※以下のコードはすべてIE7で検証しています。 ノンプログラマのためのJavaScriptはじめの一歩 (WEB+DB PRESS plus)posted with amazlet at 13.01.23外村 和仁 技術評論社 売り上げランキング: 17,179 Amazon.co.jp で詳細を見る window.openメソッドの使い方 window.openメソッドの第１パラメタには、表示するファイルを指定します。第２パラメタにはウインドウの名前、第３パラメタには、子ウインドウに対するオプションを指定します。第１パラメタ以外は、省略可能です。（ちなみにwindow.の部分も省略可能です
フォームの自動カナ入力
■ autoRuby.jsをDISってみる http://d.hatena.ne.jp/rubricks/20080702/1215003705 フォームのフリガナを自動入力させるAutoRuby.js | ホームページ制作・運営のヒント ちょうどRubricksのユーザやグループの読み仮名の仕様を見直している際にこの記事がホッテントリにあったので興味を持った。着眼点はとても素晴らしい。ギミックはありがちと謙遜されているが、自分は今までWEBアプリでは見たことがなかった。しかし、導入も視野に入れてコードを読んでみたらこれが実にいただけない。 1. 編集候補の切換時、平仮名を含む候補が出る度にカナが追加されていく 2. 名前用、カナ用のテキストボックスを各1つしか指定できないため複数設置が不可能 3. 設定のためにJSファイルを編集しなければならない 4. ライセンスが記述されていないので開
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
ブラウザのスクロール量を取得するには？ | Diaspar Journal
オンライン英会話kiminiは、教育に70年の歴史をもつ「学研」が提供するオンライン英語学習サービスです。 英語の学習に取組むために、「どうやって勉強すればいいのかわからない」といった悩みを解決するために、オンライン授業に適した教材を学研が細部までこだわって作成しています。 kiminiは、月額980円（税込み1,078円）からの始めやすい料金プランが採用されいます。また、オンライン英会話に興味があるけど迷っている方に無料体験が用意されています。 オンライン英会話は、パソコンやスマートフォンを利用してレッスンを受講する仕組みです。インターネットさえ利用できる環境であれば、受講場所を問わず、自宅やカフェなど好きな場所で英語学習ができます。 英語学習の講師としてのトレーニングを行ったフィリピン人英会話講師と、早朝から深夜まで英語学習に取組むことができます。 kiminiには、1,400名以上の
まだまだあったJavaScript製のWYSIWYGエディタコンプリート:phpspot開発日誌
まだまだあったJavaScript製のWYSIWYGエディタコンプリート、ということで、本ブログで紹介していない（したものも一部あるかもしれませんが）ライブラリ等をメインにご紹介。 WYSIWYGといっても、それぞれの使い方には特徴があって、微妙に自分の使い勝手にあってなかったりする場合もありますね。ということで選択肢を増やすという意味でご紹介 Free Rich Text Editor OfficeスタイルのリッチなＷＹＳＩＷＹＧエディター →デモページ jHtmlArea - The all NEW HTML WYSIWYG Editor for jQuery WYSWYGエディタ実装用jQueryプラグイン jwysiwyg シンプルなＵＩのＷＹＳＩＷＹＧエディター。jQueryプラグイン SPAW Editor ＵＩが美しいタブ付きＷＹＳＩＷＹＧエディタ →デモページ TTW HT
textareaの選択範囲を取得し、前後に文字列を挿入する - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 textareaの中で選択した文字列の前後に、任意の文字列を挿入するJavascript。流れとしては、まず選択領域の始点と終点の位置を取得し、その境界を基準にしてtextareaの文字列全体を分割。そして加工して組みなおす。 始点と終点の位置は、Mozillaおよび（最近の）Opera/Safariでは容易に取得できる。問題はIE。IEのTextRangeオブジェクトは、後のコンテクストを見て処理を行うことが難しいため、特にtextarea内の文字列を操作したい場合は厄介です。 逆に言えば、始点と終点の位置さえ判ればなんとかなるので、いろいろ試してみてなんとか形に出
JavaScriptのsetIntervaｌ関数の意味を正確に理解するための１つの説明 - 風と宇宙とプログラム
ECMAScriptの言語仕様と組込関数の動作仕様は非常にきめ細かく規定されていますが、それに含まれていないJavaScriptの関数の仕様はどうもはっきりしないように思えます。そのためか、それを利用するコードも正確なものではないものが見受けられます。その１つがsetInterval関数。何をいまさら？という感じですが、ちょっとググッてみたところsetInterval関数を解説する記事は沢山見つかりますが、そのことについて注意している記事はほとんど見当たりません。 何のことかと言うと、setInterval関数は一定間隔で指定した関数を実行する、とだけ説明されていて、何が一定なの？ということについての説明が抜けているように思われます。例えば、もし、関数が一定間隔でコールされるなら、下のコードを実行した場合、duration=???はいくつと表示されるのが正しいのでしょうか？ functio
JavaScript Index/メソッド、プロパティ・リファレンス
この項では、JavaScriptにおける各オブジェクトのメソッド、プロパティ、関数、及び制御文などのリファレンスです。 一部にサンプルを掲載しました。お役に立てば幸いです。 ■ JavaScript Index
javascriptで外部サイトのHTMLを取得するには、 - programing memo
XMLHttpRequestオブジェクトを使用するとできます。 XMLって名前がついてますけど、XMLじゃなくても大丈夫。(任意のテキストを受信することができる) 以下が手順。 1.XMLHttpRequestをnew演算子をつかってオブジェクトを生成 (IE用とFirefox用で処理分岐) 2.XMLHttpRequestのopen()メソッドを使って、 サーバのURLや通信方法、同期非同期などを設定 3.非同期通信の場合、onreadystatechange属性を使って サーバの応答状態を調べる 4.XMLHttpRequestのsend()メソッドを使って、 open()メソッドに設定したサーバのURLに対して 通信する。 5.readystate属性を使ってサーバからデータを受信できたか調べる 6.サーバからデータを受信できたら、responseText属性から 文字列を取得できま
AJAXのお勉強
このサイトは、Ajaxのお勉強サイトです。 Ajaxに付随する技術的な情報を提供します。 Ajaxは、JavaScriptのHTTP通信機能を使って、 サーバとXML形式のデータのやり取りを非同期で通信できます。 今まで動的なWebアプリケーションを作成する場合は、 画面遷移を伴う必要が生じましたが、 遷移が伴わないアプリケーションの作成が可能となります。 Ajaxは、DHTMLと呼ばれる技術（Http、CSS、JavaScriptなど）に、 このHTTP通信が足されたものでしょうか。 Ajaxと言えば、GoogleMapが有名ですね。 今日では、様々なWebサービスにAjaxが利用されています。 Ajaxは、htmlで作成できるのは利点でしょう。 手軽に組み込めるのは良いと思います。
リンク先ウェブサイトのスクリーンショットをポップアップ表示 - デザインスタジオウェブログ - WEB関連 - ウェッジ
セールスプロモーション・WEBサイト・マルチメディアコンテンツ 等 広告の企画コンサルタント・グラフィックデザイン制作 インターネットサーバ ホスティング 2013年4月1日 追記 アダルト・商用サイトからの利用があまりにひどいので規制しました。 ご利用をご希望の場合、メールにてお問い合わせ下さい。 個別に許可させていただきます。 ウェッジのウェブサイトで利用するために作成した JavaScript ですが、需要がありそうなのでダウンロードできるようにしました。 リンクに class="previewlink" と書くだけで、リンク先ウェブサイトの縮小画像(サムネイル)をポップアップで表示します。 以下2点のおまけ機能付きです。 リンクに title が設定されている場合、タイトルの内容をポップアップ表示 リンクに rel="external" が設定されている場合、リンク先を別ウィンドウ
まじで使えるJavascriptライブラリ75選 | CREAMU
Javascriptで優れたインターフェースを実装したい。 そんなあなたにおすすめなのが、『75 (Really) Useful JavaScript Techniques』。まじで使えるJavascriptライブラリ75選だ。 以下にいくつかご紹介。 » Lightview スムーズに画像を拡大してくれる » FancyUpload アップロード中のプログレスを表示してくれる » SWFObject Javascriptを使ったFlashプレーヤ » JavaScript tabifier 簡単にJavascriptで切り替えられるタブインターフェースが作れる » FancyZoom 1.1 簡単なエンベッドでスムーズに画像を拡大してくれる » SimpleModal オーバーレイするクールなモーダルダイアログ » A Mac OS X-style Dock In JavaScript
画像ポップアウト・イメージギャラリー・スライドショー｜jQuery plugin｜Ajax｜PHP & JavaScript Room
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説jQueryでシンプルにスライドショーを実装する方法が掲載されています。 スライドショーとして表示する画像をあらかじめimg要素で列挙しておき、z-indexを変更することで入れ替え表示しています。 スライドのスピードはミリ秒で指定可能です。 すべての画像を表示し終わると、また繰り返し最初からリピート再生されます。 スライドを開始する画像のimg要素にはactiveクラスを指定します。 設置イメージ A Simple jQuery Slideshowの設置サンプルサンプルを見る<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm
JavaScript リファレンス 配列オブジェクト
・toString 文字列に変換 arrayObj.toString(); 戻り値：要素を「 , (カンマ）」で区切られた文字列 配列の各要素をカンマを区切り文字として文字列にして返します 例） arr = ["aaa" , "bbb" , "ccc"]; str = arr.toString(); document.write(str);// aaa,bbb,ccc が出力される ・concat 配列の連結 arrayObj.concat(arrayObj2); 第一引数：配列 戻り値：結合後の配列 配列と配列を結合します。 例） array1 = ["aaa" , "bbb" , "ccc"]; array2 = ["ddd" , "eee" , "fff"]; array3 = array1.concat(array2); str = array3.t
Custom Checkboxes, Custom Radio Buttons, Custom Select Lists
Custom Checkboxes, Custom Radio Buttons, Custom Select Lists This JavaScript and CSS will allow you to use custom images for checkboxes, radio buttons and select lists. Checkboxes, Radio Buttons, Select Lists, Custom HTML Form Elements Have you ever wanted to use your own images for checkboxes, radio buttons or select lists? This script will let you do that. Easily. The unobtrusive script graceful
新JavaScript入門 16 Select
Selectオブジェクトは HTML文書の中で典型的に次のように定義します。 <SELECT NAME="string" SIZE="integer"> <OPTION VALUE="string" [SELECTED]>string <OPTION VALUE="string">string ... </SELECT>
JavaScript サンプル：『年月に合わせて日付の項目数を変更させてみる』
説明 選択フォームで日付を選択してもらえば、入力チェックなどの手間が省けるので良いのですが、月によって日の値は変わってしまうので、存在しない日付が選択できてしまいます。 しかし、日を選択する選択フォームの項目を動的に変更してやれば問題ありません。 コード function setDay(obj){ obj = obj.form; var years = parseInt(obj.years.options[obj.years.selectedIndex].value); var months = parseInt(obj.months.options[obj.months.selectedIndex].value); var lastday = monthday(years,months); var itemnum = obj.days.length; if (lastday - 1
アドビのAjaxフレームワーク「Spry」を使ってみよう ― ＠IT
先月5月11日、米アドビシステムズが発表したAjaxフレームワーク「Spry」は、最低限のプログラミングでAjaxスタイルのWebページ構築を可能にする、Webデザインフレームワークだ。今回は数あるJavaScriptライブラリの中でもユニークなフレームワークであるSpryを紹介し、実際にSpryを使ったサンプルを解説しながらその機能を探っていきたい。 ■Spry framework for Ajax Ajaxが騒がれた昨年から今年にかけて、Ajaxアプリケーション開発のためのJavaScriptライブラリ、フレームワーク、開発環境などの開発が盛んだ。多くのオープンソースコミュニティがライブラリやフレームワークを公開しており、「Prototype」や「script.aculo.us」といったライブラリはすでにメジャーな位置を占めて多くのアプリケーションで採用されている。 また、いくつかの企
たのしいXML: DOMとJavaScript: XMLドキュメントを読み込む
たけち: これからJavaScriptでDOMを使うサンプルを作りながら勉強していきたいんだけど、まずはXMLドキュメントやJavaScriptの関係を確認しておこうね。 さらら: あぁ、いよいよ始まるのね。なんだかドキドキするわ。難しくないかしら… たけち: そんなに心配はいらないよ。いままでと同じように、Internet Explorerとmsxmlだからね。 さらら: あっ、そうなの? JavaScriptを使うのに何か特別なものはいらないの? たけち: あっ、それはInternet Explorerがあればいいんだよ。だいたいどんな風になるのかを図に載せておくね。 さらら: 図にあるようにJavaScriptで、XMLドキュメントを読み込んだり、DOMにアクセスしたりするプログラムを書くってことね。それと、DOMにアクセスするには、msxmlが要るのね。 たけち: そうそう。じゃぁ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ajaxはじめの一歩 XMLHttpRequest [Javascript] All About![Ajaxはじめの一歩 XMLHttpRequest [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
