カテゴリー別アーカイブ: JQuery

jQueryについて

jQueryについての情報。

jQueryはオブジェクト型スクリプト言語JavaScriptライブラリの1種です。

その他の情報としては、John Resig(ジョン・レッシグ)氏によって開発・公開されており、バージョンは1系と2系に別れており、それぞれ複数のブラウザやバージョンに対応しているがあり、特性としてはjQuery Core(jQuery本体)、スマートフォン用のjQuery Mobile、公式プラグインのjQuery UIなどがあり、著作権表記をすることで商用・非商用問わず使用ができることです。
カテゴリーとしては、ライブラリについてのJavaScriptに分類されます。
情報について、検索エンジンでは下記の関連情報での組み合わせでインデックスされてます。
jquery mobile
jquery ui
jquery スライドショー
jquery入門
jquery ajax
jquery animate
jquery lightbox
jquery セレクタ
jquery append
jquery ダウンロード

掲載情報につきましては、当サイトが独自に調査、検証および収集した情報です。

情報の妥当性や確実性を一切保証するものでなく、情報や内容が訂正や修正、変更されている場合があります。 よって、当サイトの利用により生じたいかなる損害等についても運営側にて一切の責任を負いません。

掲載情報の修正・変更等をご希望の場合はお知らせください。

HTML5でdocument.writeが非推奨であるならば

さてJavaScriptでテキストや値をHTML上に書きだすときに、

document.write(“テキスト”);

などの記述はよく使われてきましたが、HTML5ではdocument.writeは非推奨とされています。

document.writeはブラウザのレンダリングに悪しき影響を与えるとして、HTML5の仕様書にはstrong discouraged、強烈に推奨しないと記載されています。

要は、DOMへの影響やネットワーク遅延への影響が懸念されたり、デバッグ時のボトルネックとなるので、強い非推奨とされている。

document.write自体はブラウザの挙動に直接関与しないので、対処方法と代替え案を検討することに。

2種類の代替案を利用できるようなので、
下の二種類の方法で記述することで対処できる。

■innerHTMLを利用する
・HTMLページ内 値を出力するタグ

・ページ読み込み時に実行させるJavaScript記述
document.getElementById(“innerhtml”).innerHTML = “出力させる文章”;

■JQueryを利用する
・HTMLページ内 値を出力するタグ

・ぺーじ読み込み時に実行されるJQuery
jQuery(function($) {
$(“#innerhtml”).html(“出力させる文章”);
});

テキスト部分は変数に差し替えれば、JavaScriptで処理した値などを取得することも容易にできる。

掲載情報につきましては、当サイトが独自に調査、検証および収集した情報です。

情報の妥当性や確実性を一切保証するものでなく、情報や内容が訂正や修正、変更されている場合があります。 よって、当サイトの利用により生じたいかなる損害等についても運営側にて一切の責任を負いません。

掲載情報の修正・変更等をご希望の場合はお知らせください。

LightboxでIEの背景が黒で透過しない不具合の対処、解決方法

Lightbox(JQuery)を利用して、サムネイルをクリックすると大きな画像を表示させるスライドショーを久しぶりに利用してみる。

Firefoxでは問題なく、大きな画像が表示されると、外側の背景は元のページを黒で透過させて背景ページが見えている。

ところがIEで表示させると、背景が黒で塗りつぶされてしまっている。
これがIEの不具合なのか、Lightboxの記述方法の問題なのかはさておき、IEでも大きな画像の背景を透過させるための解決策、対応方法を記す。

■IEでもLightboxで表示した画像周りの背景を透過させる方法

lightbox.cssの記述の最後のIDセレクタ、#overlayのプロパティに以下を追加します。

filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;

上の記述で対象のID内の領域が透過されます。
これで解決です。

掲載情報につきましては、当サイトが独自に調査、検証および収集した情報です。

情報の妥当性や確実性を一切保証するものでなく、情報や内容が訂正や修正、変更されている場合があります。 よって、当サイトの利用により生じたいかなる損害等についても運営側にて一切の責任を負いません。

掲載情報の修正・変更等をご希望の場合はお知らせください。