開発情報・ナレッジ

ver.1 でよく検索されるワード

2021年11月26日(金)

登録データの内容に応じて一覧表の表示を出し分けする方法

スパイラルで一覧表を作成していると、「こんなことできたらいいな・・・」と感じる機会があるのではないでしょうか? 今回は、XSLソースを編集して、電話番号のフィールドに値がある場合のみ「アイコンと電話番号」を表示させて、値がない場合は「番号なし」と表示されるよう、デー

2021年11月26日(金)

jQueryでセレクトをドリルダウン表示する

選択したセレクト項目の内容によって、下位層のセレクト項目の内容を絞り込む方法(ドリルダウン表示)をご紹介します! 文章だと分かりづらいので、とりあえずDEMOを触ってみてください! DEMOはこちら 「会社名」「部署名」「役割」の3つのセレクト項目があり、「会社名」で選択した

2021年11月26日(金)

Enterキーでフォームが送信されないようにする

フォームの入力中、誤ってEnterキーを押してしまい、予期しない挙動が発生してしまう時があるかと思います。 今回はEnterキーでフォームが送信されないようにする方法をご紹介します。 DEMOはこちら 入力の途中でEnterキーを押してもsubmitされません。 設定方法

2021年11月26日(金)

SPIRAL ver.2でビジュアル設定を可能にするWYSIWYG

SPIRAL ver.2では、ソースを編集しなくてもテキストを修飾したりリッチな表現が可能となる”WYSIWYG”を搭載しています。 ”WYSIWYG”機能の概要について説明します。 変更・改訂履歴 [ 2024.02.29 ] 改訂 キャプチャの更新

2021年11月26日(金)

認証APIを使って認証エリアにログインする方法

CMSなどの外部のサイトとの連携の際に、認証エリアにAPIを利用してログインする方法を解説します。 利用シーン 認証APIを利用するとCMSなどとのシームレスな連携を実現できます。 例えば、CMSとの連携でセッション管理をver.2側で行ったり、CMSからの遷移時にログイン

2021年11月26日(金)

レコードリスト(一覧表)からフォームへ反映する方法

レコードリストと JavaScript で リストの情報を入力画面に反映する方法を紹介いたします。 こちらを使って、ボタンをクリックすると担当者の一覧が表示され、IDを選択すると自動的に反映すると言ったことが可能です。 デモはこちら 変更・改訂履歴 [ 2023.04.

2021年11月26日(金)

住所情報をもとに地図を表示する

Googleマップ上で取得することができる「共有用の埋め込みHTML(iframeコード)」の可変部分をDBに格納し、マップを表示する方法をご紹介します。 DEMOはこちら 一覧表のリンクをクリックするとGoogleマップ・Yahoo!マップが表示されます。 DBの設定 Googleマップ

2021年11月26日(金)

JavaScriptで項目の表示非表示を切り替え、かつ表示する場合は入力必須にする

入力フォーム上で、特定の選択肢が選ばれた場合にのみ、入力必須のテキストボックスを表示する方法をご案内いたします。 DEMOはこちら 「職種」で「その他」を選ぶと入力必須のテキストが表示されます。 フォームの設定 フィールドはセレクトフィー

2021年11月8日(月)

[フォームカスタマイズ vol.1]姓名の記述を分けて横並びにする

Webフォームの活用は幅広く、キャンペーンや会員登録など様々なシーンで用いられます。 スパイラル®が選ばれる理由のひとつに、フォームの活用のしやすさが挙げられますが、デフォルトのフォームはシンプルなHTMLです。 DEMOは、こちら ※“お名前”を参照くだ

2021年11月8日(月)

[フォームカスタマイズ vol.3]マトリクス形式の回答欄を作成する

マトリクス形式の選択フォームの作成方法をご案内しまし。 この形式は、同じ回答項目を持つ質問に対して有効です。 繰り返しの文章などが省かれ図形化されるので、回答がしやすくなります。 コツを掴めば、スパイラル®のフォームでも簡単に設定できます。 DEMOは、

2021年11月8日(月)

[フォームカスタマイズ vol.2]“その他”の項目に入力欄を追加する

[ 2022.04.26 ] カスタマイズ後のソースにエラーメッセージ出力用のタグを追加 ラジオボタン形式のセレクトフォームを設定して、“その他”の項目を設けた時に記述式の入力フォームを追加する方法をご案内します。 DEMOは、こちら ※Q2を参照くだ

2021年11月8日(月)

[フォームカスタマイズ vol.6]タップで回答できるバー形式の回答欄を作成する

顧客ロイヤルティを計測するためのNPS表示の設定を行います。 DEMOは、こちら ※Q6を参照ください。 HTMLの設定 まずはデータベースの設定を行います。 フィールドはセレクトのプルダウンを選択しておくとよいかと思います。 そしてフィール