キーワード検索「BODY」
299
明けましておめでとうございます。先日はPHPの紹介記事に則る形でJavaScriptの紹介をしたのですが、こちらは最初からJavaScript視点です。これから始めたい方が「とりあえず触ってみる」のを目的に紹介をしてみたいと思います。JavaScriptって何さ？言語の歴史だとか特徴だとかはwikipediaの記事あたりをご覧頂くとして。一言で言えば、現在最も敷居の低いプログラミング言語です。*1...
259
![[JS]背景画像をブラウザの枠いっぱいに広げて表示するスクリプト -fullscreenr | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-fullscreenr.html)
背景画像のアスペクト比を維持しつつ、ブラウザの枠いっぱいに広げて表示するスクリプトを紹介します。 デモではオプションで、ドットの画像をオーバーレイさせています。スクリプトがオフ時の表示fullscreenrの実装fullscreenrはjQueryのプラグインのため、実装にはjquery.jsが必要です。HTML当スクリプト（jquery.fullscreenr.js）とjquery.jsを外部フ...
185
動的なウェブサイトを作るときには、クロスサイトスクリプティング (Cross Site Scripting、XSS) の脆弱性をなくすことを意識しますが、Twitter や mix でもセキュリティの欠陥はあるので、初心者には難しいと思います。（両方とも、はまちちゃん がアレしたｗ） Firefox アドオンの 『XSS Me』 では簡単な XSS脆弱性発見ができます。1. XSS Me のインス...
191
ディスプレイ（ブラウザ）のサイズ、画面いっぱいに背景画像を拡大表示するCSSやjQuery プラグインをいくつか試してみたのでレビューをまとめてみました。CSSだけでフルスクリーンで背景表示ができるものや、jQueryのプラグインを使ったものなどいくつかご紹介します。ディスプレイサイズ（ブラウザサイズ）いっぱいに背景画像を表示する方法はいくつかありますが、最近見つけたjQueryのプラグインを試し...
165
チームラボボディ（TEAM LAB BODY）は、世界初、生きた人間の動きに基づく骨格・筋肉の高精度な形態、モーションが搭載された、インタラクティブな解剖学書です。世界初、生きた人間の動きに基づく骨格・筋肉の高精度な形態、モーションが搭載された、インタラクティブな解剖学書。 About TEAMLAB BODY Help
91
js, enhance, IEIE6〜IE8のinnerHTMLには問題が多く、そのひとつに、HTML5の新要素を食わせると悪夢のようなDOMツリーを生成するというものがあります。var div = document.createElement("div");div.innerHTML = "section";document.body.appendChild(div);上記のコードを実行すると、...
70
Webサイトの背景をリピート再生するYoutube の動画にしてしまおう、というjQueryプラグイン ・jquery-tubularのご紹介です。なかなか斬新 では無いかなと思います。ユニークなサイトを 作る際に参考にしたいですね。導入も極めて 簡単なのでぜひチャレンジしてみてください。 jQuery使うといろいろ出来るんですねぇ。スキルの低い僕にとっては、こうしてソースを提供してくれるのがとて...
70
いや、落ち着いてない。404 Blog Not Found:news - iPad入手なうで、どうやってマンガをiPadに入れて読むかだが、試行錯誤の結果iMacをWebサーバーにしてそこにzipを転がしておき、そこにSafariからアクセスして任意のアプリで開くというというところに落ち着いた。これも出来ればダウソなしにしちゃいたい。 というわけで、こさえたのが、これ。http://colabv6...
70
JavaScript outerHTML についてouterHTML とは Mozilla 系のブラウザ以外のすべてのブラウザで使える要素の HTML が文字列として取得できるプロパティです。alert(document.body.outerHTML); // => body の HTML がすべて見える（例：It works!）というわけで以下のコードを書いてみました。if (!('outerH...
48
こんにちは。笹亀です。 最近、工事中であった周りの建物の完成が近くなってきており、 周りの景色がいままでと違う景色に変わってしまいなんだか少し寂しさを感じております。 2/24(明日)に噂によると新MacBookProの発表があるということらしく、 こちらは発表までとても待ちどうしくてしかたありません！ さて本日はjQueryのライブラリでヘルプページを作成する方法をご紹介致します。 ヘルプページ...
43
これでできる！ クロスブラウザJavaScript入門第8回 実践DOMスクリプティング#1 HTMLとテキストの操作 2010年6月21日太田昌吾JavaScript, クロスブラウザ, document.write, 非同期読み込み, innerHTMLJavaScript, HTML, head12こんにちは，太田です。前々回，前回でDOMの基礎を簡単に解説しました。今回からは，DOMを使っ...
46
JavaScript はじめにIE では透明なオーバーレイ要素のマウスイベントのハンドリングがおかしい たとえば以下のページで表示されている要素には透明な div がオーバーレイされています。そして、その要素に mouseover が発生すると背景を青くしています。試してみてください。 IE では、想定の挙動ができていないことが分かると思います。http://amachang.sakura.ne....
240
<link rel="stylesheet" href="style/zoomooz.css" type="text/css" /><script type="text/javascript" src="js/sylvester.js"></script><script type="text/javascript" src="js/jquery-1.4.2.js"></script><script...
42
JavaScript, CSS最近、実案件で実験していたのですが、仕様が固まってきたのでメモしておきます。JavaScriptを特定のページで実行したいというニーズがあるけれど、head要素内に書くとか、body要素内に書くとか、そのページ限定でscript要素を使って読み込むとかいろんな方法があります。ただ、コードが散らばると管理が面倒なので、一つのファイルにまとめたい派です。まとめれば、HTT...
38
はじめにタイガーマスクが貢いでくれるのを待っている皆さんこんばんは。 前振り考えるのが面倒なので結論から書くと、今日はWebSocketについて扱おうと思います。iPhoneを使って↓こんなサンプルを作ってみました。 Safari上のJavaScriptと、WebSocketをWebサービスとして提供しているPusherを利用して、サーバサイドの言語を使わずに実装しています。WebSocketって...
42
by mattna minutes ago [2010/05/27 12:08:29]id:cho45氏作のjAutoPagerizeに付属しているXPathジェネレータです。単体でも非常に良い出来なので抜き出してみました。動作確認はGoogle Chromeのみで行っています。たぶんFirefoxでも動きます。/** @title XPathGenerator* @description id:...
31
勉強会, JavaScriptお前、誰よ文殊堂といいますBePROUD社員お仕事 最近は、JavaScript時々Objective-C今日のお話自動テストの話はしませんテスターによるテストの話をしますタイミングによって発生したりしなかったりする類のバグってありますよねテスターさんがモンキーテストをやってくれてる時に見つけてくれたりしますでも報告されるのは…「何をやっているときに」「何が起こったか...
43
js, enhance, IEHTML5をサポートしていないIE6〜IE8で、node.innerHTML = "..."; のように HTML5 で追加された新要素含んだ文字列を innerHTML に与えると、次のいずれかの条件が成立した場合に親子関係の崩れたサブツリーを生成してしまいます。 innerHTML の前に document.createElement() が実行されていない no...
27
The requested blog was not found -- unless you requested that of Dan Kogai (小飼 弾).使い方Safari 4 iPad向けですが、他でも動きます画面の右側をクリックすると次のページ、左で前のページ中央をクリックすると「なんちゃってコントローラー」表示/非表示切替なんちゃってコントローラーをクリックすると、ページ番号入力の...
27
nodejitsu.com 2010.9.24のエントリjsdom + jQuery in 5 lines with node.jsnode.jsでスクレイピングjsdom使うと取得したhtmlへDOMが使えるようになる慣れ親しんだjqueryのセレクターapi使ってスクレイピングrequest/http-agentモジュール使って標準モジュール（=http）だけで書くよりもコードすっきりという内...
