目的
- 「Not allowed to access cross-origin stylesheet」というエラーを解消する。
- JavaScript で HTML ファイル外のリンクした CSS を操作したい。
カテゴリー: JavaScript
JavaScript 関係の投稿です。JavaScript は、ウェブページを読み込んだ後に、ページの移動なしで何かの計算をしたり、変換したりできます。当サイトで公開している JavaScript サンプルは、上手く動かないのもあると思います。
-
JavaScript で「Not allowed to access cross-origin stylesheet」というエラーが発生してしまう。
-
class 名を設定して CSS を切り替える JavaScript のテスト。
目的
- class 名を設定して CSS を切り替えたい。
- 長めの CSS を一度に適用したい。
- class 名を “” にして CSS を解除したい。
- className を使用する。
テストしてみました。
(さらに…) -
div , p などのタグに直接書くタイプの CSS を JavaScript で変更するテスト（ setAttribute メソッド編）。
目的
- インラインの CSS を変更したい。
- <style> の中に書く通常の書式。
- 一行で複数の CSS を設定したい。
- setAttribute メソッドで変更したい。
テストしてみました。
インラインのスタイルシート。 -
div , p などのタグに直接書くタイプの CSS を JavaScript で変更するテスト（ cssText プロパティ編）。
目的
- インラインの CSS を変更したい。
- <style> の中に書く通常の書式。
- 一行で複数の CSS を設定したい。
- cssText プロパティを使用したい。
テストしてみました。
インラインのスタイルシート。 -
div , p などのタグに直接書くタイプの CSS を JavaScript で変更するテスト（ style プロパティ編）。
目的
- インラインの CSS を変更したい。
- 変更を足していきたい。
- 一行で一個の CSS を設定したい。
- <style> の中に書く通常の書式と少し違っても良い。
- style プロパティを使用したい。
テストしてみました。
インラインのスタイルシート。 -
要素の前後、内側に HTML を挿入可能な JavaScript の「insertAdjacentHTML」メソッドのテスト。
目的
- HTML 要素の前後、内側に新しい要素を追加したい。
- text ノードの前後に要素を追加したい。
- insertAdjacentHTML メソッドを使用したい。
テストしてみました。
JavaScript の insertAdjacentHTML -
指定の ID 名、クラス名を持った HTML 要素が存在しているかどうかを JavaScript で判定するテスト（自分流）
自分流に
id , class の存在を調べる。 今回は、指定の ID 名、クラス名を持った HTML 要素が存在しているかどうかの判定を JavaScript で行う内容になっています。
(さらに…) -
スタイルシートで使用されている CSS セレクタの文字列を JavaScript の selectorText プロパティで取得するテスト。
selectorText
CSS で使用されているセレクタ名を取得するテスト。 スタイルシートの中で使用されている CSS セレクタの文字列を JavaScript で取得するテストを行ってみました。
(さらに…) -
JavaScript の encodeURI 関数と encodeURIComponent 関数の結果の違い。
結果の違い
最近、 JavaScript の URL エンコード関係の投稿が続きますが、今回は、 encodeURI 関数と encodeURIComponent 関数の変換結果の違いを調べて見ることにしました。
(さらに…) -
JavaScript で URL エンコードする場合、 HTML ページの文字コードの違いで結果が変わってくるのかをテスト。
疑問
Javascript で URL エンコード用の変換フォームを作成できたものの、少し疑問に思った事があるので、そのテストを行ってみたいと思います。内容は、 HTML ページの文字コード（文字エンコーディング）の違いによって、 Javascript の URL エンコードの結果も違ってくるのかというものになります。テストする文字コードの種類は、 UTF-8 , EUC-JP , Shift_JIS の 3種類としてみます。
(さらに…) -
JavaScript で URL エンコード、 URL デコードの変換テスト。
再度
以前、当ブログで、 Javascript による URL エンコード・ URL デコードについて投稿したことがありましたが、その時の変換フォームの使い勝手があまり良くないため、変換フォームをメインにして、再度、投稿を作成してみました。
(さらに…) -
JavaScript のソースコードのコメント部分を HTML のタグで囲む JavaScript のテストです。自分用レベルのものです。
ソースコードをのせる時
当ブログに、 JavaScript のソースコードを載せる時に、 JavaScript のコメントアウトしてある部分を HTML タグで囲んで、 class 属性を指定して、スタイルシートで色を変えたいので、下の変換フォームを作成してみました。自分用レベルのものです。
(さらに…) -
タブ区切りのテキストデータを HTML の表に変換する Javascript （ jQuery ）の実験ページです。
あらすじ
タブ（ Tab ）区切りのテキストデータから HTML の表を作成したいことがあり、今回のテストを行ってみました。作成には、 Javascript の正規表現による文字列置換などを使用しています。
(さらに…) -
JavaScript の正規表現で文字列の検索・置換テスト。
テスト
複雑で難しい正規表現（せいきひょうげん）を、少しでも理解しようとテストしてみています。当ページには、私がテストした正規表現の結果を、正解ではないかもしれませんが、順次掲載していきたいと思っています。
(さらに…) -
Bootstrap components の panels heading のコピー・ペースト元生成。
panels-heading
当ページは、 Bootstrap の Components の panels heading をコピー、ペーストで簡単に入力できるようにと作成しました。自分用のレベルのものです。
(さらに…) -
JavaScript で htmlspecialchars のようなこと。
htmlspecialchars ?
htmlspecialchars は、 PHP の文字列関係の関数のひとつで & “ ‘ < > （アンパサンド、ダブルクオート、シングルクオート、小なり、大なり）の各文字をそれぞれ & " ' < > の文字に変換することができるようです。
(さらに…) -
JavaScript で URL エンコード、デコード。
日本語名のファイル
日本語名がついた画像ファイル 例えば、上記「ひまわり畑.jpg 」のような、日本語名がついた画像ファイルを、 WordPress の投稿編集画面に挿入するのに「ひまわり畑.jpg 」を WordPress の /wp-content/uploads フォルダにアップロードするわけですが、その際、ファイル名を日本語のままにしておくか、それとも英語というか、 a-zA-Z0-9.-_ の文字のみを使用して命名するべきか悩んでいます。どちらかで統一をするべきか。
(さらに…) -
Javascript で日本語の文字列の置換がきかない。
問題
JavaScript で日本語の文字列を置換しようとしたところ置換できません。
置換結果 = 置換したい文字列.replace( 検索文字 , 置換文字 );
でコードとしてはあっているはずなのに、それがなぜかできません。
(さらに…)
