フォーラム
お問い合わせ
最新版ダウンロードタグ： JavaScript の検索結果
さらにタグを絞り込む : viewing css scroll 検索 ハイライト highslide 画像 JS ロールオーバー カレンダー 日付 ウィジウィグ 絵文字 ユニット テキスト 自動選択 トグル 表示 フェード フォーム CKEditor js-post_include Ajax 検索エンジン LPO リンク biggerLink jQuery メニュー ナビゲーション accordion UI タブ tab zebra ゼブラ hover マウスオーバー https
現在表示中のページにidとclassが付与される「viewing」機能[ 組み込みのJavascript ]
a-blog cmsは、現在表示しているページでそのページへのリンク（a要素）が存在したらリンクを外し、特定のidとclassを付与します。この機能を使用して、サイトのナビゲーションなどで現在位置を表す画像切替のスタイル指定をおこなうことが可能です。 例） テンプレートに記述しているソース {name}...
http://www.a-blogcms.jp/support/tutorial/builtin... - 2010/2/04
ページ内の任意の場所へスムーズにスクロールさせる[ 組み込みのJavascript ]
a-blog cmsでは、ページ内をスムーズにスクロールできる設定が標準で実装されています。（v1.2.1より） 通常のHTMLのアンカーリンクでのページ内移動では瞬間的に移動しますが、この設定をおこなうとスクロールのスピードを徐々に変化させることができるため、ページ内のどこに移動したのかが分かり...
http://www.a-blogcms.jp/support/tutorial/builtin... - 2010/2/04
検索結果ページで該当キーワードをハイライト表示させる[ 組み込みのJavascript ]
a-blog cmsでは、cmsでの検索結果ページで検索キーワードにマッチしている文字列をハイライト表示する設定が標準で実装されています。（v1.2.1より） この設定をおこなうと、検索キーワードにマッチした文字列に独自のスタイルを設定することができるため、検索結果内のどこに検索キーワードがマッ...
http://www.a-blogcms.jp/support/tutorial/builtin... - 2010/2/04
画像にロールオーバー効果を付ける[ 組み込みのJavascript ]
a-blog cmsでは、画像をロールオーバーする（hover時の画像切り替え）設定が標準で実装されています。（v1.2.1より） マウスカーソルを画像にhoverしたとき、画像ファイルの名前が自動で切り替わることでロールオーバーが実現できます。Webサイトのナビゲーション画像を切り替える場合などに利用で...
http://www.a-blogcms.jp/support/tutorial/builtin... - 2010/2/11
サムネイル画像を拡大表示させるイメージビューワー（Highslide JS）を利用する[ 組み込みのJavascript ]
a-blog cmsでは、サムネイル画像を拡大表示させるイメージビューワー（Highslide JS）の設定が標準で実装されています。（v1.2.1より） a-blog cms v1.2.1に同梱されているHighslideのバージョンは4.1.8です。（インストールパッケージ内「お読みください.pdf」参照） サムネイル画像を拡大表示させ...
http://www.a-blogcms.jp/support/tutorial/builtin... - 2010/2/11
日付をカレンダー表示から入力する「日付選択カレンダー」[ 組み込みのJavascript ]
a-blog cmsでは、日付をカレンダー表示から入力する「日付選択カレンダー」の設定が標準で実装されています。（v1.2.1より） この機能はエントリー作成画面の日付入力フィールドでも使用されています。 日付をカレンダー表示から入力する 1. 設定の編集 この機能の設定は、/js/acms/config.jsの以下...
http://www.a-blogcms.jp/support/tutorial/builtin... - 2010/2/12
スタイルを切り替える「styleswitch」[ 組み込みのJavascript ]
a-blog cmsでは、link要素で参照しているCSSを切り替える設定が標準で実装されています。（v1.2.1より） アンカーリンクでスタイルを切り替える 1. 設定の編集 この機能の設定は、/js/acms/config.jsの以下の箇所にあります。設定を変更する場合は、適用しているテーマ内にJavaScriptファイルを別途...
http://www.a-blogcms.jp/support/tutorial/builtin... - 2010/2/12
ウィジウィグ・絵文字入力ユニットの設定をする[ 組み込みのJavascript ]
a-blog cmsでは、「ウィジウィグ」ユニットでウィジウィグでのHTML入力や絵文字入力ができます（ウィジウィグ・絵文字エディター）。絵文字画像ファイルの指定、ウィジウィグ・絵文字エディターの利用設定、ツールバー表示設定、ほか詳細設定が可能です。（v1.2.1より） この機能の設定は、/js/acms...
http://www.a-blogcms.jp/support/tutorial/builtin... - 2010/2/17
任意の入力フィールド内のテキストを自動選択する[ 組み込みのJavascript ]
a-blog cmsでは、任意の入力フィールド内にあるテキストをクリックした際に、テキストを全選択状態にする設定が標準で実装されています。（v1.2.1より）入力フィールド内のテキストをコピーしたい場合などに便利です。 任意の入力フィールド内のテキストを自動選択する 1. 設定の編集 この機能の設...
http://www.a-blogcms.jp/support/tutorial/builtin... - 2010/2/17
特定の部分の表示／非表示をフェード効果で切り替える機能[ 組み込みのJavascript ]
a-blog cmsでは、ある特定した箇所をクリックした際に、指定した要素の表示／非表示をフェード効果で切り替える機能の設定が標準で実装されています。（v1.2.1より）初期状態は非表示状態です。 通常は隠しておき、クリックした時に表示されるようなものに使用できます。 サンプル）下にある「詳細...
http://www.a-blogcms.jp/support/tutorial/builtin... - 2010/2/18
特定の部分の表示／非表示をスライド効果で切り替えるトグル機能[ 組み込みのJavascript ]
a-blog cmsでは、ある特定した箇所をクリックした際に、指定した要素の表示／非表示をスライド効果で切り替えるトグル機能の設定が標準で実装されています。（v1.2.1より）初期状態は非表示状態です。 通常は隠しておき、クリックした時に表示されるようなものに使用できます。 サンプル）下にある...
http://www.a-blogcms.jp/support/tutorial/builtin... - 2010/2/18
任意の入力フィールドをCKEditorにする[ 組み込みのJavascript ]
a-blog cmsでは、任意の入力フィールドをCKEditorにする設定が標準で実装されています。（v1.2.1より） 通常は、ユニットのプルダウンメニューで「ウィジウィグ」を選択すると、入力フィールドがCKEditorに切り替わりますが、この機能を使用すると任意の入力フィールドをCKEditorの入力画面にするこ...
http://www.a-blogcms.jp/support/tutorial/builtin... - 2010/2/18
post includeの基本設定[ 組み込みのJavascript ]
ここでは、組み込みJavaScriptの「post include」機能の基本設定について説明します。post include機能は、フォームでpost（送信）した結果を、ページのリロードなしで表示する機能です。 post includeの設定と実装 1. config.js内の設定 /js/config.jsの以下の箇所に設定内容が記載されています。 ...
http://www.a-blogcms.jp/support/tutorial/builtin... - 2010/5/13
ページを移動せずにフォームの検索結果を表示する（post include）[ 組み込みのJavascript ]
a-blog cmsでは、フォーム送信後の結果を、ページを移動せずにAjaxを使用して表示できる機能が標準で実装されています。この方法は組み込みJavaScriptのpost include機能を利用します。（v1.3.0より） 通常は検索フォームにデータを入力して送信ボタンを押すと、新しいページを読み込んで検索結果を...
http://www.a-blogcms.jp/support/tutorial/builtin... - 2010/5/13
送信ボタンを押さずに検索結果を表示する（post include）[ 組み込みのJavascript ]
a-blog cmsでは、フォームの送信ボタンを押さずに検索結果をAjaxを使用して表示できる機能が標準で実装されています。この方法は組み込みJavaScriptのpost include機能を利用します。（v1.3.0より） 通常は検索フォームにデータを入力して送信ボタンを押すと、新しいページを読み込んで検索結果を表...
http://www.a-blogcms.jp/support/tutorial/builtin... - 2010/5/13
検索エンジンからのキーワードでサイト内検索結果を表示する（post include）[ 組み込みのJavascript ]
検索エンジンで検索したキーワードを元に、サイト内の検索結果をAjaxを使用して表示する方法を説明します。この方法は組み込みJavaScriptのpost include機能を利用します。（v1.3.0より） この方法を利用すると、検索エンジンからのアクセスの場合に、検索キーワードに合致した情報を表示することが...
http://www.a-blogcms.jp/support/tutorial/builtin... - 2010/5/13
リンクのクリックエリアを拡大させる（biggerlink）[ 組み込みのJavascript ]
a-blog cmsでは、アンカーリンクのクリックエリアを拡大させる機能（biggerlink）の設定が標準で実装されています。（v1.3.0より） biggerlinkの詳細ドキュメントは以下のページを参照してください。 ollicle.com: Biggerlink – jQuery plugin サンプル）グレーの背景色部分にクリックエリアが拡大...
http://www.a-blogcms.jp/support/tutorial/builtin... - 2010/5/19
タブ型のメニューを作成する（js-tabs）[ 組み込みのJavascript ]
a-blog cmsでは、タブ型のメニュー表示にする設定が標準で実装されています。（v1.3.0より） サンプル） タブA タブB タブC タブAの内容です。 タブBの内容です。 タブCの内容です。 タブA タブB タブC タブAの内容です。 タブBの内容です。 タブCの内容です。 タブ型のメニューを作成する（js-tabs...
http://www.a-blogcms.jp/support/tutorial/builtin... - 2010/5/25
タブ型のメニューを作成する（acms tabs）[ 組み込みのJavascript ]
a-blog cmsでは、タブ型のメニュー表示にする設定が標準で実装されています。（v1.3.0より） タブ表示は他に「js tabs」があります。js tabsはタブとタブパネル（タブの内容）が同じ親要素内に入っているのに対し、acms tabsはタブとタブパネルの親要素が必ずしも同じでなくてもよい、という違いが...
http://www.a-blogcms.jp/support/tutorial/builtin... - 2010/5/25
アコーディオン型のメニューを作成する[ 組み込みのJavascript ]
a-blog cmsでは、アコーディオン型のメニュー表示にする設定が標準で実装されています。（v1.3.0より） サンプル） メニューヘッダ1 ここは説明文です。ここは説明文です。ここは説明文です。ここは説明文です。ここは説明文です。 メニューヘッダ2 ここは説明文です。ここは説明文です。ここは説明...
http://www.a-blogcms.jp/support/tutorial/builtin... - 2010/5/25
