<script>タグから読み込んだjsのディレクトリを取得 - prog*sig
<script src="..."> という感じでjsファイルを読み込んで、src部分が http://example.com/lab/test.js であるとき、 http://example.com/lab/ を自分自身で取り出す方法を模索する。 自分自身のsrcを調べる方法は とてもシンプルに自分自身が属する script 要素を取得 - IT戦記 http://d.hatena.ne.jp/amachang/20061201/1164986067 で大体いいと思います。 もしくは var n=document.getElementsByTagName("script"); n[n.length-1].src; // 自分自身のurl 相対パスの場合とか調べてないけど、今回の主題はディレクトリを取り出すとこなので後回し。 Twitterでどういう方法があるのだろうと投
Webで動かしながら操作案内を簡単設置！ 使わないとかなり損するIntro.jsとは
Webで動かしながら操作案内を簡単設置！ 使わないとかなり損するIntro.jsとは：HTML5アプリ作ろうぜ！（8）（1/2 ページ） HTMLに属性を追加していくだけで、実際に操作しながら案内できるチュートリアルを簡単に付けられるJavaScriptライブラリの使い方を解説します。 動画や専用ページのチュートリアルより分かりやすく、HTML初心者でも手軽に設置できるIntro.js 今回の「HTML5アプリ作ろうぜ！」は、「Intro.js」を紹介します。 読者の皆さんは、Webサイト／Webサービスのチュートリアル／操作案内を作成するには、チュートリアル専用のWebページを作成したり、操作する動画を作成したりしている方も多いかと思います。Intro.jsを利用すると、実際に操作しながら案内できるチュートリアルを簡単に付けることができます。そのため、チュートリアル専用ページや動画を作成
Learn web development | web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
JavaScript でのローカル ファイルの読み込み - HTML5 Rocks
Read files in JavaScript Stay organized with collections Save and categorize content based on your preferences. Selecting and interacting with files on the user's local device is one of the most commonly used features of the web. It allows users to select files and upload them to a server, for example, when sharing photos or submitting tax documents. It also allows sites to read and manipulate the
Flashの今後について
まずHTML5でもタイピングゲームが実現可能であるかという質問については「可能」。 HTML5で作るメリットはスマートフォン/タブレットなどの端末で動作する点。 逆にHTML5で作るデメリットは次のとおり。 ・今もなお32%という大きなシェアを誇る旧式IE (6～8)がHTML5に対応していない ※ http://news.mynavi.jp/news/2013/01/07/062/index. … 参照 ・動的型付け言語でレガシーなJavaScriptを使うためコンパイル時の型チェックを使うことができないためデバッグ工数が増加 ・Web標準と言われながらもブラウザ毎の挙動の差があるため、コンテンツ開発者がコードで吸収する必要がある ・Android標準ブラウザなどHTML5の挙動が不安定な端末が多い(Android OSというよりはメーカー毎のカスタマイズのため) ・マルチメディア(ビデ
iFrameを使ったクロスドメイン通信 ： coding,crossdomain | メモリークラフト
HTMLでJSを使用したクロスドメインのやりとりにはいくつか方法がありますが、 サーバーサイドを介さない方法として、iFrame内iFrameの方法を紹介します。 通常、別ドメインのiFrameには親ページからアクセスできませんが、 iFrame内に親ページと同じドメインのiFrameを配置することにより別ドメインの子から親ページへパラメータを渡すことができます。 構成は以下の通り 親のページ(http://www.memorycraft.jp/parent.html) <html> <head> <title>parent</title> <script type="text/javascript"> <!-- function change(param){ document.getElementById("note").innerHTML = param; frames[0].
jQueryで画面遷移のないサイトを作ろうとしたときのちょっとしたメモ
jQueryで画面遷移のないサイトを作ろうとしたときのちょっとしたメモ jQueryを使って画面遷移のないサイトを作ろうとしたときのちょっとしたメモです。 サーバーとやり取りをする、Ajax的なことは書いていないのであしからず。 投稿日2012年02月03日 更新日2012年02月03日 リンク（href）を無効にする 画面遷移のないWebサイトでもJSのない環境やSEOも考慮して href にリンク先を設定したいときがあります。 hmtl <a href="hoge.html" id="btn">ボタン</a> このような場合だと #btn にイベントを設定しても画面遷移してしまいます。 click イベントに「e.preventDefault()」と記述すればhrefを無効にになり画面遷移が行われません。 javascript $('#btn').click(function(e){
Wookmark
高さの異なる要素をグリッドに沿って、レンガ状に隙間なく並べるjQueryのプラグインを紹介します。 同種の有名スクリプト「Masonry」はアニメーションを使ってダイナミックにレイアウトを変更しますが、このWookmarkはシンプルに並べなおすだけです。 デモ:幅800pxで表示 [ad#ad-2] Wookmarkの使い方 実装はいたってシンプルです。 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.wookmark.js"></script> HTML デモを例にHTMLはリスト要素など、並列に配置しま
要素のリサイズイベントを検出する jQuery exResize - Cyokodog :: Diary
ブラウザのウィンドウサイズが変更された時に、何らかの処理を行いたい場合、jQuery では resize() メソッドで window オブジェクトに対し処理を割り当てます。 $( window ).resize(function(){ /* 行ないたい処理 */ }); 一方、div 要素などの普通の HTML 要素に対し、resize() メソッドで割り当てた処理は起動されることはありません。resize() メソッドではウィンドウのサイズ変更しか検出することができないようです。 今回作成した jQuery プラグイン exResize を使用すると、div 要素等の普通の HTML 要素においても、サイズ変更を検出し、割り当てた処理を実行させることができるようになります。 機能概要 以下の基本機能があります。 div 要素等の普通の HTML 要素に対するリサイズイベントの割り当て
Hatena-Textbook/mvc-web-application.md at master · hatena/Hatena-Textbook · GitHub
GET / HTTP/1.1 User-Agent: curl/7.20.0 (i386-apple-darwin10.3.0) libcurl/7.20.0 OpenSSL/0.9.8o zlib/1.2.5 libidn/1.19 Host: d.hatena.ne.jp Accept: */* HTTP/1.1 200 OK Date: Tue, 03 Aug 2010 22:53:06 GMT Server: Apache X-runtime: 84ms X-pagemaker: IndexTop Content-Type: text/html; charset=euc-jp Age: 277 Content-Length: 52827 X-Cache: HIT from squid.hatena.ne.jp X-Cache-Lookup: HIT from squid.haten
Site Disabled - FreeServers
The website you are looking for, rainbow.arch.scriptmania.com, has been disabled due to billing issue. Incorrect Billing information If you are the site owner, you can quickly get the site rainbow.arch.scriptmania.com back online by updating your billing information or contacting the Billing Department at (800) 396-1999. Sign up for a Starter Hosting today with... Web spaceWeb building toolsPerson
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ページ高速化のため .htaccess でキャッシュ設定を絶対やっておこう！
第二回全国統一 HTML5実力テスト - jsdo.it - Share JavaScript, HTML5 and CSS
Resource interpreted as Script but transferred with MIME type text/plain - for local file