できれば避けて通りたいけれど・・・そうもいかない :ブログの為のJavaScript
もちろん、「IE 以外は知らない」というちょいとわがままな選択肢もありますが、 少なくとも、Firefox だけは無視できないステキなブラウザです。 WEB でコンテンツ作るのであれば、Firefox だけは認識しておく 必要があります。 で、そうしておけばたいていの他のブラウザで応用ききますし ( 厳密にやろうとすると確実にメゲますけど ) <SCRIPT type="text/javascript"> var userAgent = window.navigator.userAgent.toLowerCase(); var appVersion = window.navigator.appVersion.toLowerCase(); if (userAgent.indexOf("msie") > -1) { if (appVersion.indexOf("msie 6.0") > -1
JavaScriptの誤動作も
＞＞前回 新しいブラウザーが登場したとき、いつも問題となるのが互換性だ。IE9では、JavaScriptの仕様が標準規格のECMAScript5に準拠し、W3C（World Wide Web Consortium） DOMに対応した。実際に、標準規格に基づくJavaScriptをいくつか動作させてみると、問題なく動作した。1種類のコードをIE、Firefox、Chromeなど、複数のブラウザーで動作させることが可能になった。IE9は現行標準のCSS（Cascading Style Sheets）3にも対応し、その点でも他のブラウザーとの互換性が向上した。 ただし、IE8以前のMicrosoft独自仕様に合わせて開発したWebアプリケーションはそのままでは動作しない可能性がある。また、ユーザーのブラウザーの種類やバージョンを判定し、それに合わせたJavaScriptのコードを動作させるアプリ
2006-12-21
自分用メモ TBODY要素にid指定してDOMアクセスしようとしてはいけない。（IE6だとまず動かない) Ajax.UpdaterのcontainerにTEXTAREA要素を指定してはいけない。 prototype.jsのElement.updateメソッドで更新しようとするが、innerHTMLに対して操作しようとするので動かない。 update: function(element, html) { if($(element).tagName.toLowerCase()=='textarea'){ $(element).value = html.stripScripts(); } else { $(element).innerHTML = html.stripScripts(); } setTimeout(function() {html.evalScripts()}, 10); },こ
Happy Programming » Prototype.jsを使った時、IEで注意する事
またまた"Prototype.js"についてのちょっとしたメモ 下記のような簡単なスクリプトで document.observe('dom:loaded', function(event) { var item = new Image(); item.src = 'image.jpg'; $$('body')[0].insert(item); item.observe('click', function(event) { alert(event.element().src); }); }); SafariやFirefox、Operaでは問題なく写真をクリックしたときにイベントが実行される ところがIEでは実行されない。ステータスバーにはエラーのアイコン。 メッセージを見てみると"item.observe('click', function(event){})"の部分が問題ありらしい ite
データ ＆ アナリティクス | アクセンチュア
データ分析から導き出されたインサイト無しにAI（人工知能）の活用は始まりません。私たちは、各業界知識とデータ・アナリティクス技術を駆使しデータドリブン経営を強力に支援します。 データ、アナリティクス、AIは企業にとって競合他社との差別化を図るかつてないほど大きな要因になっています。今日の経営幹部が効率を向上しながら新たな収益源を開拓し、新しいビジネスモデルをタイムリーに構築する方法を模索する中、価値を生み出し成長を続ける企業には「データ活用」という共通項があります。私たちは、無数のデータから企業にとって本当に必要なデータを活用するための方法を知っています。 将来を見据えたオペレーション体制を備えている企業の半数以上（52％）は、すでにデータとアナリティクスを大規模に活用しています。データとAIに関する取り組みをビジネス戦略に沿って実施することで投資利益率を迅速に最大化し、最終的にはAIをビ
IE8だとdisplay:noneのものをjQueyr.is(':hidden')で判断できない？ - ありの日記
今回やりたかったのは、テーブルの行を表示・非表示させるというもの。show(), hide()で制御するんだけど、押した瞬間にすでに表示済みかどうか判断するのにis(':hidden')で判断していた。こんな風に var row = $("#row1");// <tr>のオブジェクトを取得 if (row.is(':hidden')) { row.show(); } else { row.hide(); } これで、hidden(非表示）の状態だったら表示(show())するように、表示されていたら非表示(hide())にするようにしていたんだけど・・・。 IE6でもIE7でも問題なく動作するのになぜかIE8だとうまくいかない。is(':hidden')の結果は常にfalse。 そこで、hide()が呼ばれると内部でどうなっているのか見てみると、style属性にdisplay:noneをセ
jQueryでbackgroundPositionを取得するときの注意 :: 5509
$(‘hoge’).css(‘backgroundPosition’)だとIEで値が取れないんですね、不便か。 XとYを別々に取得したい 値の検証 var bgPosDef = $('#hoge').css('backgroundPosition'); IE8まで（9は未検証） console: null（空） Firefox, Chrome, Safari, Operaなど console: 50px 50px IEは返されるデータがない！こういうところがみんなが嫌いな所以ですかね。IEはbackgroundPositionではなくて、backgroundPositionXのようにXかYを指定して個別に引き抜きます。 var bgPosX = $('#hoge').css('backgroundPositionX'); var bgPosY = $('#hoge').css('backg
IE で border-radius を使う方法 - それはBooks
CSS3 から使えるようになった border-radius を IE でも使う方法です。IE でも使うと言っては語弊がありますが、IE でも角丸を表現する方法です。それは Blog で使っている方法をメモ。 IE で角丸を表現する方法 ご存じの通り、IE6、IE7、IE8 では CSS3 の border-radius を使って角丸を表現することはできません。んじゃ、どうやって角丸を実現するのかというと次のような方法があります。 border-radius.htc を使う VML を利用して、behavior を使って border-radius を実現する方法 border-radius.js を使う JavaScript を使って border-radius を実現する方法 JQuery Corner を使う jQuery Corner という jQuery プラグインを使って bo
HTML制作で使う定番CSSやプラグイン
HTML制作で使う定番CSSやプラグイン 2012年5月14日 | Filed under: CSS, CSS3, HTML5, jQuery, Web HTMLを制作する際に、標準で使っているCSSやjQueryプラグインなどを紹介します。 IE6～8に対応できることを考慮していますが、現状では「CSS3」に完全対応させるのは難しいです。 サンプルページを用意しました。 http://jsfiddle.net/NoDelay/pLaWS/10/ （１） リセットCSS これは、ブラウザ間で若干誤差のあるpaddingなどの規定値をリセットするCSSです。指定方法は以下の通りです。 <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.5.0/build/cssreset/cssreset-min
JSNote - IEをCSS3に対応させるCSS3 PIEのJavaScript版を使う
JSNote 読んですぐに使えるJavaScript・HTML・CSSのタイプを書いています。 HomeLatest Entries左、中、右クリックのカスタムイベントを追加するjQueryプラグイン配列の任意の位置に値を代入したり削除したりするJavaScriptだけでローカルの画像をBase64エンコードするIEをCSS3に対応させるCSS3 PIEのJavaScript版を使うリストをページ分けしてページャーを付けるjQueryプラグインArchives2012-012011-122011-112011-02すべての記事一覧CategoriesJavaScriptjQueryブログその他CSSRSS IEをCSS3に対応させるのにCSS3 PIE使いたいけど、htcファイルってFC2ブログにアップロードできないし、htcって何か気持ち悪いのであんまり使いたくないって人のためのタイプで
IE6でmin-widthを実装する方法のまとめ - Webtech Walker
先日書いたmin-widthとmin-heightに関する記事の補足です。以下のようなコメントをいただいたのでIE6でmin-widthを実装する方法をまとめました。 たしかに、この方法に若干違和感感じあります。 例えばどういう実装方法があるのでしょうか？ あまり使う機会がないもので。 javascriptのライブラリを使う ライブラリを使う場合は下記などがあります。お手軽です。 min-width,max-width,min-height,max-heightをIEで使えるようにするjavascript[to-R] expressionで実装する expressionを使って、CSS内でjavascriptを使う方法だとかなりシンプルに書けます。 [CSS]IEで、min-widthやmax-widthを実現する方法 | コリス #foo { min-width: 600px; widt
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
