Skip to content

C
check
Commit 0be57cac by Vo Duc Thang
Options

１．ボタンオブジェクトで「Link To」＝「HTML」の対応 

https://redmine.agentec.jp/redmine/issues/8887#note-31
２．BOM無しに統一する対応
対象ファイルは以下となる
---------------
Root
	abvw
		common
			js
				gotop.js
				uuid.js
			json
				lang
					lang-ja.json
					lang-ko.json
					lang-en.json
		css
			Anket.css
		js
			contentsearch.js
			contentview.js
			contentview_Anket.js
			contentview_CallApi.js
			contentview_CreateObjects.js
			contentview_Events.js
			contentview_General.js
			contentview_GetData.js
			contentview_Gomu.js
			contentview_InitObjects.js
			contentview_Maker.js
			contentview_Pen.js
			header.js
	usermanual.html
	index.html
-------------------------
parent 9f909922
Showing with 1084 additions and 1076 deletions
abvw/common/js/gotop.js
$(function(){ $(function(){
$('#gotop').hide(); // デフォルトで非表示とする $('#gotop').hide(); // �f�t�H���g�Ŕ�\���Ƃ���
$(window).scroll(function(){ $(window).scroll(function(){
if ($(this).scrollTop() > 100) { // scrollTop() で現在のスクロール上の上位置を取得 if ($(this).scrollTop() > 100) { // scrollTop() �Ō��݂̃X�N���[����̏�ʒu��擾
$('#gotop').fadeIn(); // 100を過ぎていたら、#backToTop（戻るボタン）をフェードインさせる $('#gotop').fadeIn(); // 100��߂��Ă�����A#backToTop�i�߂�{�^���j��t�F�[�h�C��������
} else { } else {
$('#gotop').fadeOut(); // それ以外は、フェードアウト $('#gotop').fadeOut(); // ����ȊO�́A�t�F�[�h�A�E�g
} }
}); });
// クリック時にスムーズにページ上部へスクロールさせる // �N���b�N���ɃX���[�Y�Ƀy�[�W�㕔�փX�N���[��������
$('#gotop').click(function(){ $('#gotop').click(function(){
$('body,html').animate({ scrollTop: 0 }, 350); $('body,html').animate({ scrollTop: 0 }, 350);
return false; // ←【1】 return false; // ���y1�z
}); });
}); });
abvw/common/json/lang/lang-en.json
{ {
"sysErrorCallApi01":"System error.<br/>Please close this window and contact administrator.", "sysErrorCallApi01":"System error.<br/>Please close this window and contact administrator.",
"sysInfoScrLock01":"Click to unlock.", "sysInfoScrLock01":"Click to unlock.",
"sysInfoWithoutLogout":"Are you sure to close this window without logout?\nIncorrect logout will cause login problem next time.", "sysInfoWithoutLogout":"Are you sure to close this window without logout?\nIncorrect logout will cause login problem next time.",
...@@ -64,7 +64,7 @@ ...@@ -64,7 +64,7 @@
"dspBkCancel":"Logout", "dspBkCancel":"Logout",
"txtSearchResult":"Result", "txtSearchResult":"Result",
"dspHome":"Home", "dspHome":"Home",
"txtLoginUser":"(Ver.20130830)User:", "txtLoginUser":"(Ver.20130904)User:",
"txtAll":"All", "txtAll":"All",
"txtMkgSize":"Size", "txtMkgSize":"Size",
"txtMkgS":"S", "txtMkgS":"S",
......
abvw/common/json/lang/lang-ja.json
{ {
"sysErrorCallApi01":"ご迷惑をおかけし申し訳ございません。<br />システムエラーが発生しました。<br />アプリケーションを終了し、管理者に連絡してください。", "sysErrorCallApi01":"ご迷惑をおかけし申し訳ございません。<br />システムエラーが発生しました。<br />アプリケーションを終了し、管理者に連絡してください。",
"sysInfoScrLock01":"長時間操作されなかったため、画面をロックしています。<br />画面をクリックしてロックを解除してください。", "sysInfoScrLock01":"長時間操作されなかったため、画面をロックしています。<br />画面をクリックしてロックを解除してください。",
"sysInfoWithoutLogout":"ログアウトしていませんが、このまま終了してもよろしいですか？\n※【注意】ログアウトしないと次回ログインできない場合がございます。", "sysInfoWithoutLogout":"ログアウトしていませんが、このまま終了してもよろしいですか？\n※【注意】ログアウトしないと次回ログインできない場合がございます。",
...@@ -64,7 +64,7 @@ ...@@ -64,7 +64,7 @@
"dspBkCancel":"バックアップせずにログアウト", "dspBkCancel":"バックアップせずにログアウト",
"txtSearchResult":"検索結果", "txtSearchResult":"検索結果",
"dspHome":"ホーム", "dspHome":"ホーム",
"txtLoginUser":"(Ver.20130830)ログイン中：", "txtLoginUser":"(Ver.20130904)ログイン中：",
"txtAll":"すべて", "txtAll":"すべて",
"txtMkgSize":"太さ", "txtMkgSize":"太さ",
"txtMkgS":"小", "txtMkgS":"小",
......
abvw/common/json/lang/lang-ko.json
{ {
"sysErrorCallApi01":"시스템 에러가 발생했습니다. 이용에 불편을 드려 죄송합니다.", "sysErrorCallApi01":"시스템 에러가 발생했습니다. 이용에 불편을 드려 죄송합니다.",
"sysInfoScrLock01":"장시간 조작이 없었으므로, 화면이 잠겼습니다.<br/>잠김을 해제하려면 화면을 클릭하십시오.", "sysInfoScrLock01":"장시간 조작이 없었으므로, 화면이 잠겼습니다.<br/>잠김을 해제하려면 화면을 클릭하십시오.",
"sysInfoWithoutLogout":"로그아웃하지 않은 상태로 창을 닫으면, 다음에 로그인되지 않는 경우도 있습니다. 이대로 창을 닫으시겠습니까?\n(이 메세지는 브라우저를 '새로 고침' 할 때에도 표시됩니다.)", "sysInfoWithoutLogout":"로그아웃하지 않은 상태로 창을 닫으면, 다음에 로그인되지 않는 경우도 있습니다. 이대로 창을 닫으시겠습니까?\n(이 메세지는 브라우저를 '새로 고침' 할 때에도 표시됩니다.)",
...@@ -64,7 +64,7 @@ ...@@ -64,7 +64,7 @@
"dspBkCancel":"로그아웃", "dspBkCancel":"로그아웃",
"txtSearchResult":"검색 결과", "txtSearchResult":"검색 결과",
"dspHome":"홈", "dspHome":"홈",
"txtLoginUser":"(Ver.20130830)로그인 중:", "txtLoginUser":"(Ver.20130904)로그인 중:",
"txtAll":"전체", "txtAll":"전체",
"txtMkgSize":"두께", "txtMkgSize":"두께",
"txtMkgS":"소", "txtMkgS":"소",
......
abvw/css/Anket.css
.anket-dialog .anket-dialog
{ {
position: absolute; position: absolute;
border:solid 1px #333; border:solid 1px #333;
......
abvw/css/gotop.js
$(function(){ $(function(){
$('#gotop').hide(); // デフォルトで非表示とする $('#gotop').hide(); // �f�t�H���g�Ŕ�\���Ƃ���
$(window).scroll(function(){ $(window).scroll(function(){
if ($(this).scrollTop() > 100) { // scrollTop() で現在のスクロール上の上位置を取得 if ($(this).scrollTop() > 100) { // scrollTop() �Ō��݂̃X�N���[����̏�ʒu��擾
$('#gotop').fadeIn(); // 100を過ぎていたら、#backToTop（戻るボタン）をフェードインさせる $('#gotop').fadeIn(); // 100��߂��Ă�����A#backToTop�i�߂�{�^���j��t�F�[�h�C��������
} else { } else {
$('#gotop').fadeOut(); // それ以外は、フェードアウト $('#gotop').fadeOut(); // ����ȊO�́A�t�F�[�h�A�E�g
} }
}); });
// クリック時にスムーズにページ上部へスクロールさせる // �N���b�N���ɃX���[�Y�Ƀy�[�W�㕔�փX�N���[��������
$('#gotop').click(function(){ $('#gotop').click(function(){
$('body,html').animate({ scrollTop: 0 }, 350); $('body,html').animate({ scrollTop: 0 }, 350);
return false; // ←【1】 return false; // ���y1�z
}); });
}); });
abvw/js/contentsearch.js
This source diff could not be displayed because it is too large. You can view the blob instead.
abvw/js/contentview.js

/// <reference path="../common/js/jquery-ui-1.8.23.custom.min.js" /> /// <reference path="../common/js/jquery-ui-1.8.23.custom.min.js" />
/// <reference path="../common/js/common.js" /> /// <reference path="../common/js/common.js" />
...@@ -3706,32 +3706,32 @@ function drawGetWebContent4(context, opt) { ...@@ -3706,32 +3706,32 @@ function drawGetWebContent4(context, opt) {
for (var nIndex = 0; nIndex < dataJsonType4.length; nIndex++) { for (var nIndex = 0; nIndex < dataJsonType4.length; nIndex++) {
/* get data belong current page*/ /* get data belong current page*/
if (changePageIndex(tempIndex) == dataJsonType4[nIndex].page) { var dataLinkList = dataJsonType4[nIndex].linkList;
var dataLinkList = dataJsonType4[nIndex].linkList; for (var nLinkList = 0; nLinkList < dataLinkList.length; nLinkList++) {
for (var nLinkList = 0; nLinkList < dataLinkList.length; nLinkList++) { /* create object webContentTyp4 */
/* create object webContentTyp4 */ var dataObject = null;
var dataObject = null;
dataObject = new webContentType4(
dataObject = new webContentType4( nLinkList,
nLinkList, dataLinkList[nLinkList].linkLocationX,
dataLinkList[nLinkList].linkLocationX, dataLinkList[nLinkList].linkLocationY,
dataLinkList[nLinkList].linkLocationY, dataLinkList[nLinkList].linkLocationWidth,
dataLinkList[nLinkList].linkLocationWidth, dataLinkList[nLinkList].linkLocationHeight,
dataLinkList[nLinkList].linkLocationHeight, "img/webGetContent4.png",
"img/webGetContent4.png", dataLinkList[nLinkList].linkKind,
dataLinkList[nLinkList].linkKind, dataLinkList[nLinkList].destURI,
dataLinkList[nLinkList].destURI, dataLinkList[nLinkList].destPageNumber
dataLinkList[nLinkList].destPageNumber );
);
dataObject["pageNo"] = dataJsonType4[nIndex].page;
//Start Function : No.4 - Editor : long - Date: 08/16/2013 - Summary : webGetContentType4Objects.push(dataObject);
dataObject["pageNo"] = dataJsonType4[nIndex].page;
//End Function : No.4 - Editor : Long - Date 08/16/2013 - Summary: //Start Fix Bug : Cannot not click on link object - Editor : Long - Date : 08/30/2013
webGetContentType4Objects.push(dataObject); if (changePageIndex(tempIndex) == dataObject["pageNo"]) {
dataObject.drawObject(context, opt); dataObject.drawObject(context, opt);
}
} //End Fix Bug : Cannot not click on link object - Editor : Long - Date : 08/30/2013
} }
} }
//End Function : No.4 - Editor : Long - Date: 08/14/2013 - Summary : For lazy loading //End Function : No.4 - Editor : Long - Date: 08/14/2013 - Summary : For lazy loading
}; };
......
abvw/js/contentview_Anket.js
// show dialog anket content // show dialog anket content
function showAnket(url, fullscreen) { function showAnket(url, fullscreen) {
var $container = $('#dialog'); var $container = $('#dialog');
......
abvw/js/contentview_CallApi.js

/// <reference path="../common/js/jquery-ui-1.8.23.custom.min.js" /> /// <reference path="../common/js/jquery-ui-1.8.23.custom.min.js" />
/// <reference path="../common/js/common.js" /> /// <reference path="../common/js/common.js" />
......
abvw/js/contentview_CreateObjects.js

/// <reference path="../common/js/jquery-ui-1.8.23.custom.min.js" /> /// <reference path="../common/js/jquery-ui-1.8.23.custom.min.js" />
/// <reference path="../common/js/common.js" /> /// <reference path="../common/js/common.js" />
...@@ -517,7 +517,7 @@ var htmlLinkButton = function (mediaType, actionType, id, imageUrl, x, y, w, h, ...@@ -517,7 +517,7 @@ var htmlLinkButton = function (mediaType, actionType, id, imageUrl, x, y, w, h,
this.action = function () { this.action = function () {
/*stop audio on page */ /*stop audio on page */
stopAllAudio(); stopAllAudio();
if (resourceUrl != "") { if (resourceUrl != "") {
showHtml(resourceUrl); showHtml(resourceUrl);
...@@ -1137,7 +1137,8 @@ Transition.prototype.flipPreviousPage = function () { ...@@ -1137,7 +1137,8 @@ Transition.prototype.flipPreviousPage = function () {
createLockLayout(false); createLockLayout(false);
} }
}); });
} }
} }
}; };
//Start Functon : No.4 - Editor : Long - Date : 08/09/2013 - Summary : //Start Functon : No.4 - Editor : Long - Date : 08/09/2013 - Summary :
...@@ -1238,7 +1239,8 @@ Transition.prototype.flipToPage = function (index) { ...@@ -1238,7 +1239,8 @@ Transition.prototype.flipToPage = function (index) {
nextContent.pageIndex = getPageIndex(); nextContent.pageIndex = getPageIndex();
getNextPageObjectsByPageIndex(pageObjectsData, index + 1); getNextPageObjectsByPageIndex(pageObjectsData, index + 1);
renderNextPage(); renderNextPage();
} }
initImageBookmark(); initImageBookmark();
checkExistNextPrePage(); checkExistNextPrePage();
changeSlider(index); changeSlider(index);
......
abvw/js/contentview_Events.js

/// <reference path="../common/js/jquery-ui-1.8.23.custom.min.js" /> /// <reference path="../common/js/jquery-ui-1.8.23.custom.min.js" />
/// <reference path="../common/js/common.js" /> /// <reference path="../common/js/common.js" />
...@@ -305,7 +305,8 @@ function nextPage_click() { ...@@ -305,7 +305,8 @@ function nextPage_click() {
disableAllControl(); disableAllControl();
$('#divImageLoading').css('display', 'block'); $('#divImageLoading').css('display', 'block');
var tran = new Transition();
var tran = new Transition();
createLockLayout(true); createLockLayout(true);
tran.flipNextPage(); tran.flipNextPage();
...@@ -512,7 +513,7 @@ function onUnlock() { ...@@ -512,7 +513,7 @@ function onUnlock() {
} }
} }
//Start Function: No.4 - Editor : Long - Date : 08/12/2013 - Summary : ReDraw canvas when has new sid //Start Function: No.4 - Editor : Long - Date : 08/12/2013 - Summary : ReDraw canvas when has new sid
getPageObjectsByPageIndex(pageObjectsData, getPageIndex()); getPageObjectsByPageIndex(pageObjectsData, getPageIndex());
getContent().setPageImages(totalPage, pageImages).setPageObjects(pageObjects).setUpPage(getPageIndex()); getContent().setPageImages(totalPage, pageImages).setPageObjects(pageObjects).setUpPage(getPageIndex());
......
abvw/js/contentview_General.js

/// <reference path="../common/js/jquery-ui-1.8.23.custom.min.js" /> /// <reference path="../common/js/jquery-ui-1.8.23.custom.min.js" />
/// <reference path="../common/js/common.js" /> /// <reference path="../common/js/common.js" />
......
abvw/js/contentview_GetData.js

/// <reference path="../common/js/jquery-ui-1.8.23.custom.min.js" /> /// <reference path="../common/js/jquery-ui-1.8.23.custom.min.js" />
/// <reference path="../common/js/common.js" /> /// <reference path="../common/js/common.js" />
......
abvw/js/contentview_Gomu.js
/// コンテンツ閲覧画面_消しゴム書式オーバーレイ /// コンテンツ閲覧画面_消しゴム書式オーバーレイ
/// <reference path="../common/js/avweb.js" /> /// <reference path="../common/js/avweb.js" />
/// <reference path="../common/js/screenLock.js" /> /// <reference path="../common/js/screenLock.js" />
/// <reference path="../common/js/common.js" /> /// <reference path="../common/js/common.js" />
/// <reference path="../common/js/i18n.js" /> /// <reference path="../common/js/i18n.js" />
/// <reference path="../common/js/jquery-1.8.1.min.js" /> /// <reference path="../common/js/jquery-1.8.1.min.js" />
/// <reference path="../common/js/jquery-ui-1.8.23.custom.min.js" /> /// <reference path="../common/js/jquery-ui-1.8.23.custom.min.js" />
/// <reference path="../common/js/jquery.toastmessage.js" /> /// <reference path="../common/js/jquery.toastmessage.js" />
/// <reference path="../common/js/pageViewer.js" /> /// <reference path="../common/js/pageViewer.js" />
/// =============================================================================================== /// ===============================================================================================
/// Eraser group [start] /// Eraser group [start]
/// =============================================================================================== /// ===============================================================================================
// Show eraser // Show eraser
function ShowEraser(targetDiv) { function ShowEraser(targetDiv) {
//$('#dlgGomu').dialog("open"); //$('#dlgGomu').dialog("open");
//$(".ui-dialog-titlebar").hide(); //$(".ui-dialog-titlebar").hide();
//lockLayout(); //lockLayout();
// $('#dlgGomu').fadeIn('medium', function(){ // $('#dlgGomu').fadeIn('medium', function(){
// $('#dlgGomu').draggable(); // $('#dlgGomu').draggable();
// }); // });
$('#dlgGomu').show(); $('#dlgGomu').show();
$('#dlgGomu').draggable(); $('#dlgGomu').draggable();
Eraser_SetDefaultValue(); Eraser_SetDefaultValue();
$('#dlgGomu').center(); $('#dlgGomu').center();
}; };
// Set default value for easer. // Set default value for easer.
function Eraser_SetDefaultValue() { function Eraser_SetDefaultValue() {
var typeValue = undefined; var typeValue = undefined;
typeValue = ClientData.erase_size(); typeValue = ClientData.erase_size();
if (typeValue == 5) { if (typeValue == 5) {
$("#dlgGomu_rdo1").attr('checked', 'checked'); $("#dlgGomu_rdo1").attr('checked', 'checked');
$("#dlgGomu_rdo1").focus(); $("#dlgGomu_rdo1").focus();
} }
else if (typeValue == 12.5) { else if (typeValue == 12.5) {
$("#dlgGomu_rdo2").attr('checked', 'checked'); $("#dlgGomu_rdo2").attr('checked', 'checked');
$("#dlgGomu_rdo2").focus(); $("#dlgGomu_rdo2").focus();
} }
else if (typeValue == 25) { else if (typeValue == 25) {
$("#dlgGomu_rdo3").attr('checked', 'checked'); $("#dlgGomu_rdo3").attr('checked', 'checked');
$("#dlgGomu_rdo3").focus(); $("#dlgGomu_rdo3").focus();
} }
else if (typeValue == 50) { else if (typeValue == 50) {
$("#dlgGomu_rdo4").attr('checked', 'checked'); $("#dlgGomu_rdo4").attr('checked', 'checked');
$("#dlgGomu_rdo4").focus(); $("#dlgGomu_rdo4").focus();
} }
else { else {
typeValue = 5; typeValue = 5;
$("#dlgGomu_rdo1").attr('checked', 'checked'); $("#dlgGomu_rdo1").attr('checked', 'checked');
$("#dlgGomu_rdo1").focus(); $("#dlgGomu_rdo1").focus();
} }
dlgGomu_chooseType(typeValue); dlgGomu_chooseType(typeValue);
}; };
// Choose type of eraser, and draw to canvas // Choose type of eraser, and draw to canvas
function dlgGomu_chooseType(typeValue) { function dlgGomu_chooseType(typeValue) {
var canvas = document.getElementById('dlgGomu_cvMain'); var canvas = document.getElementById('dlgGomu_cvMain');
if (canvas.getContext) { if (canvas.getContext) {
// use getContext to use the canvas for drawing // use getContext to use the canvas for drawing
var ctx = canvas.getContext('2d'); var ctx = canvas.getContext('2d');
// Draw shapes // Draw shapes
ctx.fillStyle = "#888888"; ctx.fillStyle = "#888888";
ctx.fillRect(0, 0, canvas.width, canvas.height); ctx.fillRect(0, 0, canvas.width, canvas.height);
ctx.beginPath(); ctx.beginPath();
//ctx.arc(60, 60, typeValue, 0, Math.PI * 2, true); // Outer circle //ctx.arc(60, 60, typeValue, 0, Math.PI * 2, true); // Outer circle
ctx.arc(canvas.width/2, canvas.height/2, typeValue, 0, 2 * Math.PI, true); ctx.arc(canvas.width/2, canvas.height/2, typeValue, 0, 2 * Math.PI, true);
ctx.fillStyle = "#ffffff"; ctx.fillStyle = "#ffffff";
ctx.fill(); ctx.fill();
ctx.stroke(); ctx.stroke();
} }
}; };
function dlgGomu_rdo1_click() { function dlgGomu_rdo1_click() {
dlgGomu_chooseType(5); dlgGomu_chooseType(5);
}; };
function dlgGomu_rdo2_click() { function dlgGomu_rdo2_click() {
dlgGomu_chooseType(12.5); dlgGomu_chooseType(12.5);
}; };
function dlgGomu_rdo3_click() { function dlgGomu_rdo3_click() {
dlgGomu_chooseType(25); dlgGomu_chooseType(25);
}; };
function dlgGomu_rdo4_click() { function dlgGomu_rdo4_click() {
dlgGomu_chooseType(50); dlgGomu_chooseType(50);
}; };
// Event of button OK // Event of button OK
function dlgGomu_dspOK_click() { function dlgGomu_dspOK_click() {
// Set selected value to local storage // Set selected value to local storage
var typeValue = undefined; var typeValue = undefined;
if ($("#dlgGomu_rdo1").attr('checked') == 'checked') { if ($("#dlgGomu_rdo1").attr('checked') == 'checked') {
typeValue = 5; typeValue = 5;
} }
else if ($("#dlgGomu_rdo2").attr('checked') == 'checked') { else if ($("#dlgGomu_rdo2").attr('checked') == 'checked') {
typeValue = 12.5; typeValue = 12.5;
} }
else if ($("#dlgGomu_rdo3").attr('checked') == 'checked') { else if ($("#dlgGomu_rdo3").attr('checked') == 'checked') {
typeValue = 25; typeValue = 25;
} }
else if ($("#dlgGomu_rdo4").attr('checked') == 'checked') { else if ($("#dlgGomu_rdo4").attr('checked') == 'checked') {
typeValue = 50; typeValue = 50;
} }
// Set value to local // Set value to local
ClientData.erase_size(typeValue); ClientData.erase_size(typeValue);
eraseSize = typeValue; eraseSize = typeValue;
// Close dialog // Close dialog
//$("#dlgGomu").dialog('close'); //$("#dlgGomu").dialog('close');
/*$("#dlgGomu").fadeOut('medium', function(){ /*$("#dlgGomu").fadeOut('medium', function(){
//unlockLayout(); //unlockLayout();
});*/ });*/
$("#dlgGomu").hide(); $("#dlgGomu").hide();
/*enable button */ /*enable button */
enableButtonMarking(); enableButtonMarking();
ClientData.IsAddingMarking(true); ClientData.IsAddingMarking(true);
isAddingMarking = ClientData.IsAddingMarking(); isAddingMarking = ClientData.IsAddingMarking();
/* unlock dialog overlay */ /* unlock dialog overlay */
$("#overlay").hide(); $("#overlay").hide();
$('#dlgMarking_imgEraserOption').removeClass(); $('#dlgMarking_imgEraserOption').removeClass();
$('#dlgMarking_imgEraserOption').addClass('eraser_option_hover'); $('#dlgMarking_imgEraserOption').addClass('eraser_option_hover');
}; };
// Event of button cancel // Event of button cancel
function dlgGomu_dspCancel_click() { function dlgGomu_dspCancel_click() {
// Close dialog // Close dialog
//$("#dlgGomu").dialog('close'); //$("#dlgGomu").dialog('close');
/*$("#dlgGomu").fadeOut('medium', function(){ /*$("#dlgGomu").fadeOut('medium', function(){
//unlockLayout(); //unlockLayout();
});*/ });*/
$("#dlgGomu").hide(); $("#dlgGomu").hide();
/*enable button */ /*enable button */
enableButtonMarking(); enableButtonMarking();
ClientData.IsAddingMarking(true); ClientData.IsAddingMarking(true);
isAddingMarking = ClientData.IsAddingMarking(); isAddingMarking = ClientData.IsAddingMarking();
/* unlock dialog overlay */ /* unlock dialog overlay */
$("#overlay").hide(); $("#overlay").hide();
$('#dlgMarking_imgEraserOption').removeClass(); $('#dlgMarking_imgEraserOption').removeClass();
$('#dlgMarking_imgEraserOption').addClass('eraser_option_hover'); $('#dlgMarking_imgEraserOption').addClass('eraser_option_hover');
}; };
function dlgGomu_rdo1_text_click(){ function dlgGomu_rdo1_text_click(){
$('#dlgGomu_rdo1').attr('checked','checked'); $('#dlgGomu_rdo1').attr('checked','checked');
$('#dlgGomu_rdo2').removeAttr('checked'); $('#dlgGomu_rdo2').removeAttr('checked');
$('#dlgGomu_rdo3').removeAttr('checked'); $('#dlgGomu_rdo3').removeAttr('checked');
$('#dlgGomu_rdo4').removeAttr('checked'); $('#dlgGomu_rdo4').removeAttr('checked');
dlgGomu_rdo1_click(); dlgGomu_rdo1_click();
}; };
function dlgGomu_rdo2_text_click(){ function dlgGomu_rdo2_text_click(){
$('#dlgGomu_rdo1').removeAttr('checked'); $('#dlgGomu_rdo1').removeAttr('checked');
$('#dlgGomu_rdo2').attr('checked','checked'); $('#dlgGomu_rdo2').attr('checked','checked');
$('#dlgGomu_rdo3').removeAttr('checked'); $('#dlgGomu_rdo3').removeAttr('checked');
$('#dlgGomu_rdo4').removeAttr('checked'); $('#dlgGomu_rdo4').removeAttr('checked');
dlgGomu_rdo2_click(); dlgGomu_rdo2_click();
}; };
function dlgGomu_rdo3_text_click(){ function dlgGomu_rdo3_text_click(){
$('#dlgGomu_rdo1').removeAttr('checked'); $('#dlgGomu_rdo1').removeAttr('checked');
$('#dlgGomu_rdo2').removeAttr('checked'); $('#dlgGomu_rdo2').removeAttr('checked');
$('#dlgGomu_rdo3').attr('checked','checked'); $('#dlgGomu_rdo3').attr('checked','checked');
$('#dlgGomu_rdo4').removeAttr('checked'); $('#dlgGomu_rdo4').removeAttr('checked');
dlgGomu_rdo3_click(); dlgGomu_rdo3_click();
}; };
function dlgGomu_rdo4_text_click(){ function dlgGomu_rdo4_text_click(){
$('#dlgGomu_rdo1').removeAttr('checked'); $('#dlgGomu_rdo1').removeAttr('checked');
$('#dlgGomu_rdo2').removeAttr('checked'); $('#dlgGomu_rdo2').removeAttr('checked');
$('#dlgGomu_rdo3').removeAttr('checked'); $('#dlgGomu_rdo3').removeAttr('checked');
$('#dlgGomu_rdo4').attr('checked','checked'); $('#dlgGomu_rdo4').attr('checked','checked');
dlgGomu_rdo4_click(); dlgGomu_rdo4_click();
}; };
/* /*
---------------------------------------------------------------------------- ----------------------------------------------------------------------------
Event groups [start] Event groups [start]
---------------------------------------------------------------------------- ----------------------------------------------------------------------------
*/ */
/* /*
---------------------------------------------------------------------------- ----------------------------------------------------------------------------
Event groups [ end ] Event groups [ end ]
---------------------------------------------------------------------------- ----------------------------------------------------------------------------
*/ */
function touchStart_BtnOk_Gomu(e){ function touchStart_BtnOk_Gomu(e){
e.preventDefault(); e.preventDefault();
$('#dlgGomu').draggable("destroy"); $('#dlgGomu').draggable("destroy");
dlgGomu_dspOK_click(); dlgGomu_dspOK_click();
}; };
function touchStart_BtnCancel_Gomu(e){ function touchStart_BtnCancel_Gomu(e){
e.preventDefault(); e.preventDefault();
$('#dlgGomu').draggable("destroy"); $('#dlgGomu').draggable("destroy");
dlgGomu_dspCancel_click(); dlgGomu_dspCancel_click();
}; };
// Setting dialog // Setting dialog
$(function () { $(function () {
// --------------------------------- // ---------------------------------
// Setup for easer [start] // Setup for easer [start]
// --------------------------------- // ---------------------------------
if(isTouchDevice() == true){ if(isTouchDevice() == true){
document.getElementById('dlgGomu_dspOK').addEventListener('touchstart',touchStart_BtnOk_Gomu,false); document.getElementById('dlgGomu_dspOK').addEventListener('touchstart',touchStart_BtnOk_Gomu,false);
document.getElementById('dlgGomu_dspCancel').addEventListener('touchstart',touchStart_BtnCancel_Gomu,false); document.getElementById('dlgGomu_dspCancel').addEventListener('touchstart',touchStart_BtnCancel_Gomu,false);
} }
$("#dlgGomu_dspOK").click(dlgGomu_dspOK_click); $("#dlgGomu_dspOK").click(dlgGomu_dspOK_click);
$("#dlgGomu_dspCancel").click(dlgGomu_dspCancel_click); $("#dlgGomu_dspCancel").click(dlgGomu_dspCancel_click);
// Event for radio // Event for radio
$("#dlgGomu_rdo1").click(dlgGomu_rdo1_click); $("#dlgGomu_rdo1").click(dlgGomu_rdo1_click);
$("#dlgGomu_rdo2").click(dlgGomu_rdo2_click); $("#dlgGomu_rdo2").click(dlgGomu_rdo2_click);
$("#dlgGomu_rdo3").click(dlgGomu_rdo3_click); $("#dlgGomu_rdo3").click(dlgGomu_rdo3_click);
$("#dlgGomu_rdo4").click(dlgGomu_rdo4_click); $("#dlgGomu_rdo4").click(dlgGomu_rdo4_click);
// $("#dlgGomu_rdo1_text").click(dlgGomu_rdo1_text_click); // $("#dlgGomu_rdo1_text").click(dlgGomu_rdo1_text_click);
// $("#dlgGomu_rdo2_text").click(dlgGomu_rdo2_text_click); // $("#dlgGomu_rdo2_text").click(dlgGomu_rdo2_text_click);
// $("#dlgGomu_rdo3_text").click(dlgGomu_rdo3_text_click); // $("#dlgGomu_rdo3_text").click(dlgGomu_rdo3_text_click);
// $("#dlgGomu_rdo4_text").click(dlgGomu_rdo4_text_click); // $("#dlgGomu_rdo4_text").click(dlgGomu_rdo4_text_click);
//$('#dlgGomu_rdo1_text').click() //$('#dlgGomu_rdo1_text').click()
// --------------------------------- // ---------------------------------
// Setup for easer [ end ] // Setup for easer [ end ]
// --------------------------------- // ---------------------------------
/*$('#dlgGomu').dialog({ /*$('#dlgGomu').dialog({
autoOpen: false, autoOpen: false,
title: i18nText('txtDltOpt'), title: i18nText('txtDltOpt'),
modal: true, modal: true,
resizable: false, resizable: false,
width: 450, width: 450,
height: 300 height: 300
});*/ });*/
}); });
/// =============================================================================================== /// ===============================================================================================
/// Eraser group [ end ] /// Eraser group [ end ]
/// =============================================================================================== /// ===============================================================================================
\ No newline at end of file
abvw/js/contentview_InitObjects.js

/// <reference path="../common/js/jquery-ui-1.8.23.custom.min.js" /> /// <reference path="../common/js/jquery-ui-1.8.23.custom.min.js" />
/// <reference path="../common/js/common.js" /> /// <reference path="../common/js/common.js" />
......
abvw/js/contentview_Maker.js
/// =============================================================================================== /// ===============================================================================================
/// Maker group [start] /// Maker group [start]
/// =============================================================================================== /// ===============================================================================================
var Maker_colorSource = []; var Maker_colorSource = [];
Maker_colorSource.push('ffffff', 'ffccc9', 'ffce93', Maker_colorSource.push('ffffff', 'ffccc9', 'ffce93',
'fffc9e','ffffc7','9aff99','96fffb','cdffff', 'fffc9e','ffffc7','9aff99','96fffb','cdffff',
'cbcefb','cfcfcf','fd6864','fe996b','fffe65', 'cbcefb','cfcfcf','fd6864','fe996b','fffe65',
'fcff2f','67fd9a','38fff8','68fdff','9698ed', 'fcff2f','67fd9a','38fff8','68fdff','9698ed',
'c0c0c0','fe0000','f8a102','ffcc67','f8ff00', 'c0c0c0','fe0000','f8a102','ffcc67','f8ff00',
'34ff34','68cbd0','34cdf9','6665cd','9b9b9b', '34ff34','68cbd0','34cdf9','6665cd','9b9b9b',
'cb0000','f56b00','ffcb2f','ffc702','32cb00', 'cb0000','f56b00','ffcb2f','ffc702','32cb00',
'00d2cb','3166ff','6434fc','656565','9a0000', '00d2cb','3166ff','6434fc','656565','9a0000',
'ce6301','cd9934','999903','009901','329a9d', 'ce6301','cd9934','999903','009901','329a9d',
'3531ff','6200c9','343434','680100','963400', '3531ff','6200c9','343434','680100','963400',
'986536','646809','036400','34696d','00009b', '986536','646809','036400','34696d','00009b',
'303498','000000','330001','643403','663234', '303498','000000','330001','643403','663234',
'343300','013300','003532','010066','340096'); '343300','013300','003532','010066','340096');
var maker_Size; var maker_Size;
var maker_color; var maker_color;
var maker_targetDiv; var maker_targetDiv;
var maker_chooseColor; var maker_chooseColor;
function ShowMaker(targetId){ function ShowMaker(targetId){
maker_targetDiv = targetId; maker_targetDiv = targetId;
maker_targetDiv.html(''); maker_targetDiv.html('');
targetId.append( targetId.append(
'<div id="panel-maker" class="rayermenu1">' '<div id="panel-maker" class="rayermenu1">'
+' <div id="panel-maker-size">' +' <div id="panel-maker-size">'
+' <span lang="txtMkgSize" class="lang" >太いさ</span>' +' <span lang="txtMkgSize" class="lang" >太いさ</span>'
+ ' <input type="radio" id="maker-size-small" name="maker-size" /><label for="maker-size-small" id="marker-small-text" class="lang" lang="txtMkgS">S</label>' + ' <input type="radio" id="maker-size-small" name="maker-size" /><label for="maker-size-small" id="marker-small-text" class="lang" lang="txtMkgS">S</label>'
+ ' <input type="radio" id="maker-size-medium" name="maker-size" /><label for="maker-size-medium" id="marker-medium-text" class="lang" lang="txtMkgM">M</label>' + ' <input type="radio" id="maker-size-medium" name="maker-size" /><label for="maker-size-medium" id="marker-medium-text" class="lang" lang="txtMkgM">M</label>'
+ ' <input type="radio" id="maker-size-large" name="maker-size" /><label for="maker-size-large" id="marker-large-text" class="lang" lang="txtMkgB">L</label>' + ' <input type="radio" id="maker-size-large" name="maker-size" /><label for="maker-size-large" id="marker-large-text" class="lang" lang="txtMkgB">L</label>'
+ ' <input type="radio" id="maker-size-oversize" name="maker-size" /><label for="maker-size-oversize" id="marker-oversize-text" class="lang" lang="txtMkgSB">XL</label>' + ' <input type="radio" id="maker-size-oversize" name="maker-size" /><label for="maker-size-oversize" id="marker-oversize-text" class="lang" lang="txtMkgSB">XL</label>'
+' </div>' +' </div>'
+' <span class="lang" lang="txtColor" style="float:left;margin-right: 10px;">Color</span>' +' <span class="lang" lang="txtColor" style="float:left;margin-right: 10px;">Color</span>'
+' <div id="makerColorPreview"></div>' +' <div id="makerColorPreview"></div>'
+' <div id="makerColorwrapper"></div>' +' <div id="makerColorwrapper"></div>'
+' <div class="canvasArea_s" style="width: 120px; height: 120px">' +' <div class="canvasArea_s" style="width: 120px; height: 120px">'
+' <canvas id="Maker_cvPreviewmaker" class="preview" width="120px" height="120px"></canvas>' +' <canvas id="Maker_cvPreviewmaker" class="preview" width="120px" height="120px"></canvas>'
+' </div>' +' </div>'
+' <div style="clear:both; padding-top:10px">' +' <div style="clear:both; padding-top:10px">'
+' <a id="Maker_btnCancel" class="lang cancelbtn" style="float:right;" lang="dspCancel">Cancel</a>' +' <a id="Maker_btnCancel" class="lang cancelbtn" style="float:right;" lang="dspCancel">Cancel</a>'
+' <a id="Maker_btnOk" class="lang cancelbtn" style="float:right; clear: none; margin-right:10px" lang="dspOK">OK</a>' +' <a id="Maker_btnOk" class="lang cancelbtn" style="float:right; clear: none; margin-right:10px" lang="dspOK">OK</a>'
+' </div>' +' </div>'
+'<div>' +'<div>'
); );
var colorWrapper = $('#makerColorwrapper'); var colorWrapper = $('#makerColorwrapper');
$.each(Maker_colorSource, function (i, maker_color) { $.each(Maker_colorSource, function (i, maker_color) {
colorWrapper.append('<div class="colorpicker" colorId="' + maker_color + '" style="background-color: #' + maker_color + ';"></div>'); colorWrapper.append('<div class="colorpicker" colorId="' + maker_color + '" style="background-color: #' + maker_color + ';"></div>');
}); });
i18nReplaceText(); i18nReplaceText();
// maker_targetDiv.fadeIn('medium',function(){ // maker_targetDiv.fadeIn('medium',function(){
// //lockLayout(); // //lockLayout();
// maker_targetDiv.draggable(); // maker_targetDiv.draggable();
// }); maker_targetDiv.show(); // });
maker_targetDiv.draggable(); maker_targetDiv.show();
Maker_handleColorPickerEvent(); maker_targetDiv.draggable();
Maker_handleColorPickerEvent();
$('#dlgMaker').center();
}; $('#dlgMaker').center();
};
function touchStart_BtnOk_Maker(e){
e.preventDefault(); function touchStart_BtnOk_Maker(e){
e.preventDefault();
Maker_dspOK_click();
}; Maker_dspOK_click();
};
function touchStart_BtnCancel_Maker(e){
e.preventDefault(); function touchStart_BtnCancel_Maker(e){
e.preventDefault();
Maker_dspCancel_click();
}; Maker_dspCancel_click();
};
function Maker_handleColorPickerEvent(){
function Maker_handleColorPickerEvent(){
//$('.colorpicker').live('mouseenter',Maker_colorPickerMouseEnterFunction);
//$('.colorpicker').live('mouseleave', Maker_colorPickerMouseLeaveFunction); //$('.colorpicker').live('mouseenter',Maker_colorPickerMouseEnterFunction);
//$('#makerColorwrapper').live('mouseleave', Maker_colorWrapperMouseLeaveFunction); //$('.colorpicker').live('mouseleave', Maker_colorPickerMouseLeaveFunction);
//$('#makerColorwrapper').live('mouseleave', Maker_colorWrapperMouseLeaveFunction);
if(avwUserEnvObj.os == "ipad" || avwUserEnvObj.os == "android"){
$('.colorpicker').unbind('mouseenter'); if(avwUserEnvObj.os == "ipad" || avwUserEnvObj.os == "android"){
$('.colorpicker').unbind('mouseleave'); $('.colorpicker').unbind('mouseenter');
$('#makerColorwrapper').unbind('mouseleave'); $('.colorpicker').unbind('mouseleave');
$('#makerColorwrapper').unbind('mouseleave');
document.getElementById('Maker_btnOk').addEventListener('touchstart',touchStart_BtnOk_Maker,false);
document.getElementById('Maker_btnCancel').addEventListener('touchstart',touchStart_BtnCancel_Maker,false); document.getElementById('Maker_btnOk').addEventListener('touchstart',touchStart_BtnOk_Maker,false);
} document.getElementById('Maker_btnCancel').addEventListener('touchstart',touchStart_BtnCancel_Maker,false);
else{ }
//alert('here'); else{
$('.colorpicker').unbind('mouseenter'); //alert('here');
$('.colorpicker').unbind('mouseleave'); $('.colorpicker').unbind('mouseenter');
$('#makerColorwrapper').unbind('mouseleave'); $('.colorpicker').unbind('mouseleave');
$('#makerColorwrapper').unbind('mouseleave');
$('.colorpicker').bind('mouseenter', Maker_colorPickerMouseEnterFunction);
$('.colorpicker').bind('mouseleave', Maker_colorPickerMouseLeaveFunction); $('.colorpicker').bind('mouseenter', Maker_colorPickerMouseEnterFunction);
$('#makerColorwrapper').bind('mouseleave', Maker_colorWrapperMouseLeaveFunction); $('.colorpicker').bind('mouseleave', Maker_colorPickerMouseLeaveFunction);
} $('#makerColorwrapper').bind('mouseleave', Maker_colorWrapperMouseLeaveFunction);
}
$('#Maker_btnOk').live('click', Maker_dspOK_click);
$('#Maker_btnCancel').live('click', Maker_dspCancel_click); $('#Maker_btnOk').live('click', Maker_dspOK_click);
$('#Maker_btnCancel').live('click', Maker_dspCancel_click);
Maker_SetDefaultValue();
Maker_SetDefaultValue();
$('#maker-size-small').live('click', Maker_rdo1_click);
$('#maker-size-medium').live('click', Maker_rdo2_click); $('#maker-size-small').live('click', Maker_rdo1_click);
$('#maker-size-large').live('click', Maker_rdo3_click); $('#maker-size-medium').live('click', Maker_rdo2_click);
$('#maker-size-oversize').live('click', Maker_rdo4_click); $('#maker-size-large').live('click', Maker_rdo3_click);
$('#maker-size-oversize').live('click', Maker_rdo4_click);
$('#marker-small-text').live('click', markerSmallTextClick);
$('#marker-medium-text').live('click', markerMediumTextClick); $('#marker-small-text').live('click', markerSmallTextClick);
$('#marker-large-text').live('click', markerLargeTextClick); $('#marker-medium-text').live('click', markerMediumTextClick);
$('#marker-oversize-text').live('click', markerOversizeTextClick); $('#marker-large-text').live('click', markerLargeTextClick);
$('#marker-oversize-text').live('click', markerOversizeTextClick);
$('.colorpicker').live('click', Maker_colorPickerClickFunction);
$("#avw-sys-modal").click (function () { $('.colorpicker').live('click', Maker_colorPickerClickFunction);
maker_targetDiv.fadeOut('medium',function(){ $("#avw-sys-modal").click (function () {
//unlockLayout(); maker_targetDiv.fadeOut('medium',function(){
}); //unlockLayout();
}); });
}; });
};
function markerSmallTextClick(){
$('#maker-size-small').attr('checked','checked'); function markerSmallTextClick(){
$('#maker-size-medium').removeAttr('checked'); $('#maker-size-small').attr('checked','checked');
$('#maker-size-large').removeAttr('checked'); $('#maker-size-medium').removeAttr('checked');
$('#maker-size-oversize').removeAttr('checked'); $('#maker-size-large').removeAttr('checked');
Maker_rdo1_click(); $('#maker-size-oversize').removeAttr('checked');
}; Maker_rdo1_click();
};
function markerMediumTextClick(){
$('#maker-size-small').removeAttr('checked'); function markerMediumTextClick(){
$('#maker-size-medium').attr('checked','checked'); $('#maker-size-small').removeAttr('checked');
$('#maker-size-large').removeAttr('checked'); $('#maker-size-medium').attr('checked','checked');
$('#maker-size-oversize').removeAttr('checked'); $('#maker-size-large').removeAttr('checked');
Maker_rdo2_click(); $('#maker-size-oversize').removeAttr('checked');
}; Maker_rdo2_click();
};
function markerLargeTextClick(){
$('#maker-size-small').removeAttr('checked'); function markerLargeTextClick(){
$('#maker-size-medium').removeAttr('checked'); $('#maker-size-small').removeAttr('checked');
$('#maker-size-large').attr('checked','checked'); $('#maker-size-medium').removeAttr('checked');
$('#maker-size-oversize').removeAttr('checked'); $('#maker-size-large').attr('checked','checked');
Maker_rdo3_click(); $('#maker-size-oversize').removeAttr('checked');
}; Maker_rdo3_click();
};
function markerOversizeTextClick(){
$('#maker-size-small').removeAttr('checked'); function markerOversizeTextClick(){
$('#maker-size-medium').removeAttr('checked'); $('#maker-size-small').removeAttr('checked');
$('#maker-size-large').removeAttr('checked'); $('#maker-size-medium').removeAttr('checked');
$('#maker-size-oversize').attr('checked','checked'); $('#maker-size-large').removeAttr('checked');
Maker_rdo4_click(); $('#maker-size-oversize').attr('checked','checked');
}; Maker_rdo4_click();
};
// Choose type of eraser, and draw to canvas
function Maker_chooseType(typeValue, color) { // Choose type of eraser, and draw to canvas
var fillColor; function Maker_chooseType(typeValue, color) {
maker_Size = typeValue; var fillColor;
var canvas = document.getElementById('Maker_cvPreviewmaker'); maker_Size = typeValue;
var canvas = document.getElementById('Maker_cvPreviewmaker');
if(color == null || color == 'undefined'){
fillColor = "f8ff00"; if(color == null || color == 'undefined'){
} fillColor = "f8ff00";
else{ }
fillColor = '#'+ color; else{
} fillColor = '#'+ color;
}
if (canvas.getContext) {
if (canvas.getContext) {
// use getContext to use the canvas for drawing
var ctx = canvas.getContext('2d'); // use getContext to use the canvas for drawing
var ctx = canvas.getContext('2d');
// Draw shapes
//ctx.fillStyle = "#888888"; // Draw shapes
ctx.clearRect(0, 0, canvas.width, canvas.height); //ctx.fillStyle = "#888888";
ctx.clearRect(0, 0, canvas.width, canvas.height);
ctx.fillStyle = fillColor;
ctx.strokeStyle = fillColor; ctx.fillStyle = fillColor;
ctx.fillRect((eval(canvas.width)/2) - (eval(typeValue)/2), (eval(canvas.height)/2) - (eval(typeValue)/2), typeValue, typeValue); ctx.strokeStyle = fillColor;
} ctx.fillRect((eval(canvas.width)/2) - (eval(typeValue)/2), (eval(canvas.height)/2) - (eval(typeValue)/2), typeValue, typeValue);
}; }
};
// Set default value for maker.
function Maker_SetDefaultValue() { // Set default value for maker.
var typeValue = undefined; function Maker_SetDefaultValue() {
var makerColor = ClientData.maker_color(); var typeValue = undefined;
typeValue = ClientData.maker_size(); var makerColor = ClientData.maker_color();
maker_Size = typeValue; typeValue = ClientData.maker_size();
maker_Size = typeValue;
if(makerColor != null || makerColor != undefined){
maker_chooseColor = makerColor; if(makerColor != null || makerColor != undefined){
} maker_chooseColor = makerColor;
else{ }
maker_chooseColor = 'f8ff00'; else{
makerColor = 'f8ff00'; maker_chooseColor = 'f8ff00';
} makerColor = 'f8ff00';
}
if (typeValue == 5) {
$("#maker-size-small").attr('checked', 'checked'); if (typeValue == 5) {
$("#maker-size-small").focus(); $("#maker-size-small").attr('checked', 'checked');
} $("#maker-size-small").focus();
else if (typeValue == 12.5) { }
$("#maker-size-medium").attr('checked', 'checked'); else if (typeValue == 12.5) {
$("#maker-size-medium").focus(); $("#maker-size-medium").attr('checked', 'checked');
} $("#maker-size-medium").focus();
else if (typeValue == 25) { }
$("#maker-size-large").attr('checked', 'checked'); else if (typeValue == 25) {
$("#maker-size-large").focus(); $("#maker-size-large").attr('checked', 'checked');
} $("#maker-size-large").focus();
else if (typeValue == 50) { }
$("#maker-size-oversize").attr('checked', 'checked'); else if (typeValue == 50) {
$("#maker-size-oversize").focus(); $("#maker-size-oversize").attr('checked', 'checked');
} $("#maker-size-oversize").focus();
else { }
maker_Size = 10; else {
$("#maker-size-small").attr('checked', 'checked'); maker_Size = 10;
$("#maker-size-small").focus(); $("#maker-size-small").attr('checked', 'checked');
} $("#maker-size-small").focus();
}
$('.colorpicker[colorId="'+makerColor+'"]').css('border','1px solid black');
$('#makerColorPreview').css('background-color', '#'+makerColor); $('.colorpicker[colorId="'+makerColor+'"]').css('border','1px solid black');
$('#makerColorPreview').css('border-color', '#'+makerColor); $('#makerColorPreview').css('background-color', '#'+makerColor);
Maker_chooseType(maker_Size, makerColor); $('#makerColorPreview').css('border-color', '#'+makerColor);
Maker_chooseType(maker_Size, makerColor);
};
};
function Maker_colorPickerMouseLeaveFunction() {
$(this).css('border','1px solid white'); function Maker_colorPickerMouseLeaveFunction() {
$('.colorpicker[colorId="' + maker_chooseColor + '"]').css('border', '1px solid black'); $(this).css('border','1px solid white');
}; $('.colorpicker[colorId="' + maker_chooseColor + '"]').css('border', '1px solid black');
};
function Maker_colorPickerMouseEnterFunction() {
$(this).css('border','1px solid black'); function Maker_colorPickerMouseEnterFunction() {
var color = $(this).attr('colorId'); $(this).css('border','1px solid black');
Maker_chooseType(maker_Size, color); var color = $(this).attr('colorId');
$('#makerColorPreview').css('background-color','#'+color); Maker_chooseType(maker_Size, color);
$('#makerColorPreview').css('border-color','#'+color); $('#makerColorPreview').css('background-color','#'+color);
}; $('#makerColorPreview').css('border-color','#'+color);
};
function Maker_colorPickerClickFunction() {
$('.colorpicker[colorId="' + maker_chooseColor + '"]').css('border', '1px solid white'); function Maker_colorPickerClickFunction() {
$(this).css('border','1px solid black'); $('.colorpicker[colorId="' + maker_chooseColor + '"]').css('border', '1px solid white');
maker_chooseColor = $(this).attr('colorId'); $(this).css('border','1px solid black');
maker_chooseColor = $(this).attr('colorId');
Maker_chooseType(maker_Size, maker_chooseColor);
$('#makerColorPreview').css('background-color','#'+maker_chooseColor); Maker_chooseType(maker_Size, maker_chooseColor);
$('#makerColorPreview').css('border-color','#'+maker_chooseColor); $('#makerColorPreview').css('background-color','#'+maker_chooseColor);
}; $('#makerColorPreview').css('border-color','#'+maker_chooseColor);
};
function Maker_rdo1_click() {
Maker_chooseType(5, maker_chooseColor); function Maker_rdo1_click() {
}; Maker_chooseType(5, maker_chooseColor);
function Maker_rdo2_click() { };
Maker_chooseType(12.5, maker_chooseColor); function Maker_rdo2_click() {
}; Maker_chooseType(12.5, maker_chooseColor);
function Maker_rdo3_click() { };
Maker_chooseType(25, maker_chooseColor); function Maker_rdo3_click() {
}; Maker_chooseType(25, maker_chooseColor);
function Maker_rdo4_click() { };
Maker_chooseType(50, maker_chooseColor); function Maker_rdo4_click() {
}; Maker_chooseType(50, maker_chooseColor);
};
// Event of button OK
function Maker_dspOK_click() { // Event of button OK
function Maker_dspOK_click() {
// Set selected value to local storage
var typeValue = undefined; // Set selected value to local storage
var typeValue = undefined;
if ($("#maker-size-small").attr('checked') == 'checked') {
typeValue = 5; if ($("#maker-size-small").attr('checked') == 'checked') {
} typeValue = 5;
else if ($("#maker-size-medium").attr('checked') == 'checked') { }
typeValue = 12.5; else if ($("#maker-size-medium").attr('checked') == 'checked') {
} typeValue = 12.5;
else if ($("#maker-size-large").attr('checked') == 'checked') { }
typeValue = 25; else if ($("#maker-size-large").attr('checked') == 'checked') {
} typeValue = 25;
else if ($("#maker-size-oversize").attr('checked') == 'checked') { }
typeValue = 50; else if ($("#maker-size-oversize").attr('checked') == 'checked') {
} typeValue = 50;
}
if(ClientData.maker_color() != maker_chooseColor){
imgMarkerTemp = canvas_marker.toDataURL("image/png;"); if(ClientData.maker_color() != maker_chooseColor){
imgMarkerTemp = canvas_marker.toDataURL("image/png;");
var img = new Image();
img.onload = function () { var img = new Image();
context_draw.drawImage(img, 0, 0, canvas_draw.width, canvas_draw.height); img.onload = function () {
}; context_draw.drawImage(img, 0, 0, canvas_draw.width, canvas_draw.height);
img.src = imgMarkerTemp; };
img.src = imgMarkerTemp;
context_marker.clearRect(0, 0, canvas_marker.width, canvas_marker.height);
context_marker.clearRect(0, 0, canvas_marker.width, canvas_marker.height);
ClientData.maker_color();
} ClientData.maker_color();
// Set value to local }
ClientData.maker_size(typeValue); // Set value to local
ClientData.maker_color(maker_chooseColor); ClientData.maker_size(typeValue);
maker_Size = typeValue; ClientData.maker_color(maker_chooseColor);
makerColor = maker_chooseColor; maker_Size = typeValue;
makerColor = maker_chooseColor;
// Close dialog
/*maker_targetDiv.fadeOut('medium',function(){ // Close dialog
$("#avw-sys-modal").hide(); /*maker_targetDiv.fadeOut('medium',function(){
});*/ $("#avw-sys-modal").hide();
maker_targetDiv.hide(); });*/
maker_targetDiv.hide();
/*enable button */
enableButtonMarking(); /*enable button */
ClientData.IsAddingMarking(true); enableButtonMarking();
isAddingMarking = ClientData.IsAddingMarking(); ClientData.IsAddingMarking(true);
makerSize = ClientData.maker_size(); isAddingMarking = ClientData.IsAddingMarking();
makerColor = ClientData.maker_color(); makerSize = ClientData.maker_size();
makerColor = ClientData.maker_color();
/* unlock dialog overlay */
$("#overlay").hide(); /* unlock dialog overlay */
$("#overlay").hide();
$('#dlgMarking_imgMakerOption').removeClass();
$('#dlgMarking_imgMakerOption').addClass('maker_option_hover'); $('#dlgMarking_imgMakerOption').removeClass();
}; $('#dlgMarking_imgMakerOption').addClass('maker_option_hover');
};
// Event of button cancel
function Maker_dspCancel_click() { // Event of button cancel
function Maker_dspCancel_click() {
// Close dialog
/*maker_targetDiv.fadeOut('medium',function(){ // Close dialog
$("#avw-sys-modal").hide(); /*maker_targetDiv.fadeOut('medium',function(){
});*/ $("#avw-sys-modal").hide();
maker_targetDiv.hide(); });*/
/*enable button */ maker_targetDiv.hide();
enableButtonMarking(); /*enable button */
ClientData.IsAddingMarking(true); enableButtonMarking();
isAddingMarking = ClientData.IsAddingMarking(); ClientData.IsAddingMarking(true);
isAddingMarking = ClientData.IsAddingMarking();
/* unlock dialog overlay */
$("#overlay").hide(); /* unlock dialog overlay */
$("#overlay").hide();
$('#dlgMarking_imgMakerOption').removeClass();
$('#dlgMarking_imgMakerOption').addClass('maker_option_hover'); $('#dlgMarking_imgMakerOption').removeClass();
}; $('#dlgMarking_imgMakerOption').addClass('maker_option_hover');
};
function Maker_colorWrapperMouseLeaveFunction() {
Maker_chooseType(maker_Size, maker_chooseColor); function Maker_colorWrapperMouseLeaveFunction() {
Maker_chooseType(maker_Size, maker_chooseColor);
$('#makerColorPreview').css('background-color', '#' + maker_chooseColor);
$('#makerColorPreview').css('border-color', '#' + maker_chooseColor); $('#makerColorPreview').css('background-color', '#' + maker_chooseColor);
$('.colorpicker[colorId="' + maker_chooseColor + '"]').css('border', '1px solid black'); $('#makerColorPreview').css('border-color', '#' + maker_chooseColor);
$('.colorpicker[colorId="' + maker_chooseColor + '"]').css('border', '1px solid black');
};
};
/// ===============================================================================================
/// Maker group [ end ] /// ===============================================================================================
/// Maker group [ end ]
/// =============================================================================================== /// ===============================================================================================
\ No newline at end of file
abvw/js/contentview_Pen.js
/// =============================================================================================== /// ===============================================================================================
/// Pen group [start] /// Pen group [start]
/// =============================================================================================== /// ===============================================================================================
var Pen_colorSource = []; var Pen_colorSource = [];
Pen_colorSource.push('ffffff', 'ffccc9', 'ffce93', Pen_colorSource.push('ffffff', 'ffccc9', 'ffce93',
'fffc9e','ffffc7','9aff99','96fffb','cdffff', 'fffc9e','ffffc7','9aff99','96fffb','cdffff',
'cbcefb','cfcfcf','fd6864','fe996b','fffe65', 'cbcefb','cfcfcf','fd6864','fe996b','fffe65',
'fcff2f','67fd9a','38fff8','68fdff','9698ed', 'fcff2f','67fd9a','38fff8','68fdff','9698ed',
'c0c0c0','fe0000','f8a102','ffcc67','f8ff00', 'c0c0c0','fe0000','f8a102','ffcc67','f8ff00',
'34ff34','68cbd0','34cdf9','6665cd','9b9b9b', '34ff34','68cbd0','34cdf9','6665cd','9b9b9b',
'cb0000','f56b00','ffcb2f','ffc702','32cb00', 'cb0000','f56b00','ffcb2f','ffc702','32cb00',
'00d2cb','3166ff','6434fc','656565','9a0000', '00d2cb','3166ff','6434fc','656565','9a0000',
'ce6301','cd9934','999903','009901','329a9d', 'ce6301','cd9934','999903','009901','329a9d',
'3531ff','6200c9','343434','680100','963400', '3531ff','6200c9','343434','680100','963400',
'986536','646809','036400','34696d','00009b', '986536','646809','036400','34696d','00009b',
'303498','000000','330001','643403','663234', '303498','000000','330001','643403','663234',
'343300','013300','003532','010066','340096'); '343300','013300','003532','010066','340096');
var pen_Size; var pen_Size;
var pen_Color; var pen_Color;
var pen_targetDiv; var pen_targetDiv;
var pen_chooseColor; var pen_chooseColor;
function ShowPen(targetId) { function ShowPen(targetId) {
pen_targetDiv = targetId; pen_targetDiv = targetId;
pen_targetDiv.children().remove(); pen_targetDiv.children().remove();
targetId.append( targetId.append(
'<div id="panel-pen" class="rayermenu1">' '<div id="panel-pen" class="rayermenu1">'
+' <div id="panel-pen-size">' +' <div id="panel-pen-size">'
+' <span lang="txtMkgSize" class="lang" >太いさ</span>' +' <span lang="txtMkgSize" class="lang" >太いさ</span>'
+ ' <input type="radio" id="pen-size-small" name="pen-size" /><label for="pen-size-small" id="pen-small-text" class="lang" lang="txtMkgS">S</label>' + ' <input type="radio" id="pen-size-small" name="pen-size" /><label for="pen-size-small" id="pen-small-text" class="lang" lang="txtMkgS">S</label>'
+ ' <input type="radio" id="pen-size-medium" name="pen-size" /><label for="pen-size-medium" id="pen-medium-text" class="lang" lang="txtMkgM">M</label>' + ' <input type="radio" id="pen-size-medium" name="pen-size" /><label for="pen-size-medium" id="pen-medium-text" class="lang" lang="txtMkgM">M</label>'
+ ' <input type="radio" id="pen-size-large" name="pen-size" /><label for="pen-size-large" id="pen-large-text" class="lang" lang="txtMkgB">L</label>' + ' <input type="radio" id="pen-size-large" name="pen-size" /><label for="pen-size-large" id="pen-large-text" class="lang" lang="txtMkgB">L</label>'
+ ' <input type="radio" id="pen-size-oversize" name="pen-size" /><label for="pen-size-oversize" id="pen-oversize-text" class="lang" lang="txtMkgSB">XL</label>' + ' <input type="radio" id="pen-size-oversize" name="pen-size" /><label for="pen-size-oversize" id="pen-oversize-text" class="lang" lang="txtMkgSB">XL</label>'
+' </div>' +' </div>'
+' <span class="lang" lang="txtColor" style="float:left;margin-right: 10px;">Color</span>' +' <span class="lang" lang="txtColor" style="float:left;margin-right: 10px;">Color</span>'
+' <div id="penColorPreview"></div>' +' <div id="penColorPreview"></div>'
+' <div id="penColorwrapper"></div>' +' <div id="penColorwrapper"></div>'
+' <div class="canvasArea_s" style="width: 120px; height: 120px">' +' <div class="canvasArea_s" style="width: 120px; height: 120px">'
+' <canvas id="Pen_cvPreviewPen" class="preview" width="120px" height="120px"></canvas>' +' <canvas id="Pen_cvPreviewPen" class="preview" width="120px" height="120px"></canvas>'
+' </div>' +' </div>'
+' <div style="clear:both; padding-top:10px">' +' <div style="clear:both; padding-top:10px">'
+' <a id="Pen_btnCancel" class="lang cancelbtn" style="float:right;" lang="dspCancel">Cancel</a>' +' <a id="Pen_btnCancel" class="lang cancelbtn" style="float:right;" lang="dspCancel">Cancel</a>'
+' <a id="Pen_btnOk" class="lang cancelbtn" style="float:right; clear: none; margin-right:10px" lang="dspOK">OK</a>' +' <a id="Pen_btnOk" class="lang cancelbtn" style="float:right; clear: none; margin-right:10px" lang="dspOK">OK</a>'
+' </div>' +' </div>'
+'<div>' +'<div>'
); );
var colorWrapper = $('#penColorwrapper'); var colorWrapper = $('#penColorwrapper');
$.each(Pen_colorSource, function (i, pen_Color) { $.each(Pen_colorSource, function (i, pen_Color) {
colorWrapper.append('<div class="colorpicker" colorId="' + pen_Color + '" style="background-color: #' + pen_Color + ';"></div>'); colorWrapper.append('<div class="colorpicker" colorId="' + pen_Color + '" style="background-color: #' + pen_Color + ';"></div>');
}); });
//changeLanguage(ClientData.userInfo_language()); //changeLanguage(ClientData.userInfo_language());
i18nReplaceText(); i18nReplaceText();
// pen_targetDiv.dialog({ width: 510, height: 390, modal: true }); // pen_targetDiv.dialog({ width: 510, height: 390, modal: true });
// pen_targetDiv.fadeIn('medium',function(){ // pen_targetDiv.fadeIn('medium',function(){
// //lockLayout(); // //lockLayout();
// pen_targetDiv.draggable({ containment: "#containment-wrapper", scroll: false }); // pen_targetDiv.draggable({ containment: "#containment-wrapper", scroll: false });
// }); pen_targetDiv.show(); // });
//pen_targetDiv.draggable({ containment: "#Pen_btnOk", scroll: false }); pen_targetDiv.show();
pen_targetDiv.draggable({ revert: false}); //pen_targetDiv.draggable({ containment: "#Pen_btnOk", scroll: false });
Pen_handleColorPickerEvent(); pen_targetDiv.draggable({ revert: false});
Pen_handleColorPickerEvent();
$('#dlgPen').center();
}; $('#dlgPen').center();
};
function touchStart_BtnOk_Pen(e){
e.preventDefault(); function touchStart_BtnOk_Pen(e){
pen_targetDiv.draggable("destroy"); e.preventDefault();
pen_targetDiv.draggable("destroy");
Pen_dspOK_click();
}; Pen_dspOK_click();
};
function touchStart_BtnCancel_Pen(e){
e.preventDefault(); function touchStart_BtnCancel_Pen(e){
pen_targetDiv.draggable("destroy"); e.preventDefault();
pen_targetDiv.draggable("destroy");
Pen_dspCancel_click();
}; Pen_dspCancel_click();
};
function Pen_handleColorPickerEvent() {
function Pen_handleColorPickerEvent() {
//$('.colorpicker').live('mouseenter', Pen_colorPickerMouseEnterFunction);
// $('.colorpicker').live('mouseleave', Pen_colorPickerMouseLeaveFunction); //$('.colorpicker').live('mouseenter', Pen_colorPickerMouseEnterFunction);
// $('#penColorwrapper').live('mouseleave', Pen_colorWrapperMouseLeaveFunction); // $('.colorpicker').live('mouseleave', Pen_colorPickerMouseLeaveFunction);
// $('#penColorwrapper').live('mouseleave', Pen_colorWrapperMouseLeaveFunction);
if(avwUserEnvObj.os == "ipad" || avwUserEnvObj.os == "android"){
$('.colorpicker').unbind('mouseenter'); if(avwUserEnvObj.os == "ipad" || avwUserEnvObj.os == "android"){
$('.colorpicker').unbind('mouseleave'); $('.colorpicker').unbind('mouseenter');
$('#penColorwrapper').unbind('mouseleave'); $('.colorpicker').unbind('mouseleave');
document.getElementById('Pen_btnOk').addEventListener('touchstart',touchStart_BtnOk_Pen,false); $('#penColorwrapper').unbind('mouseleave');
document.getElementById('Pen_btnCancel').addEventListener('touchstart',touchStart_BtnCancel_Pen,false); document.getElementById('Pen_btnOk').addEventListener('touchstart',touchStart_BtnOk_Pen,false);
} document.getElementById('Pen_btnCancel').addEventListener('touchstart',touchStart_BtnCancel_Pen,false);
else{ }
else{
$('.colorpicker').unbind('mouseenter');
$('.colorpicker').unbind('mouseleave'); $('.colorpicker').unbind('mouseenter');
$('#penColorwrapper').unbind('mouseleave'); $('.colorpicker').unbind('mouseleave');
$('#penColorwrapper').unbind('mouseleave');
$('.colorpicker').bind('mouseenter', Pen_colorPickerMouseEnterFunction);
$('.colorpicker').bind('mouseleave', Pen_colorPickerMouseLeaveFunction); $('.colorpicker').bind('mouseenter', Pen_colorPickerMouseEnterFunction);
$('#penColorwrapper').bind('mouseleave', Pen_colorWrapperMouseLeaveFunction); $('.colorpicker').bind('mouseleave', Pen_colorPickerMouseLeaveFunction);
} $('#penColorwrapper').bind('mouseleave', Pen_colorWrapperMouseLeaveFunction);
}
$('#Pen_btnOk').live('click', Pen_dspOK_click);
$('#Pen_btnCancel').live('click', Pen_dspCancel_click); $('#Pen_btnOk').live('click', Pen_dspOK_click);
$('#Pen_btnCancel').live('click', Pen_dspCancel_click);
Pen_SetDefaultValue();
Pen_SetDefaultValue();
$('#pen-size-small').live('click', Pen_rdo1_click);
$('#pen-size-medium').live('click', Pen_rdo2_click); $('#pen-size-small').live('click', Pen_rdo1_click);
$('#pen-size-large').live('click', Pen_rdo3_click); $('#pen-size-medium').live('click', Pen_rdo2_click);
$('#pen-size-oversize').live('click', Pen_rdo4_click); $('#pen-size-large').live('click', Pen_rdo3_click);
$('#pen-size-oversize').live('click', Pen_rdo4_click);
$('#pen-small-text').live('click', penSmallTextClick);
$('#pen-medium-text').live('click', penMediumTextClick); $('#pen-small-text').live('click', penSmallTextClick);
$('#pen-large-text').live('click', penLargeTextClick); $('#pen-medium-text').live('click', penMediumTextClick);
$('#pen-oversize-text').live('click', penOversizeTextClick); $('#pen-large-text').live('click', penLargeTextClick);
$('#pen-oversize-text').live('click', penOversizeTextClick);
$('.colorpicker').live('click', Pen_colorPickerClickFunction);
//$('#penColorwrapper').live('mouseleave', Pen_colorWrapperMouseLeaveFunction); $('.colorpicker').live('click', Pen_colorPickerClickFunction);
$("#avw-sys-modal").click (function () { //$('#penColorwrapper').live('mouseleave', Pen_colorWrapperMouseLeaveFunction);
// pen_targetDiv.fadeOut('medium',function(){ $("#avw-sys-modal").click (function () {
// //unlockLayout(); // pen_targetDiv.fadeOut('medium',function(){
// }); pen_targetDiv.show(); // //unlockLayout();
}); // });
}; pen_targetDiv.show();
});
function penSmallTextClick(){ };
$('#pen-size-small').attr('checked','checked');
$('#pen-size-medium').removeAttr('checked'); function penSmallTextClick(){
$('#pen-size-large').removeAttr('checked'); $('#pen-size-small').attr('checked','checked');
$('#pen-size-oversize').removeAttr('checked'); $('#pen-size-medium').removeAttr('checked');
Pen_rdo1_click(); $('#pen-size-large').removeAttr('checked');
}; $('#pen-size-oversize').removeAttr('checked');
Pen_rdo1_click();
function penMediumTextClick(){ };
$('#pen-size-small').removeAttr('checked');
$('#pen-size-medium').attr('checked','checked'); function penMediumTextClick(){
$('#pen-size-large').removeAttr('checked'); $('#pen-size-small').removeAttr('checked');
$('#pen-size-oversize').removeAttr('checked'); $('#pen-size-medium').attr('checked','checked');
Pen_rdo2_click(); $('#pen-size-large').removeAttr('checked');
}; $('#pen-size-oversize').removeAttr('checked');
Pen_rdo2_click();
function penLargeTextClick(){ };
$('#pen-size-small').removeAttr('checked');
$('#pen-size-medium').removeAttr('checked'); function penLargeTextClick(){
$('#pen-size-large').attr('checked','checked'); $('#pen-size-small').removeAttr('checked');
$('#pen-size-oversize').removeAttr('checked'); $('#pen-size-medium').removeAttr('checked');
Pen_rdo3_click(); $('#pen-size-large').attr('checked','checked');
}; $('#pen-size-oversize').removeAttr('checked');
Pen_rdo3_click();
function penOversizeTextClick(){ };
$('#pen-size-small').removeAttr('checked');
$('#pen-size-medium').removeAttr('checked'); function penOversizeTextClick(){
$('#pen-size-large').removeAttr('checked'); $('#pen-size-small').removeAttr('checked');
$('#pen-size-oversize').attr('checked','checked'); $('#pen-size-medium').removeAttr('checked');
Pen_rdo4_click(); $('#pen-size-large').removeAttr('checked');
}; $('#pen-size-oversize').attr('checked','checked');
Pen_rdo4_click();
};
// Choose type of eraser, and draw to canvas
function Pen_chooseType(typeValue, color) {
var fillColor; // Choose type of eraser, and draw to canvas
pen_Size = typeValue; function Pen_chooseType(typeValue, color) {
var canvas = document.getElementById('Pen_cvPreviewPen'); var fillColor;
pen_Size = typeValue;
if (color == null || color == 'undefined') { var canvas = document.getElementById('Pen_cvPreviewPen');
fillColor="#fe0000";
} if (color == null || color == 'undefined') {
else{ fillColor="#fe0000";
fillColor = '#' + color; }
} else{
fillColor = '#' + color;
if (canvas.getContext) { }
// use getContext to use the canvas for drawing if (canvas.getContext) {
var ctx = canvas.getContext('2d');
// use getContext to use the canvas for drawing
// Draw shapes var ctx = canvas.getContext('2d');
//ctx.fillStyle = "#888888";
//ctx.fillRect(0, 0, canvas.width, canvas.height); // Draw shapes
ctx.clearRect(0, 0, canvas.width, canvas.height); //ctx.fillStyle = "#888888";
//ctx.fillRect(0, 0, canvas.width, canvas.height);
ctx.beginPath(); ctx.clearRect(0, 0, canvas.width, canvas.height);
//ctx.arc(60, 60, typeValue, 0, Math.PI * 2, true); // Outer circle
ctx.beginPath();
ctx.arc(canvas.width/2, canvas.height/2, typeValue, 0, 2 * Math.PI, true); //ctx.arc(60, 60, typeValue, 0, Math.PI * 2, true); // Outer circle
ctx.fillStyle = fillColor;
ctx.strokeStyle = fillColor; ctx.arc(canvas.width/2, canvas.height/2, typeValue, 0, 2 * Math.PI, true);
ctx.fill(); ctx.fillStyle = fillColor;
ctx.stroke(); ctx.strokeStyle = fillColor;
} ctx.fill();
}; ctx.stroke();
}
// Set default value for Pen. };
function Pen_SetDefaultValue() {
var typeValue = undefined; // Set default value for Pen.
var penColor = ClientData.penOpt_color(); function Pen_SetDefaultValue() {
typeValue = ClientData.penOpt_size(); var typeValue = undefined;
pen_Size = typeValue; var penColor = ClientData.penOpt_color();
typeValue = ClientData.penOpt_size();
if(penColor != null || penColor != undefined){ pen_Size = typeValue;
pen_chooseColor = penColor;
} if(penColor != null || penColor != undefined){
else{ pen_chooseColor = penColor;
pen_chooseColor = 'fe0000'; }
penColor = 'fe0000'; else{
} pen_chooseColor = 'fe0000';
penColor = 'fe0000';
if (typeValue == 5) { }
$("#pen-size-small").attr('checked', 'checked');
$("#pen-size-small").focus(); if (typeValue == 5) {
} $("#pen-size-small").attr('checked', 'checked');
else if (typeValue == 12.5) { $("#pen-size-small").focus();
$("#pen-size-medium").attr('checked', 'checked'); }
$("#pen-size-medium").focus(); else if (typeValue == 12.5) {
} $("#pen-size-medium").attr('checked', 'checked');
else if (typeValue == 25) { $("#pen-size-medium").focus();
$("#pen-size-large").attr('checked', 'checked'); }
$("#pen-size-large").focus(); else if (typeValue == 25) {
} $("#pen-size-large").attr('checked', 'checked');
else if (typeValue == 50) { $("#pen-size-large").focus();
$("#pen-size-oversize").attr('checked', 'checked'); }
$("#pen-size-oversize").focus(); else if (typeValue == 50) {
} $("#pen-size-oversize").attr('checked', 'checked');
else { $("#pen-size-oversize").focus();
typeValue = 5; }
$("#pen-size-small").attr('checked', 'checked'); else {
$("#pen-size-small").focus(); typeValue = 5;
} $("#pen-size-small").attr('checked', 'checked');
$("#pen-size-small").focus();
Pen_chooseType(typeValue, penColor); }
$('.colorpicker[colorId="'+penColor+'"]').css('border','1px solid black');
$('#penColorPreview').css('background-color', '#'+penColor); Pen_chooseType(typeValue, penColor);
$('#penColorPreview').css('border-color', '#'+penColor); $('.colorpicker[colorId="'+penColor+'"]').css('border','1px solid black');
$('#penColorPreview').css('background-color', '#'+penColor);
}; $('#penColorPreview').css('border-color', '#'+penColor);
function Pen_colorPickerMouseLeaveFunction() { };
$(this).css('border','1px solid white'); function Pen_colorPickerMouseLeaveFunction() {
$('.colorpicker[colorId="' + pen_chooseColor + '"]').css('border', '1px solid black');
}; $(this).css('border','1px solid white');
$('.colorpicker[colorId="' + pen_chooseColor + '"]').css('border', '1px solid black');
function Pen_colorPickerMouseEnterFunction() { };
$(this).css('border','1px solid black'); function Pen_colorPickerMouseEnterFunction() {
var color = $(this).attr('colorId');
Pen_chooseType(pen_Size, color); $(this).css('border','1px solid black');
$('#penColorPreview').css('background-color','#'+color); var color = $(this).attr('colorId');
$('#penColorPreview').css('border-color','#'+color); Pen_chooseType(pen_Size, color);
}; $('#penColorPreview').css('background-color','#'+color);
$('#penColorPreview').css('border-color','#'+color);
function Pen_colorPickerClickFunction() { };
$('.colorpicker[colorId="' + pen_chooseColor + '"]').css('border', '1px solid white');
$(this).css('border','1px solid black'); function Pen_colorPickerClickFunction() {
pen_chooseColor = $(this).attr('colorId'); $('.colorpicker[colorId="' + pen_chooseColor + '"]').css('border', '1px solid white');
$(this).css('border','1px solid black');
Pen_chooseType(pen_Size, pen_chooseColor); pen_chooseColor = $(this).attr('colorId');
$('#penColorPreview').css('background-color','#'+pen_chooseColor);
$('#penColorPreview').css('border-color','#'+pen_chooseColor); Pen_chooseType(pen_Size, pen_chooseColor);
}; $('#penColorPreview').css('background-color','#'+pen_chooseColor);
$('#penColorPreview').css('border-color','#'+pen_chooseColor);
function Pen_rdo1_click() { };
Pen_chooseType(5, pen_chooseColor);
}; function Pen_rdo1_click() {
function Pen_rdo2_click() { Pen_chooseType(5, pen_chooseColor);
Pen_chooseType(12.5, pen_chooseColor); };
}; function Pen_rdo2_click() {
function Pen_rdo3_click() { Pen_chooseType(12.5, pen_chooseColor);
Pen_chooseType(25, pen_chooseColor); };
}; function Pen_rdo3_click() {
function Pen_rdo4_click() { Pen_chooseType(25, pen_chooseColor);
Pen_chooseType(50, pen_chooseColor); };
}; function Pen_rdo4_click() {
Pen_chooseType(50, pen_chooseColor);
// Event of button OK };
function Pen_dspOK_click() {
// Set selected value to local storage // Event of button OK
var typeValue = undefined; function Pen_dspOK_click() {
// Set selected value to local storage
if ($("#pen-size-small").attr('checked') == 'checked') { var typeValue = undefined;
typeValue = 5;
} if ($("#pen-size-small").attr('checked') == 'checked') {
else if ($("#pen-size-medium").attr('checked') == 'checked') { typeValue = 5;
typeValue = 12.5; }
} else if ($("#pen-size-medium").attr('checked') == 'checked') {
else if ($("#pen-size-large").attr('checked') == 'checked') { typeValue = 12.5;
typeValue = 25; }
} else if ($("#pen-size-large").attr('checked') == 'checked') {
else if ($("#pen-size-oversize").attr('checked') == 'checked') { typeValue = 25;
typeValue = 50; }
} else if ($("#pen-size-oversize").attr('checked') == 'checked') {
typeValue = 50;
}
// Set value to local
ClientData.penOpt_size(typeValue);
ClientData.penOpt_color(pen_chooseColor); // Set value to local
pen_Size = typeValue; ClientData.penOpt_size(typeValue);
//c = pen_chooseColor; ClientData.penOpt_color(pen_chooseColor);
pen_Size = typeValue;
/*enable button */ //c = pen_chooseColor;
enableButtonMarking();
ClientData.IsAddingMarking(true); /*enable button */
isAddingMarking = ClientData.IsAddingMarking(); enableButtonMarking();
penSize = ClientData.penOpt_size(); ClientData.IsAddingMarking(true);
penColor = ClientData.penOpt_color(); isAddingMarking = ClientData.IsAddingMarking();
penSize = ClientData.penOpt_size();
// Close dialog penColor = ClientData.penOpt_color();
//pen_targetDiv.dialog('close');
/*pen_targetDiv.fadeOut('medium',function(){ // Close dialog
$("#avw-sys-modal").hide(); //pen_targetDiv.dialog('close');
});*/ /*pen_targetDiv.fadeOut('medium',function(){
pen_targetDiv.hide(); $("#avw-sys-modal").hide();
});*/
/* unlock dialog overlay */ pen_targetDiv.hide();
$("#overlay").hide();
/* unlock dialog overlay */
$('#dlgMarking_imgPenOption').removeClass(); $("#overlay").hide();
$('#dlgMarking_imgPenOption').addClass('pen_option_hover');
}; $('#dlgMarking_imgPenOption').removeClass();
$('#dlgMarking_imgPenOption').addClass('pen_option_hover');
// Event of button cancel };
function Pen_dspCancel_click() {
/*enable button */ // Event of button cancel
enableButtonMarking(); function Pen_dspCancel_click() {
ClientData.IsAddingMarking(true); /*enable button */
isAddingMarking = ClientData.IsAddingMarking(); enableButtonMarking();
ClientData.IsAddingMarking(true);
// Close dialog isAddingMarking = ClientData.IsAddingMarking();
/*pen_targetDiv.fadeOut('slow',function(){
//unlockLayout(); // Close dialog
});*/ /*pen_targetDiv.fadeOut('slow',function(){
//unlockLayout();
pen_targetDiv.hide(); });*/
/* unlock dialog overlay */ pen_targetDiv.hide();
$("#overlay").hide();
/* unlock dialog overlay */
$('#dlgMarking_imgPenOption').removeClass(); $("#overlay").hide();
$('#dlgMarking_imgPenOption').addClass('pen_option_hover');
$('#dlgMarking_imgPenOption').removeClass();
}; $('#dlgMarking_imgPenOption').addClass('pen_option_hover');
function Pen_colorWrapperMouseLeaveFunction() { };
Pen_chooseType(pen_Size, pen_chooseColor);
$('#penColorPreview').css('background-color', '#' + pen_chooseColor); function Pen_colorWrapperMouseLeaveFunction() {
$('#penColorPreview').css('border-color', '#' + pen_chooseColor); Pen_chooseType(pen_Size, pen_chooseColor);
$('.colorpicker[colorId="' + pen_chooseColor + '"]').css('border', '1px solid black'); $('#penColorPreview').css('background-color', '#' + pen_chooseColor);
$('#penColorPreview').css('border-color', '#' + pen_chooseColor);
}; $('.colorpicker[colorId="' + pen_chooseColor + '"]').css('border', '1px solid black');
};
abvw/js/header.js
/// <reference path="../common/js/avweb.js" /> /// <reference path="../common/js/avweb.js" />
/// <reference path="../common/js/common.js" /> /// <reference path="../common/js/common.js" />
/// <reference path="../common/js/i18n.js" /> /// <reference path="../common/js/i18n.js" />
/// <reference path="../common/js/jquery-1.8.1.min.js" /> /// <reference path="../common/js/jquery-1.8.1.min.js" />
......
index.html
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
......
usermanual.html
...@@ -1575,7 +1575,7 @@ lang=EN-US><img width=567 height=463 src="usermanual.files/image004.png"></span> ...@@ -1575,7 +1575,7 @@ lang=EN-US><img width=567 height=463 src="usermanual.files/image004.png"></span>
<p class=MsoNormal><span lang=EN-US>&nbsp;</span></p> <p class=MsoNormal><span lang=EN-US>&nbsp;</span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>アカウント情報</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>����アカウント情報</span></p>
<table class=ListTable3Accent1 border=1 cellspacing=0 cellpadding=0 <table class=ListTable3Accent1 border=1 cellspacing=0 cellpadding=0
style='border-collapse:collapse;border:none'> style='border-collapse:collapse;border:none'>
...@@ -1628,7 +1628,7 @@ lang=EN-US><img width=567 height=463 src="usermanual.files/image004.png"></span> ...@@ -1628,7 +1628,7 @@ lang=EN-US><img width=567 height=463 src="usermanual.files/image004.png"></span>
<p class=MsoNormal><span lang=EN-US>&nbsp;</span></p> <p class=MsoNormal><span lang=EN-US>&nbsp;</span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>ログインボタン</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>����ログインボタン</span></p>
<table class=ListTable3Accent1 border=1 cellspacing=0 cellpadding=0 <table class=ListTable3Accent1 border=1 cellspacing=0 cellpadding=0
style='border-collapse:collapse;border:none'> style='border-collapse:collapse;border:none'>
...@@ -2184,11 +2184,11 @@ lang=EN-US>]</span><span style='font-family:"ｭｳ ｰ繧ｴ繧ｷ繝け"'>繝懊ち繝ｳ ...@@ -2184,11 +2184,11 @@ lang=EN-US>]</span><span style='font-family:"ｭｳ ｰ繧ｴ繧ｷ繝け"'>繝懊ち繝ｳ
<p class=MsoBodyText><span style='position:absolute;z-index:5;left:0px; <p class=MsoBodyText><span style='position:absolute;z-index:5;left:0px;
margin-left:83px;margin-top:28px;width:455px;height:76px'><img width=455 margin-left:83px;margin-top:28px;width:455px;height:76px'><img width=455
height=76 src="usermanual.files/image028.png" height=76 src="usermanual.files/image028.png"
alt="四角形吹き出し: 手順&#13;&#10;削除する対象が決まったら、削除ボタンをクリックします。&#13;&#10;ページ下にある［削除］ボタンでも働きは同じです。&#13;&#10;"></span><span alt="四角形吹き出し: 手順����&#13;&#10;削除する対象が決まったら、削除ボタンをクリックします。&#13;&#10;ページ下にある［削除］ボタンでも働きは同じです。&#13;&#10;"></span><span
style='position:absolute;z-index:4;left:0px;margin-left:38px;margin-top:139px; style='position:absolute;z-index:4;left:0px;margin-left:38px;margin-top:139px;
width:395px;height:117px'><img width=395 height=117 width:395px;height:117px'><img width=395 height=117
src="usermanual.files/image029.png" src="usermanual.files/image029.png"
alt="四角形吹き出し: 手順&#13;&#10;削除したいしおり付きページのチェックボックスをクリックして、選択します。&#13;&#10;"></span><span alt="四角形吹き出し: 手順����&#13;&#10;削除したいしおり付きページのチェックボックスをクリックして、選択します。&#13;&#10;"></span><span
lang=EN-US><img border=0 width=567 height=204 lang=EN-US><img border=0 width=567 height=204
src="usermanual.files/image030.jpg" alt=boookmark-delete></span></p> src="usermanual.files/image030.jpg" alt=boookmark-delete></span></p>
...@@ -2521,9 +2521,9 @@ style='font-family:"ｭｳ 繧ｴ繧ｷ繝け"'>鬆岼繧定ｨｭ螳壹☆繧</span><a name=繧 ...@@ -2521,9 +2521,9 @@ style='font-family:"ｭｳ 繧ｴ繧ｷ繝け"'>鬆岼繧定ｨｭ螳壹☆繧</span><a name=繧
none;border-bottom:solid #5B9BD5 1.0pt;border-right:solid #5B9BD5 1.0pt; none;border-bottom:solid #5B9BD5 1.0pt;border-right:solid #5B9BD5 1.0pt;
padding:0mm 5.4pt 0mm 5.4pt'> padding:0mm 5.4pt 0mm 5.4pt'>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>チェックがオンの場合、ログアウトしない状態で</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>チェックがオンの場合、ログアウトしない状態で</span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>ブラウザのタブを閉じる</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>����ブラウザのタブを閉じる</span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>ブラウザ自体を終了させる</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>����ブラウザ自体を終了させる</span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>最新の状態に更新や<span <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>����最新の状態に更新や<span
lang=EN-US>F5</span>ボタンを押す</span></p> lang=EN-US>F5</span>ボタンを押す</span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>ということをした場合、現在開いているページから移動するかしないかのアラートが表示されます。</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>ということをした場合、現在開いているページから移動するかしないかのアラートが表示されます。</span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>アラート上で「移動する」を選択した場合は、タブやブラウザを閉じたり、最新状態への更新が行われます。「留まる」を選択した場合は、何も起こらず元のページが表示されたままになります。</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>アラート上で「移動する」を選択した場合は、タブやブラウザを閉じたり、最新状態への更新が行われます。「留まる」を選択した場合は、何も起こらず元のページが表示されたままになります。</span></p>
...@@ -2834,7 +2834,7 @@ src="usermanual.files/image062.png"></span><span style='font-family:"ｭｳ ｰ ...@@ -2834,7 +2834,7 @@ src="usermanual.files/image062.png"></span><span style='font-family:"ｭｳ ｰ
<p class=MsoBodyText><span lang=EN-US>&nbsp;</span></p> <p class=MsoBodyText><span lang=EN-US>&nbsp;</span></p>
<p class=MsoBodyText><span style='font-family:"ＭＳ Ｐゴシック"'>　　　最初のページに移動</span></p> <p class=MsoBodyText><span style='font-family:"ＭＳ Ｐゴシック"'>　　　����最初のページに移動</span></p>
<p class=MsoNormal style='text-indent:27.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>あるページから一気に</span><span <p class=MsoNormal style='text-indent:27.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>あるページから一気に</span><span
lang=EN-US>1</span><span style='font-family:"ＭＳ Ｐゴシック"'>ページ目に遷移します。</span></p> lang=EN-US>1</span><span style='font-family:"ＭＳ Ｐゴシック"'>ページ目に遷移します。</span></p>
...@@ -2842,7 +2842,7 @@ lang=EN-US>1</span><span style='font-family:"ｭｳ ｰ繧ｴ繧ｷ繝け"'>繝壹繧ｸ ...@@ -2842,7 +2842,7 @@ lang=EN-US>1</span><span style='font-family:"ｭｳ ｰ繧ｴ繧ｷ繝け"'>繝壹繧ｸ
<p class=MsoNormal style='text-indent:27.0pt'><span lang=EN-US>1</span><span <p class=MsoNormal style='text-indent:27.0pt'><span lang=EN-US>1</span><span
style='font-family:"ＭＳ Ｐゴシック"'>ページ目が表示されているときはボタンが白く表示されて無効な状態になります。</span></p> style='font-family:"ＭＳ Ｐゴシック"'>ページ目が表示されているときはボタンが白く表示されて無効な状態になります。</span></p>
<p class=MsoNormal style='text-indent:18.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>前のページに移動</span></p> <p class=MsoNormal style='text-indent:18.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>����前のページに移動</span></p>
<p class=MsoNormal style='text-indent:27.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>あるページから</span><span <p class=MsoNormal style='text-indent:27.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>あるページから</span><span
lang=EN-US>1</span><span style='font-family:"ＭＳ Ｐゴシック"'>つ前のページに遷移します。</span></p> lang=EN-US>1</span><span style='font-family:"ＭＳ Ｐゴシック"'>つ前のページに遷移します。</span></p>
...@@ -2850,14 +2850,14 @@ lang=EN-US>1</span><span style='font-family:"ｭｳ ｰ繧ｴ繧ｷ繝け"'>縺､蜑阪 ...@@ -2850,14 +2850,14 @@ lang=EN-US>1</span><span style='font-family:"ｭｳ ｰ繧ｴ繧ｷ繝け"'>縺､蜑阪
<p class=MsoNormal style='text-indent:27.0pt'><span lang=EN-US>1</span><span <p class=MsoNormal style='text-indent:27.0pt'><span lang=EN-US>1</span><span
style='font-family:"ＭＳ Ｐゴシック"'>ページ目が表示されているときはボタンが白く表示されて無効な状態になります。</span></p> style='font-family:"ＭＳ Ｐゴシック"'>ページ目が表示されているときはボタンが白く表示されて無効な状態になります。</span></p>
<p class=MsoNormal style='text-indent:18.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>次のページに移動</span></p> <p class=MsoNormal style='text-indent:18.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>����次のページに移動</span></p>
<p class=MsoNormal style='text-indent:27.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>あるページから</span><span <p class=MsoNormal style='text-indent:27.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>あるページから</span><span
lang=EN-US>1</span><span style='font-family:"ＭＳ Ｐゴシック"'>つ後ろのページに遷移します。</span></p> lang=EN-US>1</span><span style='font-family:"ＭＳ Ｐゴシック"'>つ後ろのページに遷移します。</span></p>
<p class=MsoNormal style='text-indent:27.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>最終ページが表示されているときはボタンが白く表示されて無効な状態になります。</span></p> <p class=MsoNormal style='text-indent:27.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>最終ページが表示されているときはボタンが白く表示されて無効な状態になります。</span></p>
<p class=MsoNormal style='text-indent:18.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>最後のページに移動</span></p> <p class=MsoNormal style='text-indent:18.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>����最後のページに移動</span></p>
<p class=MsoNormal style='text-indent:27.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>あるページから一気に最終ページに遷移します。</span></p> <p class=MsoNormal style='text-indent:27.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>あるページから一気に最終ページに遷移します。</span></p>
...@@ -2872,18 +2872,18 @@ src="usermanual.files/image063.png"></span><span style='font-family:"ｭｳ ｰ ...@@ -2872,18 +2872,18 @@ src="usermanual.files/image063.png"></span><span style='font-family:"ｭｳ ｰ
<p class=MsoNormal style='text-indent:18.0pt'><span lang=EN-US>&nbsp;</span></p> <p class=MsoNormal style='text-indent:18.0pt'><span lang=EN-US>&nbsp;</span></p>
<p class=MsoNormal style='text-indent:18.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>拡大ボタン</span></p> <p class=MsoNormal style='text-indent:18.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>����拡大ボタン</span></p>
<p class=MsoNormal style='text-indent:27.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>クリックすると、一段階大きく表示されます。</span><span <p class=MsoNormal style='text-indent:27.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>クリックすると、一段階大きく表示されます。</span><span
lang=EN-US>6</span><span style='font-family:"ＭＳ Ｐゴシック"'>回クリックできます。</span></p> lang=EN-US>6</span><span style='font-family:"ＭＳ Ｐゴシック"'>回クリックできます。</span></p>
<p class=MsoNormal style='text-indent:27.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>それ以上は拡大されないので、＋ボタンは白く表示されて無効になります。</span></p> <p class=MsoNormal style='text-indent:27.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>それ以上は拡大されないので、＋ボタンは白く表示されて無効になります。</span></p>
<p class=MsoNormal style='text-indent:18.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>フィットボタン</span></p> <p class=MsoNormal style='text-indent:18.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>����フィットボタン</span></p>
<p class=MsoNormal style='text-indent:27.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>拡大表示状態から初期状態に戻ります。ビューアを開いた段階では白く表示されて無効な状態です。</span></p> <p class=MsoNormal style='text-indent:27.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>拡大表示状態から初期状態に戻ります。ビューアを開いた段階では白く表示されて無効な状態です。</span></p>
<p class=MsoNormal style='text-indent:18.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>縮小ボタン</span></p> <p class=MsoNormal style='text-indent:18.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>����縮小ボタン</span></p>
<p class=MsoNormal style='text-indent:27.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>拡大表示状態からクリックごとに一段階ずつ縮小表示されます。</span></p> <p class=MsoNormal style='text-indent:27.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>拡大表示状態からクリックごとに一段階ずつ縮小表示されます。</span></p>
...@@ -2917,11 +2917,11 @@ src="usermanual.files/image064.jpg"></span></p> ...@@ -2917,11 +2917,11 @@ src="usermanual.files/image064.jpg"></span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　メモを新規作成するには、</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　メモを新規作成するには、</span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　「メモ追加」ボタンを選択</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　����「メモ追加」ボタンを選択</span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　ビューア内の任意の場所をクリック</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　����ビューア内の任意の場所をクリック</span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　メモ内容を入力後、「保存」ボタンを選択</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　����メモ内容を入力後、「保存」ボタンを選択</span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　　（「キャンセル」ボタンを選択すると、内容は反映されず保存もされません。）</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　　（「キャンセル」ボタンを選択すると、内容は反映されず保存もされません。）</span></p>
...@@ -2937,7 +2937,7 @@ src="usermanual.files/image065.png"></span></p> ...@@ -2937,7 +2937,7 @@ src="usermanual.files/image065.png"></span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　保存したメモを編集することができます。</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　保存したメモを編集することができます。</span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　編集したメモのアイコンをクリックし、「編集」を選択</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　����編集したメモのアイコンをクリックし、「編集」を選択</span></p>
<p class=MsoNormal><span lang=EN-US>&nbsp;</span></p> <p class=MsoNormal><span lang=EN-US>&nbsp;</span></p>
...@@ -2949,7 +2949,7 @@ src="usermanual.files/image066.png"></span></p> ...@@ -2949,7 +2949,7 @@ src="usermanual.files/image066.png"></span></p>
clear=all style='page-break-before:always'> clear=all style='page-break-before:always'>
</span> </span>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　編集後、「保存」ボタンを選択</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　����編集後、「保存」ボタンを選択</span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　　（「キャンセル」ボタンを選択すると編集内容は反映されずメモが閉じます。）</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　　（「キャンセル」ボタンを選択すると編集内容は反映されずメモが閉じます。）</span></p>
...@@ -2979,14 +2979,14 @@ src="usermanual.files/image068.png"></span></p> ...@@ -2979,14 +2979,14 @@ src="usermanual.files/image068.png"></span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　保存したメモを他のページまたは他のコンテンツにコピーすることができます。</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　保存したメモを他のページまたは他のコンテンツにコピーすることができます。</span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　編集したメモのアイコンをクリックし、「コピー」を選択</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　����編集したメモのアイコンをクリックし、「コピー」を選択</span></p>
<p class=MsoNormal><span lang=EN-US><img border=0 width=165 height=106 id="図 9" <p class=MsoNormal><span lang=EN-US><img border=0 width=165 height=106 id="図 9"
src="usermanual.files/image069.png"></span><span style='font-family:"ＭＳ Ｐゴシック"'>　　　　</span></p> src="usermanual.files/image069.png"></span><span style='font-family:"ＭＳ Ｐゴシック"'>　　　　</span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　</span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　「メモ追加」ボタンを選択するとメニューが表示されますので、「貼り付け」ボタンを選択</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　����「メモ追加」ボタンを選択するとメニューが表示されますので、「貼り付け」ボタンを選択</span></p>
<p class=MsoNormal><span lang=EN-US>&nbsp;</span></p> <p class=MsoNormal><span lang=EN-US>&nbsp;</span></p>
...@@ -2996,15 +2996,15 @@ src="usermanual.files/image070.png"></span></p> ...@@ -2996,15 +2996,15 @@ src="usermanual.files/image070.png"></span></p>
<p class=MsoNormal><span lang=EN-US>&nbsp;</span></p> <p class=MsoNormal><span lang=EN-US>&nbsp;</span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　任意の場所を選択するとコピーしたいメモ画面が表示され、「保存」ボタン選択で保存されます。</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　����任意の場所を選択するとコピーしたいメモ画面が表示され、「保存」ボタン選択で保存されます。</span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　　（他のページまたは他のコンテンツにコピーする場合は移動後、上記操作を行います。）</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　　（他のページまたは他のコンテンツにコピーする場合は移動後、上記操作を行います。）</span></p>
<p class=MsoNormal><span lang=EN-US>&nbsp;</span></p> <p class=MsoNormal><span lang=EN-US>&nbsp;</span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　※上記手順の後、再度「メモ追加」ボタンを選択することにより、連続コピーができます。</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　※上記手順����の後、再度「メモ追加」ボタンを選択することにより、連続コピーができます。</span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　※上記手順で「クリア」ボタンを選択した場合、コピー動作がキャンセルされます。</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　※上記手順����で「クリア」ボタンを選択した場合、コピー動作がキャンセルされます。</span></p>
<p class=MsoNormal><span lang=EN-US>&nbsp;</span></p> <p class=MsoNormal><span lang=EN-US>&nbsp;</span></p>
...@@ -3029,13 +3029,13 @@ lang=EN-US>3</span><span style='font-family:"ｭｳ ｰ繧ｴ繧ｷ繝け"'>遞ｮ鬘槭° ...@@ -3029,13 +3029,13 @@ lang=EN-US>3</span><span style='font-family:"ｭｳ ｰ繧ｴ繧ｷ繝け"'>遞ｮ鬘槭°
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　・描画方法</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　・描画方法</span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　「マーキング描画」ボタンを選択後、閲覧中のページをマウスで左クリックしながらドラッグします。</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　����「マーキング描画」ボタンを選択後、閲覧中のページをマウスで左クリックしながらドラッグします。</span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　※指での操作（タブレット等）は、なぞると描画します。</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　※指での操作（タブレット等）は、なぞると描画します。</span></p>
<p class=MsoNormal><span lang=EN-US>&nbsp;</span></p> <p class=MsoNormal><span lang=EN-US>&nbsp;</span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　マーカーで描画</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　����マーカーで描画</span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　　「マーキング描画」ボタンを選択後、設定ダイアログが表示されます。</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　　「マーキング描画」ボタンを選択後、設定ダイアログが表示されます。</span></p>
...@@ -3045,7 +3045,7 @@ lang=EN-US>3</span><span style='font-family:"ｭｳ ｰ繧ｴ繧ｷ繝け"'>遞ｮ鬘槭° ...@@ -3045,7 +3045,7 @@ lang=EN-US>3</span><span style='font-family:"ｭｳ ｰ繧ｴ繧ｷ繝け"'>遞ｮ鬘槭°
lang=EN-US><img border=0 width=133 height=314 id="図 11" lang=EN-US><img border=0 width=133 height=314 id="図 11"
src="usermanual.files/image071.png"></span></p> src="usermanual.files/image071.png"></span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　　左側のアイコン（赤枠）を選択すると、マーカーに変更されマーカーで描画できます。</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　　����左側のアイコン（赤枠）を選択すると、マーカーに変更されマーカーで描画できます。</span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　　※ペンの部分を選択すると、ペンに変更されます。</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　　※ペンの部分を選択すると、ペンに変更されます。</span></p>
...@@ -3059,7 +3059,7 @@ src="usermanual.files/image071.png"></span></p> ...@@ -3059,7 +3059,7 @@ src="usermanual.files/image071.png"></span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　・消去方法</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　・消去方法</span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　　「マーキング描画」ボタンを選択後、設定ダイアログが表示されます。</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　　����「マーキング描画」ボタンを選択後、設定ダイアログが表示されます。</span></p>
<p class=MsoNormal><span lang=EN-US>&nbsp;</span></p> <p class=MsoNormal><span lang=EN-US>&nbsp;</span></p>
...@@ -3067,7 +3067,7 @@ src="usermanual.files/image071.png"></span></p> ...@@ -3067,7 +3067,7 @@ src="usermanual.files/image071.png"></span></p>
lang=EN-US><img border=0 width=145 height=343 id="図 12" lang=EN-US><img border=0 width=145 height=343 id="図 12"
src="usermanual.files/image072.png"></span></p> src="usermanual.files/image072.png"></span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　　左側のアイコン（赤枠）を選択すると、消しゴムとして利用できます。</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　　����左側のアイコン（赤枠）を選択すると、消しゴムとして利用できます。</span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　　描画部分をなぞると消去できます。</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　　描画部分をなぞると消去できます。</span></p>
...@@ -3085,7 +3085,7 @@ clear=all style='page-break-before:always'> ...@@ -3085,7 +3085,7 @@ clear=all style='page-break-before:always'>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　・変更方法</span></p> <p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>　　　・変更方法</span></p>
<p class=MsoNormal style='text-indent:9.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>　　「マーキング描画」ボタンを選択後、設定ダイアログが表示されます。</span></p> <p class=MsoNormal style='text-indent:9.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>　　����「マーキング描画」ボタンを選択後、設定ダイアログが表示されます。</span></p>
<p class=MsoNormal style='text-indent:9.0pt'><span lang=EN-US>&nbsp;</span></p> <p class=MsoNormal style='text-indent:9.0pt'><span lang=EN-US>&nbsp;</span></p>
...@@ -3095,7 +3095,7 @@ src="usermanual.files/image073.png"></span></p> ...@@ -3095,7 +3095,7 @@ src="usermanual.files/image073.png"></span></p>
<p class=MsoNormal style='text-indent:9.0pt'><span lang=EN-US>&nbsp;</span></p> <p class=MsoNormal style='text-indent:9.0pt'><span lang=EN-US>&nbsp;</span></p>
<p class=MsoNormal style='text-indent:9.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>　　右側のアイコン（赤枠）を選択すると、パレットが表示されます。</span></p> <p class=MsoNormal style='text-indent:9.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>　　����右側のアイコン（赤枠）を選択すると、パレットが表示されます。</span></p>
<p class=MsoNormal style='text-indent:9.0pt'><span lang=EN-US>&nbsp;</span></p> <p class=MsoNormal style='text-indent:9.0pt'><span lang=EN-US>&nbsp;</span></p>
...@@ -3105,7 +3105,7 @@ src="usermanual.files/image074.jpg"></span></p> ...@@ -3105,7 +3105,7 @@ src="usermanual.files/image074.jpg"></span></p>
<p class=MsoNormal style='text-indent:9.0pt'><span lang=EN-US>&nbsp;</span></p> <p class=MsoNormal style='text-indent:9.0pt'><span lang=EN-US>&nbsp;</span></p>
<p class=MsoNormal style='text-indent:9.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>　　「太さ」「色」を選択し、「</span><span <p class=MsoNormal style='text-indent:9.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>　　����「太さ」「色」を選択し、「</span><span
lang=EN-US>OK</span><span style='font-family:"ＭＳ Ｐゴシック"'>」ボタンを選択。</span></p> lang=EN-US>OK</span><span style='font-family:"ＭＳ Ｐゴシック"'>」ボタンを選択。</span></p>
<p class=MsoNormal style='text-indent:9.0pt'><span lang=EN-US>&nbsp;</span></p> <p class=MsoNormal style='text-indent:9.0pt'><span lang=EN-US>&nbsp;</span></p>
...@@ -3126,7 +3126,7 @@ src="usermanual.files/image075.png"></span></p> ...@@ -3126,7 +3126,7 @@ src="usermanual.files/image075.png"></span></p>
<p class=MsoNormal style='text-indent:9.0pt'><span lang=EN-US>&nbsp;</span></p> <p class=MsoNormal style='text-indent:9.0pt'><span lang=EN-US>&nbsp;</span></p>
<p class=MsoNormal style='text-indent:9.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>　　このページクリアボタン</span></p> <p class=MsoNormal style='text-indent:9.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>　　����このページクリアボタン</span></p>
<p class=MsoNormal style='text-indent:27.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>描画中のマーキング情報を全クリアします。</span></p> <p class=MsoNormal style='text-indent:27.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>描画中のマーキング情報を全クリアします。</span></p>
...@@ -3135,17 +3135,17 @@ name="_GoBack"></a>繝懊ち繝ｳ縺縺代〒縺ｯ繝槭繧ｭ繝ｳ繧ｰ縺ｮ蜑企勁縺ｯ遒ｺ螳壹＠縺ｾ ...@@ -3135,17 +3135,17 @@ name="_GoBack"></a>繝懊ち繝ｳ縺縺代〒縺ｯ繝槭繧ｭ繝ｳ繧ｰ縺ｮ蜑企勁縺ｯ遒ｺ螳壹＠縺ｾ
<p class=MsoNormal style='text-indent:27.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>選択して削除が確定します。</span></p> <p class=MsoNormal style='text-indent:27.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>選択して削除が確定します。</span></p>
<p class=MsoNormal style='text-indent:9.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>　　保存ボタン</span></p> <p class=MsoNormal style='text-indent:9.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>　　����保存ボタン</span></p>
<p class=MsoNormal style='text-indent:27.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>描画中のマーキング情報を保存します。</span></p> <p class=MsoNormal style='text-indent:27.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>描画中のマーキング情報を保存します。</span></p>
<p class=MsoNormal style='text-indent:9.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>　　　「保存」ボタンを選択すると、設定ダイアログが消えビューア画面が表示されます。</span></p> <p class=MsoNormal style='text-indent:9.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>　　　「保存」ボタンを選択すると、設定ダイアログが消えビューア画面が表示されます。</span></p>
<p class=MsoNormal style='text-indent:9.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>　　キャンセルボタン</span></p> <p class=MsoNormal style='text-indent:9.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>　　����キャンセルボタン</span></p>
<p class=MsoNormal style='text-indent:9.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>　　　描画中のマーキング情報が保存されず、設定ダイアログが消えビューア画面が表示されます。</span></p> <p class=MsoNormal style='text-indent:9.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>　　　描画中のマーキング情報が保存されず、設定ダイアログが消えビューア画面が表示されます。</span></p>
<p class=MsoNormal style='text-indent:9.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>　　その他</span></p> <p class=MsoNormal style='text-indent:9.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>　　����その他</span></p>
<p class=MsoNormal style='text-indent:9.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>　　　マーキングを保存したページは、ビューア画面の左上にマーキングが保存されている状態を示す</span></p> <p class=MsoNormal style='text-indent:9.0pt'><span style='font-family:"ＭＳ Ｐゴシック"'>　　　マーキングを保存したページは、ビューア画面の左上にマーキングが保存されている状態を示す</span></p>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment