クエステトラ(Questetra）でJavascriptを活用しよう（ガイドパネルを動的に表示/非表示）

<script type="text/javascript">
jQuery(document).ready(function(){ //取締役会承認要件のガイドパネルを見えないようにする。
     var NONE = "None";
     var totalExpenseStr = NONE;
     var totalExpense = -1;
     var Asset = 0;

if( jQuery('#readonly_86').length){ //費用（数値型であるが表示だけになっている場合）
        totalExpenseStr = jQuery('#readonly_86').text(); 
    } else if ( jQuery('input[name="data[86].input"]').size()) {　//編集可能な状態の場合）
        totalExpenseStr = jQuery('input[name="data[86].input"]').val();　
    } //else if終了
//alert("readonly86->" + totalExpenseStr + "data[86]->" + totalExpense);　//DEBUG用

if (totalExpenseStr != NONE) { //もしデータ項目番号86が無い場合には、ここはNONEとなる。
     totalExpense = totalExpenseStr.replace(/[^\x01-\x7E]/g, function(s){
         return String.fromCharCode(s.charCodeAt(0) - 0xFEE0);
     }).replace(/\D/g, ''); //データ番号86があった場合に、半角数値だけを取り出す
     totalExpense = Number(totalExpense); //文字型から数字型に変更
     //alert("数字->" + totalExpense);　//DEBUG用
}　//IF終了

if( jQuery('#readonly_84').length){ //○○計上するかの選択肢の文字列（表示のみの場合）
     Asset = jQuery('#readonly_84').text();
     Asset = Asset.match(/○○計上する/);　//HTML内にある文字前後にゴミが入っているのでそれを取り除く
     if (Asset == "○○計上する") { //表示のみの場合には、文字列が取得されるのでベタ打ち比較
          Asset = 1;
     } //IF終了
} else if (jQuery('select[name="data[84].selects"]').length){
     Asset = jQuery('select[name="data[84].selects"]').val(); //○○計上するかの選択肢の文字列（編集可の場合）
} //else if終了

jQuery('#comment87').parent().parent().css("display","none"); //ガイドパネル非表示
if ( totalExpense >= 100000000 && Asset == 1 ) { //総費用が△△△△（ここでは、１億）以上かつ○○計上する
     alert("取締役会の承認が必要です。取締役会への上程を○○本部に依頼して下さい。");　//開催が必要な場合には、アラートウィンドウを表示
     jQuery('#comment87').parent().parent().css("display","block"); //ガイドパネル表示
} else {
     jQuery('#comment87').parent().parent().css("display","none"); //ガイドパネル非表示
} //else終了

});

</script>