TOP　＞　Users　＞　ORCA通信アーカイブ　＞　vol.066

 ORCA通信

第66回ORCA通信をお届けいたします。

ＩＮＤＥＸ
[１] 新機能のご紹介
[２] 表肩に絵や画像を入れるスクリプト

[１] 新機能のご紹介

ORCAver2.0では「個票閲覧機能」が追加されました。
この機能は、回答途中・完了に関わらず、回答内容が確認できる機能です！

どのように回答して、対象の画面に到達しているかがわかるので
画面確認時に使うもよし、モニター対応に使うもよし、
クライアントに見せるもよし（閲覧者には設問毎に表示／非表示の設定可能）です。

是非ご活用ください。


[２] 表肩に絵や画像を入れるスクリプト

表肩に矢印
手順１）素材登録
必ず素材に　bipolar_matrix_title.js　を登録してください。
画像を使用する場合は、その画像を登録してください。

手順２）BANKの設定
表肩に文字を入れる場合は、たとえ1問しか表示しない場合でも BANKにする必要があります。
■バンク文章
特に制限はありません。

■JavaScript
スクリプト欄には下記を記載してください。
（"Q5000"の設問番号は調査票ごとに変更いただく必要があります。）

function init()
{
// FOR Q5000
var bmt = new BipolarMatrixTitle( "Q5000" );

bmt.extraClassName_L = "MTBPL MTBPIMGL";
bmt.extraClassName_R = "MTBPR MTBPIMGR";

bmt.setupTitle( "ひだりがわ" , "L" );
bmt.setupTitle( "みぎみぎみぎ", "R" );
}

必ずonload = 欄に下記を記載してください。
init();


■HTML Header
必ず下記を記載してください。
<script src="<!-- ORCA:REP:URL_MATERIAL -->bipolar_matrix_title.js"></script>
また、必要に応じて、つづけてCSSを記載してください。
サンプルでは、以下のような記載をしています。
<style type="text/css">
<!--
.MTBPL {
font-weight : bold;
font-size : 200%;
color : red;
}

＜左肩用テキスト＞
文字の太さ
文字の大きさ
文字の色
*左肩の文字が不要の場合は、
.MTBPL　から　}　まで削除
.MTBPR {
font-weight : bold;
font-size : 150%;
color : #CCCCCC;
}
 ＜右肩用テキスト＞
文字の太さ
文字の大きさ
文字の色
*右肩の文字が不要の場合は、
.MTBPRから　}　まで削除
.MTBPIMGL {
background-image: url( <!-- ORCA:REP:URL_MATERIAL -->left_right.png );
background-repeat : no-repeat;
background-position: center;
background-size: contain;
}
 ＜左肩用画像＞
画像指定
繰り返しなし
位置真ん中
画像をリサイズ
*左肩の画像が不要の場合は、
.MTBPIMGLから　}　まで削除
.MTBPIMGR {
background-image: url( <!-- ORCA:REP:URL_MATERIAL -->right_left.png );
background-repeat : no-repeat;
background-position: center;
background-size: contain;
}
-->
</style> 		＜右肩用画像＞
画像指定
繰り返しなし
位置真ん中
画像をリサイズ
*右肩の画像が不要の場合は、
.MTBPIMGR　から　}　まで削除
これで、両極マトリクスの場合も文字や画像を表示することが可能です。是非ご利用ください。
サンプルスペックはこちら



  ページトップへ

vol.064へ vol.065へ vol.067へvol.067へ