～ モバイル版(スマートフォン)の操作 ～
左右にスワイプすると、前後の投稿へ移動します。
←　前の投稿　|　次の投稿　→
日々のコンピュータ情報の集積と整理

Dr.ウーパのコンピュータ備忘録
ラベル JavaScript の投稿を表示しています。 すべての投稿を表示
ラベル JavaScript の投稿を表示しています。 すべての投稿を表示
2015年5月27日水曜日

Blogger:PC表示/モバイル表示を、JavaScriptにて取得する方法 - BloggerのテンプレートのHTML方式

›
イントロダクション Google のブログサービス「Blogger」では、PCで表示した場合と、モバイル端末で表示した場合とで、表示を変えることができます。 Blogger:モバイル版のテンプレートをカスタマイズするときに、私がよく使っているもの http...
スポンサーリンク
2015年5月19日火曜日

HTML/CSS/JavaScriptでタブコントロールを作ってみた(右タブ) - display:none方式

›
イントロダクション 前回は、選択されているタブの中身は表示、選択されていないタブの中身は非表示（CSS の display:none）とする仕組みにて、 左に タブがあるタブコントロールを作成してみました。 HTML/CSS/JavaScriptでタブコントロールを作って...

HTML/CSS/JavaScriptでタブコントロールを作ってみた(左タブ) - display:none方式

›
イントロダクション 前回は、選択されているタブの中身は表示、選択されていないタブの中身は非表示（CSS の display:none）とする仕組みにて、 下に タブがあるタブコントロールを作成してみました。 HTML/CSS/JavaScriptでタブコントロールを作って...

HTML/CSS/JavaScriptでタブコントロールを作ってみた(下タブ) - display:none方式

›
イントロダクション 前回は、選択されているタブの中身は表示、選択されていないタブの中身は非表示（CSS の display:none）とする仕組みにて、 上に タブがあるタブコントロールを作成してみました。 HTML/CSS/JavaScriptでタブコントロールを作って...

HTML/CSS/JavaScriptでタブコントロールを作ってみた(上タブ) - display:none方式

›
イントロダクション タブコントロールを使用すると、情報を整理するときにとても便利です。 タブコントロールはとても便利！何故便利なのか？ http://upa-pc.blogspot.com/2015/05/tab-control-is-useful.html さて...
2015年4月26日日曜日

Blogger:JavaScript:新着情報を表示するガジェットを作成(8)-記事の冒頭の文字数を制限

›
イントロダクション Google のブログサービス「Blogger」にて、サムネイル付きの新着情報の一覧を任意の件数表示できる「新着情報ガジェット」を作成していくことにしました。 前回： Blogger:JavaScript:新着情報を表示するガジェット...

Blogger:JavaScript:新着情報を表示するガジェットを作成(7)-記事の冒頭を追加

›
イントロダクション Google のブログサービス「Blogger」にて、サムネイル付きの新着情報の一覧を任意の件数表示できる「新着情報ガジェット」を作成していくことにしました。 前回： Blogger:JavaScript:新着情報を表示するガジェッ...
2015年4月13日月曜日

ブログ/Webページの一部を新しいウィンドウで表示したい! そんな時は、JavaScriptを使って新しいウィンドウへHTMLを書き出そう！

›
イントロダクション ブログ上では、レイアウトが決まっているため、大きなサイズのコンテンツは扱いづらいです。 特に、横幅はたいてい固定されているうえに、サイドバーなどがあるため、大きなコンテンツは縮小して配置するか、狭い領域に配置する工夫が必要になります。 コンテンツ...
2015年4月11日土曜日

Blogger:JavaScript:新着情報を表示するガジェット - CSSによるカスタマイズ手法

›
イントロダクション 以前、Google のブログサービス「Blogger」にて、サムネイル付きの新着情報の一覧を任意の件数表示できる「新着情報ガジェット」を作成しました。 Blogger:JavaScript:新着情報を表示するガジェットを作成(6)-記...
2015年4月9日木曜日

Blogger:JavaScript:新着情報を表示するガジェット - 正常に動作しない時のトラブルシューティング

›
イントロダクション 以前、Google のブログサービス「Blogger」にて、サムネイル付きの新着情報の一覧を任意の件数表示できる「新着情報ガジェット」を作成しました。 Blogger:JavaScript:新着情報を表示するガジェットを作成(6)-記事の...
2015年4月6日月曜日

Blogger:アップロードした画像の、取得時の画像サイズを動的に変更するための、JavaScriptコード

›
イントロダクション Google のブログサービス「Blogger」にて、アップロードした画像の、取得時のURLのパターンと、動的に取得サイズを変更する方法について調べてみました。 Bloggerでアップロードした画像ファイルの、URLのパターン http...
2015年4月3日金曜日

Blogger:JavaScript:投稿に付与されたラベルを取得する

›
イントロダクション Google のブログサービス「Blogger」にて、投稿に付与されたラベルの一覧を取得して、JavaScript で処理をしたい場合ってありますよね。 それを実現する方法はいくつかあります(*1)が、今回は投稿に付与されているラベルの一覧を動的に...

Blogger:コメント入力欄を初期状態では非表示にしておき、「コメントを投稿」をクリックしたら表示するようにする(改良版)

›
イントロダクション 以前、Google のブログサービス「Blogger」のコメント欄を初期状態では非表示にしておき、「コメントを投稿」をクリックしたら表示するようにしてみました。 Blogger:コメント入力欄を初期状態では非表示にしておき、「コメント...
2015年3月28日土曜日

Blogger:人気の投稿の表示期間をクリックで切り替え(改良版,画像の遅延読み込み)

›
イントロダクション 以前、Google のブログサービス「Blogger」にて、人気の投稿の表示期間（全期間, 過去 30 日間, 過去 7 日間）を切り替えられる仕組みを作ってみました。 Blogger:人気の投稿の表示期間をクリックで切り替え(改良版) ...
2015年3月27日金曜日

JavaScript:月・日・曜日から、年を探索する

›
イントロダクション 時間が経ってから見ることを考慮していない書類やチラシなどでは、イベントの日付が月・日・曜日でしか書かれていないことがあります。 そのため、今年の話かと思ったら、実は数年前の出来事だった！ということがおこり得ます。 楽しみにしていたイベントが、実は...

Blogger:JavaScript:ある日付（年・月）より前の投稿だけ、特定のスクリプトを実行したい

›
イントロダクション Google のブログサービス「Blogger」にて、投稿を公開した日付をもとに、特定のスクリプトを実行するかどうかを決定したい場合があります。 今回は、特定の年・月よりも前の投稿の場合だけ、任意のスクリプトを実行する方法について説明します。

Blogger:投稿の投稿日時を、JavaScriptで取得 (data:post.timestampISO8601 タグ編)

›
イントロダクション Google のブログサービス「Blogger」にて、記事を公開した日付をもとに、何らかの処理を行いたいときってありますよね。 投稿を公開した日付を取得するにはいろいろな方法があります。 Blogger:投稿の公開日を取得する方法 http:/...

Blogger:投稿の投稿年・月を、JavaScriptで取得 (URL編)

›
イントロダクション Google のブログサービス「Blogger」にて、記事を公開した日付をもとに、何らかの処理を行いたいときってありますよね。 投稿を公開した日付を取得するにはいろいろな方法があります。 Blogger:投稿の公開日を取得する方法 http:/...
2015年3月26日木曜日

JavaScript:iframe:外部のページを埋め込むのではなく、HTMLをそのまま埋め込む、第３の可能性:独自のデータ属性を使用する

›
イントロダクション HTML の iframe タグを使用して、外部のページではなく、コンテンツそのものを埋め込む方法として、 (1) srcdoc 属性に対応していない場合のみ、JavaScript で動的に iframe に HTML 文書を追加する (2) すべて...
2015年3月20日金曜日

Blogger:JavaScript:新着情報を表示するガジェットを作成(6)-記事の投稿日を追加

›
イントロダクション Google のブログサービス「Blogger」にて、サムネイル付きの新着情報の一覧を任意の件数表示できる「新着情報ガジェット」を作成していくことにしました。 前回： Blogger:JavaScript:新着情報を表示するガジェットを作成(5)...
2 件のコメント :