TOKI WOKI. Scroll ClockTOKI WOKI. Visual, dev, music, more.
ハイテンションAjax入門 - 三等兵
JSが少しできる人ならうじうじ考えるほどのこともでもない！ 何も難しいことはない！ぶっとんぢまいなよ！ヒャッパー！！！ というノリでAjaxを学んでみました。醜いです。 Ajax入門 Ajaxはいろいろできるんだぜ！ 以上入門終り！キミは完璧だ！次いけ！ Ajaxは非同期通信だかなんだかそんなもんはどうでもいいんだ！ どうでもいい！そんなことよりもXMLHttpRequestオブジェクト生成！ var request = false; if(window.XMLHttpRequest) { request = new XMLHttpRequest(); //frefox ie7,8 safai opera } else if(window.ActiveXObject) { try { request = new ActiveXObject("Msxml2.XMLHTTP"); // ie6
JavaScript/DOM » イベント » JavaScriptのイベントハンドラ一覧 | PHP & JavaScript Room
onBlur／onFocusイベントを指定できる要素は、a要素、area要素、label要素、input要素、select要素、textarea要素、button要素のみです。 onBlurの使用例 テキストボックスからフォーカスが外れた時に、数値チェック <script type="text/javascript"> function isRegNum(obj){ /* 入力値 */ var str=obj.value; /* 数値以外の文字列が含まれていた場合 */ if(str.match(/[^0-9]/g)){ /* アラート表示 */ alert (str.match(/[^0-9]/g)+'\n\n年齢は半角数値で入力して下さい'); /* テキストボックスを空にする */ obj.value=""; return false; } } </sc
第4回 DOMスクリプティングのことはじめ(2) ～これはどんな要素？～
前回ではHTML内に存在する要素を参照する方法を紹介してきました。今回は，参照した要素のタグ名やテキスト，属性を調べる方法を紹介してきます。 次のサンプルHTMLを使って，それぞれの方法を見ていきましょう。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Language" content="ja"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>W3C Document Object Model</title> </head> <body> <!-- これはサンプルです。 --> <h2 original="独自の属性">Doc
DOM（Document Object Model）の基本
サイトやブログをJavaScriptを使って動きのあるページに、スタイルシートで見栄え良く装飾してみませんか？ コピーしてご自由にご利用ください。 DOM（Document Object Model）とは JavaScriptのようなプログラミング言語から， HTML/XML文書にアクセスして それを操作する方法を提供しています。 DOMでは、HTML/XML文書のすべての要素はノードと呼ばれるオブジェクトから構成されています。 このノードはいくつかありますが 要素ノード (element node)、テキストノード (text node)、属性ノード (attribute node)の ３ツのノードが基本です。 DOMとjavaScriptの関連についてはThe DOM and JavaScript を参考にしてください。 ロリポップ！なら初心者でも安心！ ホームページ簡単作成 「ホムペ
第3回 DOMスクリプティングのことはじめ(1) ～要素（タグ）を狙い撃ち～
DOMスクリプティングで動的なアクションを与えるためには，まずHTML上に存在する要素をJavaScriptから特定できなければいけません。ここではDOMで規定されている各種手法を解説していきます。 DOMを使ってHTMLの特定の要素を参照するために，次の三つのメソッドのいずれかを使います。 document.getElementById('id属性値'); document.getElementsByTagName('要素【タグ】名'); document.getElementsByName('name属性値'); 実はHTML全体から特定の要素を参照するために利用できるメソッドは，これら三つしかありません。たったこれだけを覚えておくだけで，自由自在に特定の要素にたどり着くことができます。 次のHTMLを例に，それぞれのメソッドの使い方を見ていきましょう。 <!DOCTYPE html
Web ブラウザに表示されている画面を直接編集する方法
これはすごい。Web ブラウザのアドレスバーに以下を入力し Enter すると、 今表示されている内容を直接編集できる。Firefox 3.0.14 と IE8 で出来 ることを確認した。 javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 WEBブラウザーに表示されている画面を直接編集する方法 - sanonosa システム管理コラム集 追記(2009-10-04): 戻す方法はないものかなあ。‘false’ と ‘off’ では出来なかった。 追記(2009-10-17): 「戻す方法」というのは、「編集モードから閲覧モードに戻す方法」のこ とです。端折った書き方ですみませんでした。もう少し楽な方法が見つかっ たので、以下に追記します。 IE では、以下を入力し Enter
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
データ ＆ アナリティクス | アクセンチュア
データ分析から導き出されたインサイト無しにAI（人工知能）の活用は始まりません。私たちは、各業界知識とデータ・アナリティクス技術を駆使しデータドリブン経営を強力に支援します。 データ、アナリティクス、AIは企業にとって競合他社との差別化を図るかつてないほど大きな要因になっています。今日の経営幹部が効率を向上しながら新たな収益源を開拓し、新しいビジネスモデルをタイムリーに構築する方法を模索する中、価値を生み出し成長を続ける企業には「データ活用」という共通項があります。私たちは、無数のデータから企業にとって本当に必要なデータを活用するための方法を知っています。 将来を見据えたオペレーション体制を備えている企業の半数以上（52％）は、すでにデータとアナリティクスを大規模に活用しています。データとAIに関する取り組みをビジネス戦略に沿って実施することで投資利益率を迅速に最大化し、最終的にはAIをビ
Googleのトップページを開くと毎秒100回JavaScriptが実行されるよ - 射撃しつつ前転 改
FirefoxがCPUを常に15%ぐらい食うのが気になっていたので調べてみたら、Googleのトップページを開くとものすごい勢いでJavaScriptが実行されることがわかった。具体的には、var k=t.value;k!=h&&X(0);h=k というコードが毎秒100回実行されている。このせいで、自分の使っているPCだと、Googleのトップページを開くだけでCPU使用率が2%ぐらい上がっているようだ。Firefox特有の問題というよりは、ウェブページ側の作り方に依るものみたいだ。たぶん他のブラウザでも問題は変わらないだろう。 Googleのトップページの場合、コードを調べてみた限りでは、原因はどうも検索候補の自動補完用のコードみたいだ。現在の入力文字列が過去の記録と違ったら補完の提示をやり直す、みたいなことをやっているように見える。 HTMLではテキストボックス内のテキストが変更され
jQueryを読むために知っておきたい6つの知識 : tech.kayac.com - KAYAC engineers' blog
夏休みはタイ古式マッサージセミナーに参加してきました。agoです。 先週日曜日若手IT勉強会に参加させていただき、jQueryのコードリーディングを行ってきました。 そこでjQueryのコードを読むときの基礎知識に関して簡単にまとめてみたいと思います。 1 変数の複数同時宣言と代入 まず、JSでは変数の宣言は以下のような形式で行います。 var hoge; この場合は単一の変数の宣言ですが、以下のような記述を行うと複数の変数を同時に宣言することが可能です。 var hoge, huga; また、変数宣言と同時に値の代入を行うことも可能で、その場合以下のような記述になります。 var hoge = 'test'; さらに複数の変数宣言と、値の代入は同時に行うことが可能で、その場合以下のような記述になります。 var hoge = 'test1', huga = 'test2'; jQuery
JavaScript でテトリスみたいなゲームを作ろう！ - セキュリティ＆プログラミングキャンプ JavaScript 入門講座資料
HTML とは HTML とは、誤解を恐れずに言ってしまうとウェブページ（ホームページ）を作るために使われている言語です。 例えば、以下のようなものが HTML です。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <title>タイトル</title> </head> <body> <h1>見出し</h1> <p> 本文本文本文本文本文本文本文本文本文本文本文本文本文本文 本文本文<a href="hoge.html">ハイパーリンク</a>本文 本文本文本文本文本文本文本文本文本文本文本文本文本文本文 </p> </body> </html> サンプル イメージ湧きましたか？ では、何故 HTML という
Canvas tutorial - MDC
このチュートリアルは、 <canvas> 要素を使用して二次元のグラフィックを描画する方法を、基本から説明します。ここでの例は、キャンバスで何ができるかを明確に示すものであり、独自のコンテンツを作成するためのコードスニペットも提供しています。 <canvas> は HTML の要素であり、スクリプト（ふつうは JavaScript）を使ってグラフィックを描くことができます。これは例えば、グラフを描いたり、写真を合成したり、簡単なアニメーションを作成したりすることができます。 <canvas> は Apple が macOS Dashboard のために WebKit に初めて導入した後、ブラウザーに実装されました。現在は、あらゆる主要ブラウザーが対応しています。 <canvas> を使うのはそれほど難しくはありませんが、 HTML と JavaScript の基本的な理解が必要です。一部の
InputDrawの使いかた — Papasan's Home
HTMLの記述 HTMLの<head>から</head>の間に次のような記述を追記してください。: <script type="text/javascript" src="http://あなたのドメイン名/swfobject.js"> </script> <script type="text/javascript" src="http://あなたのドメイン名/inputdraw.js"> </script> InputDrawの記述例 InputDrawのサイトは英語でしたので理解に苦しむ部分がありました。自分なりに色々と試してみましたので忘れないように（忘れてもいいように）メモ。 Drawerの記述 Viewerの記述（SVGデータフィールド から表示する場合） Viewerの記述（SVGデータファイル から表示する場合） Viewerの記述（サムネイル表示の場合） DrawerとVie
PHPとFlashのデータの受け渡しで質問です。 neko.swfからinu.phpというスクリプトをloadして inu.php内の変数を読み込みたいのですが、undefinedが返って来てし…
PHPとFlashのデータの受け渡しで質問です。 neko.swfからinu.phpというスクリプトをloadして inu.php内の変数を読み込みたいのですが、undefinedが返って来てしまいます。 onLoadを使って調べた所、phpへのアクセス自体は成功しているようです。 また、inu.phpを単体で読み込むと「test=5」を画面に出力します。 --------------- inu.phpのソース <?php echo("test=5"); ?> --------------- neko.swfのAS stop(); neko = new LoadVars(); neko.onLoad = function (ok) { if(ok){ trace("読込み成功"); trace("test=" + neko.test); gotoAndPlay(2); }else{ tra
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【HTMLタグの簡単検索】TAG index - ホームページ作成情報
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
http://sintarohtmlcss.com/JAVASCRIPT/text07.html
https://phatfusion.net/bedinabox-mattress-review/
