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(){
$('#gotop').hide(); // デフォルトで非表示とする
$('#gotop').hide(); // �f�t�H���g�Ŕ�\���Ƃ���
$(window).scroll(function(){
if ($(this).scrollTop() > 100) { // scrollTop() で現在のスクロール上の上位置を取得
$('#gotop').fadeIn(); // 100を過ぎていたら、#backToTop（戻るボタン）をフェードインさせる
if ($(this).scrollTop() > 100) { // scrollTop() �Ō��݂̃X�N���[����̏�ʒu��擾
$('#gotop').fadeIn(); // 100��߂��Ă�����A#backToTop�i�߂�{�^���j��t�F�[�h�C��������
} 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(){
$('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.",
"sysInfoScrLock01":"Click to unlock.",
"sysInfoWithoutLogout":"Are you sure to close this window without logout?\nIncorrect logout will cause login problem next time.",
......@@ -64,7 +64,7 @@
"dspBkCancel":"Logout",
"txtSearchResult":"Result",
"dspHome":"Home",
"txtLoginUser":"(Ver.20130830)User:",
"txtLoginUser":"(Ver.20130904)User:",
"txtAll":"All",
"txtMkgSize":"Size",
"txtMkgS":"S",
......
abvw/common/json/lang/lang-ja.json
{
{
"sysErrorCallApi01":"ご迷惑をおかけし申し訳ございません。<br />システムエラーが発生しました。<br />アプリケーションを終了し、管理者に連絡してください。",
"sysInfoScrLock01":"長時間操作されなかったため、画面をロックしています。<br />画面をクリックしてロックを解除してください。",
"sysInfoWithoutLogout":"ログアウトしていませんが、このまま終了してもよろしいですか？\n※【注意】ログアウトしないと次回ログインできない場合がございます。",
......@@ -64,7 +64,7 @@
"dspBkCancel":"バックアップせずにログアウト",
"txtSearchResult":"検索結果",
"dspHome":"ホーム",
"txtLoginUser":"(Ver.20130830)ログイン中：",
"txtLoginUser":"(Ver.20130904)ログイン中：",
"txtAll":"すべて",
"txtMkgSize":"太さ",
"txtMkgS":"小",
......
abvw/common/json/lang/lang-ko.json
{
{
"sysErrorCallApi01":"시스템 에러가 발생했습니다. 이용에 불편을 드려 죄송합니다.",
"sysInfoScrLock01":"장시간 조작이 없었으므로, 화면이 잠겼습니다.<br/>잠김을 해제하려면 화면을 클릭하십시오.",
"sysInfoWithoutLogout":"로그아웃하지 않은 상태로 창을 닫으면, 다음에 로그인되지 않는 경우도 있습니다. 이대로 창을 닫으시겠습니까?\n(이 메세지는 브라우저를 '새로 고침' 할 때에도 표시됩니다.)",
......@@ -64,7 +64,7 @@
"dspBkCancel":"로그아웃",
"txtSearchResult":"검색 결과",
"dspHome":"홈",
"txtLoginUser":"(Ver.20130830)로그인 중:",
"txtLoginUser":"(Ver.20130904)로그인 중:",
"txtAll":"전체",
"txtMkgSize":"두께",
"txtMkgS":"소",
......
abvw/css/Anket.css
.anket-dialog
.anket-dialog
{
position: absolute;
border:solid 1px #333;
......
abvw/css/gotop.js
$(function(){
$('#gotop').hide(); // デフォルトで非表示とする
$('#gotop').hide(); // �f�t�H���g�Ŕ�\���Ƃ���
$(window).scroll(function(){
if ($(this).scrollTop() > 100) { // scrollTop() で現在のスクロール上の上位置を取得
$('#gotop').fadeIn(); // 100を過ぎていたら、#backToTop（戻るボタン）をフェードインさせる
if ($(this).scrollTop() > 100) { // scrollTop() �Ō��݂̃X�N���[����̏�ʒu��擾
$('#gotop').fadeIn(); // 100��߂��Ă�����A#backToTop�i�߂�{�^���j��t�F�[�h�C��������
} 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(){
$('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/common.js" />
......@@ -3706,32 +3706,32 @@ function drawGetWebContent4(context, opt) {
for (var nIndex = 0; nIndex < dataJsonType4.length; nIndex++) {
/* get data belong current page*/
if (changePageIndex(tempIndex) == dataJsonType4[nIndex].page) {
var dataLinkList = dataJsonType4[nIndex].linkList;
for (var nLinkList = 0; nLinkList < dataLinkList.length; nLinkList++) {
/* create object webContentTyp4 */
var dataObject = null;
dataObject = new webContentType4(
nLinkList,
dataLinkList[nLinkList].linkLocationX,
dataLinkList[nLinkList].linkLocationY,
dataLinkList[nLinkList].linkLocationWidth,
dataLinkList[nLinkList].linkLocationHeight,
"img/webGetContent4.png",
dataLinkList[nLinkList].linkKind,
dataLinkList[nLinkList].destURI,
dataLinkList[nLinkList].destPageNumber
);
//Start Function : No.4 - Editor : long - Date: 08/16/2013 - Summary :
dataObject["pageNo"] = dataJsonType4[nIndex].page;
//End Function : No.4 - Editor : Long - Date 08/16/2013 - Summary:
webGetContentType4Objects.push(dataObject);
var dataLinkList = dataJsonType4[nIndex].linkList;
for (var nLinkList = 0; nLinkList < dataLinkList.length; nLinkList++) {
/* create object webContentTyp4 */
var dataObject = null;
dataObject = new webContentType4(
nLinkList,
dataLinkList[nLinkList].linkLocationX,
dataLinkList[nLinkList].linkLocationY,
dataLinkList[nLinkList].linkLocationWidth,
dataLinkList[nLinkList].linkLocationHeight,
"img/webGetContent4.png",
dataLinkList[nLinkList].linkKind,
dataLinkList[nLinkList].destURI,
dataLinkList[nLinkList].destPageNumber
);
dataObject["pageNo"] = dataJsonType4[nIndex].page;
webGetContentType4Objects.push(dataObject);
//Start Fix Bug : Cannot not click on link object - Editor : Long - Date : 08/30/2013
if (changePageIndex(tempIndex) == dataObject["pageNo"]) {
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
};
......
abvw/js/contentview_Anket.js
// show dialog anket content
// show dialog anket content
function showAnket(url, fullscreen) {
var $container = $('#dialog');
......
abvw/js/contentview_CallApi.js

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

/// <reference path="../common/js/jquery-ui-1.8.23.custom.min.js" />
/// <reference path="../common/js/common.js" />
......@@ -305,7 +305,8 @@ function nextPage_click() {
disableAllControl();
$('#divImageLoading').css('display', 'block');
var tran = new Transition();
var tran = new Transition();
createLockLayout(true);
tran.flipNextPage();
......@@ -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());
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/common.js" />
......
abvw/js/contentview_GetData.js

/// <reference path="../common/js/jquery-ui-1.8.23.custom.min.js" />
/// <reference path="../common/js/common.js" />
......
abvw/js/contentview_Gomu.js
/// コンテンツ閲覧画面_消しゴム書式オーバーレイ
/// <reference path="../common/js/avweb.js" />
/// <reference path="../common/js/screenLock.js" />
/// <reference path="../common/js/common.js" />
/// <reference path="../common/js/i18n.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.toastmessage.js" />
/// <reference path="../common/js/pageViewer.js" />
/// ===============================================================================================
/// Eraser group [start]
/// ===============================================================================================
// Show eraser
function ShowEraser(targetDiv) {
//$('#dlgGomu').dialog("open");
//$(".ui-dialog-titlebar").hide();
//lockLayout();
// $('#dlgGomu').fadeIn('medium', function(){
// $('#dlgGomu').draggable();
/// コンテンツ閲覧画面_消しゴム書式オーバーレイ
/// <reference path="../common/js/avweb.js" />
/// <reference path="../common/js/screenLock.js" />
/// <reference path="../common/js/common.js" />
/// <reference path="../common/js/i18n.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.toastmessage.js" />
/// <reference path="../common/js/pageViewer.js" />
/// ===============================================================================================
/// Eraser group [start]
/// ===============================================================================================
// Show eraser
function ShowEraser(targetDiv) {
//$('#dlgGomu').dialog("open");
//$(".ui-dialog-titlebar").hide();
//lockLayout();
// $('#dlgGomu').fadeIn('medium', function(){
// $('#dlgGomu').draggable();
// });
$('#dlgGomu').show();
$('#dlgGomu').draggable();
Eraser_SetDefaultValue();
$('#dlgGomu').center();
};
// Set default value for easer.
function Eraser_SetDefaultValue() {
var typeValue = undefined;
typeValue = ClientData.erase_size();
if (typeValue == 5) {
$("#dlgGomu_rdo1").attr('checked', 'checked');
$("#dlgGomu_rdo1").focus();
}
else if (typeValue == 12.5) {
$("#dlgGomu_rdo2").attr('checked', 'checked');
$("#dlgGomu_rdo2").focus();
}
else if (typeValue == 25) {
$("#dlgGomu_rdo3").attr('checked', 'checked');
$("#dlgGomu_rdo3").focus();
}
else if (typeValue == 50) {
$("#dlgGomu_rdo4").attr('checked', 'checked');
$("#dlgGomu_rdo4").focus();
}
else {
typeValue = 5;
$("#dlgGomu_rdo1").attr('checked', 'checked');
$("#dlgGomu_rdo1").focus();
}
dlgGomu_chooseType(typeValue);
};
// Choose type of eraser, and draw to canvas
function dlgGomu_chooseType(typeValue) {
var canvas = document.getElementById('dlgGomu_cvMain');
if (canvas.getContext) {
// use getContext to use the canvas for drawing
var ctx = canvas.getContext('2d');
// Draw shapes
ctx.fillStyle = "#888888";
ctx.fillRect(0, 0, canvas.width, canvas.height);
ctx.beginPath();
//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.fillStyle = "#ffffff";
ctx.fill();
ctx.stroke();
}
};
function dlgGomu_rdo1_click() {
dlgGomu_chooseType(5);
};
function dlgGomu_rdo2_click() {
dlgGomu_chooseType(12.5);
};
function dlgGomu_rdo3_click() {
dlgGomu_chooseType(25);
};
function dlgGomu_rdo4_click() {
dlgGomu_chooseType(50);
};
// Event of button OK
function dlgGomu_dspOK_click() {
// Set selected value to local storage
var typeValue = undefined;
if ($("#dlgGomu_rdo1").attr('checked') == 'checked') {
typeValue = 5;
}
else if ($("#dlgGomu_rdo2").attr('checked') == 'checked') {
typeValue = 12.5;
}
else if ($("#dlgGomu_rdo3").attr('checked') == 'checked') {
typeValue = 25;
}
else if ($("#dlgGomu_rdo4").attr('checked') == 'checked') {
typeValue = 50;
}
// Set value to local
ClientData.erase_size(typeValue);
eraseSize = typeValue;
// Close dialog
//$("#dlgGomu").dialog('close');
/*$("#dlgGomu").fadeOut('medium', function(){
//unlockLayout();
});*/
$("#dlgGomu").hide();
/*enable button */
enableButtonMarking();
ClientData.IsAddingMarking(true);
isAddingMarking = ClientData.IsAddingMarking();
/* unlock dialog overlay */
$("#overlay").hide();
$('#dlgMarking_imgEraserOption').removeClass();
$('#dlgMarking_imgEraserOption').addClass('eraser_option_hover');
};
// Event of button cancel
function dlgGomu_dspCancel_click() {
// Close dialog
//$("#dlgGomu").dialog('close');
/*$("#dlgGomu").fadeOut('medium', function(){
//unlockLayout();
});*/
$("#dlgGomu").hide();
/*enable button */
enableButtonMarking();
ClientData.IsAddingMarking(true);
isAddingMarking = ClientData.IsAddingMarking();
/* unlock dialog overlay */
$("#overlay").hide();
$('#dlgMarking_imgEraserOption').removeClass();
$('#dlgMarking_imgEraserOption').addClass('eraser_option_hover');
};
function dlgGomu_rdo1_text_click(){
$('#dlgGomu_rdo1').attr('checked','checked');
$('#dlgGomu_rdo2').removeAttr('checked');
$('#dlgGomu_rdo3').removeAttr('checked');
$('#dlgGomu_rdo4').removeAttr('checked');
dlgGomu_rdo1_click();
};
function dlgGomu_rdo2_text_click(){
$('#dlgGomu_rdo1').removeAttr('checked');
$('#dlgGomu_rdo2').attr('checked','checked');
$('#dlgGomu_rdo3').removeAttr('checked');
$('#dlgGomu_rdo4').removeAttr('checked');
dlgGomu_rdo2_click();
};
function dlgGomu_rdo3_text_click(){
$('#dlgGomu_rdo1').removeAttr('checked');
$('#dlgGomu_rdo2').removeAttr('checked');
$('#dlgGomu_rdo3').attr('checked','checked');
$('#dlgGomu_rdo4').removeAttr('checked');
dlgGomu_rdo3_click();
};
function dlgGomu_rdo4_text_click(){
$('#dlgGomu_rdo1').removeAttr('checked');
$('#dlgGomu_rdo2').removeAttr('checked');
$('#dlgGomu_rdo3').removeAttr('checked');
$('#dlgGomu_rdo4').attr('checked','checked');
dlgGomu_rdo4_click();
};
/*
----------------------------------------------------------------------------
Event groups [start]
----------------------------------------------------------------------------
*/
/*
----------------------------------------------------------------------------
Event groups [ end ]
----------------------------------------------------------------------------
*/
function touchStart_BtnOk_Gomu(e){
e.preventDefault();
$('#dlgGomu').draggable("destroy");
dlgGomu_dspOK_click();
};
function touchStart_BtnCancel_Gomu(e){
e.preventDefault();
$('#dlgGomu').draggable("destroy");
dlgGomu_dspCancel_click();
};
// Setting dialog
$(function () {
// ---------------------------------
// Setup for easer [start]
// ---------------------------------
if(isTouchDevice() == true){
document.getElementById('dlgGomu_dspOK').addEventListener('touchstart',touchStart_BtnOk_Gomu,false);
document.getElementById('dlgGomu_dspCancel').addEventListener('touchstart',touchStart_BtnCancel_Gomu,false);
}
$("#dlgGomu_dspOK").click(dlgGomu_dspOK_click);
$("#dlgGomu_dspCancel").click(dlgGomu_dspCancel_click);
// Event for radio
$("#dlgGomu_rdo1").click(dlgGomu_rdo1_click);
$("#dlgGomu_rdo2").click(dlgGomu_rdo2_click);
$("#dlgGomu_rdo3").click(dlgGomu_rdo3_click);
$("#dlgGomu_rdo4").click(dlgGomu_rdo4_click);
// $("#dlgGomu_rdo1_text").click(dlgGomu_rdo1_text_click);
// $("#dlgGomu_rdo2_text").click(dlgGomu_rdo2_text_click);
// $("#dlgGomu_rdo3_text").click(dlgGomu_rdo3_text_click);
$('#dlgGomu').show();
$('#dlgGomu').draggable();
Eraser_SetDefaultValue();
$('#dlgGomu').center();
};
// Set default value for easer.
function Eraser_SetDefaultValue() {
var typeValue = undefined;
typeValue = ClientData.erase_size();
if (typeValue == 5) {
$("#dlgGomu_rdo1").attr('checked', 'checked');
$("#dlgGomu_rdo1").focus();
}
else if (typeValue == 12.5) {
$("#dlgGomu_rdo2").attr('checked', 'checked');
$("#dlgGomu_rdo2").focus();
}
else if (typeValue == 25) {
$("#dlgGomu_rdo3").attr('checked', 'checked');
$("#dlgGomu_rdo3").focus();
}
else if (typeValue == 50) {
$("#dlgGomu_rdo4").attr('checked', 'checked');
$("#dlgGomu_rdo4").focus();
}
else {
typeValue = 5;
$("#dlgGomu_rdo1").attr('checked', 'checked');
$("#dlgGomu_rdo1").focus();
}
dlgGomu_chooseType(typeValue);
};
// Choose type of eraser, and draw to canvas
function dlgGomu_chooseType(typeValue) {
var canvas = document.getElementById('dlgGomu_cvMain');
if (canvas.getContext) {
// use getContext to use the canvas for drawing
var ctx = canvas.getContext('2d');
// Draw shapes
ctx.fillStyle = "#888888";
ctx.fillRect(0, 0, canvas.width, canvas.height);
ctx.beginPath();
//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.fillStyle = "#ffffff";
ctx.fill();
ctx.stroke();
}
};
function dlgGomu_rdo1_click() {
dlgGomu_chooseType(5);
};
function dlgGomu_rdo2_click() {
dlgGomu_chooseType(12.5);
};
function dlgGomu_rdo3_click() {
dlgGomu_chooseType(25);
};
function dlgGomu_rdo4_click() {
dlgGomu_chooseType(50);
};
// Event of button OK
function dlgGomu_dspOK_click() {
// Set selected value to local storage
var typeValue = undefined;
if ($("#dlgGomu_rdo1").attr('checked') == 'checked') {
typeValue = 5;
}
else if ($("#dlgGomu_rdo2").attr('checked') == 'checked') {
typeValue = 12.5;
}
else if ($("#dlgGomu_rdo3").attr('checked') == 'checked') {
typeValue = 25;
}
else if ($("#dlgGomu_rdo4").attr('checked') == 'checked') {
typeValue = 50;
}
// Set value to local
ClientData.erase_size(typeValue);
eraseSize = typeValue;
// Close dialog
//$("#dlgGomu").dialog('close');
/*$("#dlgGomu").fadeOut('medium', function(){
//unlockLayout();
});*/
$("#dlgGomu").hide();
/*enable button */
enableButtonMarking();
ClientData.IsAddingMarking(true);
isAddingMarking = ClientData.IsAddingMarking();
/* unlock dialog overlay */
$("#overlay").hide();
$('#dlgMarking_imgEraserOption').removeClass();
$('#dlgMarking_imgEraserOption').addClass('eraser_option_hover');
};
// Event of button cancel
function dlgGomu_dspCancel_click() {
// Close dialog
//$("#dlgGomu").dialog('close');
/*$("#dlgGomu").fadeOut('medium', function(){
//unlockLayout();
});*/
$("#dlgGomu").hide();
/*enable button */
enableButtonMarking();
ClientData.IsAddingMarking(true);
isAddingMarking = ClientData.IsAddingMarking();
/* unlock dialog overlay */
$("#overlay").hide();
$('#dlgMarking_imgEraserOption').removeClass();
$('#dlgMarking_imgEraserOption').addClass('eraser_option_hover');
};
function dlgGomu_rdo1_text_click(){
$('#dlgGomu_rdo1').attr('checked','checked');
$('#dlgGomu_rdo2').removeAttr('checked');
$('#dlgGomu_rdo3').removeAttr('checked');
$('#dlgGomu_rdo4').removeAttr('checked');
dlgGomu_rdo1_click();
};
function dlgGomu_rdo2_text_click(){
$('#dlgGomu_rdo1').removeAttr('checked');
$('#dlgGomu_rdo2').attr('checked','checked');
$('#dlgGomu_rdo3').removeAttr('checked');
$('#dlgGomu_rdo4').removeAttr('checked');
dlgGomu_rdo2_click();
};
function dlgGomu_rdo3_text_click(){
$('#dlgGomu_rdo1').removeAttr('checked');
$('#dlgGomu_rdo2').removeAttr('checked');
$('#dlgGomu_rdo3').attr('checked','checked');
$('#dlgGomu_rdo4').removeAttr('checked');
dlgGomu_rdo3_click();
};
function dlgGomu_rdo4_text_click(){
$('#dlgGomu_rdo1').removeAttr('checked');
$('#dlgGomu_rdo2').removeAttr('checked');
$('#dlgGomu_rdo3').removeAttr('checked');
$('#dlgGomu_rdo4').attr('checked','checked');
dlgGomu_rdo4_click();
};
/*
----------------------------------------------------------------------------
Event groups [start]
----------------------------------------------------------------------------
*/
/*
----------------------------------------------------------------------------
Event groups [ end ]
----------------------------------------------------------------------------
*/
function touchStart_BtnOk_Gomu(e){
e.preventDefault();
$('#dlgGomu').draggable("destroy");
dlgGomu_dspOK_click();
};
function touchStart_BtnCancel_Gomu(e){
e.preventDefault();
$('#dlgGomu').draggable("destroy");
dlgGomu_dspCancel_click();
};
// Setting dialog
$(function () {
// ---------------------------------
// Setup for easer [start]
// ---------------------------------
if(isTouchDevice() == true){
document.getElementById('dlgGomu_dspOK').addEventListener('touchstart',touchStart_BtnOk_Gomu,false);
document.getElementById('dlgGomu_dspCancel').addEventListener('touchstart',touchStart_BtnCancel_Gomu,false);
}
$("#dlgGomu_dspOK").click(dlgGomu_dspOK_click);
$("#dlgGomu_dspCancel").click(dlgGomu_dspCancel_click);
// Event for radio
$("#dlgGomu_rdo1").click(dlgGomu_rdo1_click);
$("#dlgGomu_rdo2").click(dlgGomu_rdo2_click);
$("#dlgGomu_rdo3").click(dlgGomu_rdo3_click);
$("#dlgGomu_rdo4").click(dlgGomu_rdo4_click);
// $("#dlgGomu_rdo1_text").click(dlgGomu_rdo1_text_click);
// $("#dlgGomu_rdo2_text").click(dlgGomu_rdo2_text_click);
// $("#dlgGomu_rdo3_text").click(dlgGomu_rdo3_text_click);
// $("#dlgGomu_rdo4_text").click(dlgGomu_rdo4_text_click);
//$('#dlgGomu_rdo1_text').click()
// ---------------------------------
// Setup for easer [ end ]
// ---------------------------------
/*$('#dlgGomu').dialog({
autoOpen: false,
title: i18nText('txtDltOpt'),
modal: true,
resizable: false,
width: 450,
height: 300
});*/
});
/// ===============================================================================================
/// Eraser group [ end ]
//$('#dlgGomu_rdo1_text').click()
// ---------------------------------
// Setup for easer [ end ]
// ---------------------------------
/*$('#dlgGomu').dialog({
autoOpen: false,
title: i18nText('txtDltOpt'),
modal: true,
resizable: false,
width: 450,
height: 300
});*/
});
/// ===============================================================================================
/// 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/common.js" />
......
abvw/js/contentview_Maker.js
/// ===============================================================================================
/// Maker group [start]
/// ===============================================================================================
var Maker_colorSource = [];
Maker_colorSource.push('ffffff', 'ffccc9', 'ffce93',
'fffc9e','ffffc7','9aff99','96fffb','cdffff',
'cbcefb','cfcfcf','fd6864','fe996b','fffe65',
'fcff2f','67fd9a','38fff8','68fdff','9698ed',
'c0c0c0','fe0000','f8a102','ffcc67','f8ff00',
'34ff34','68cbd0','34cdf9','6665cd','9b9b9b',
'cb0000','f56b00','ffcb2f','ffc702','32cb00',
'00d2cb','3166ff','6434fc','656565','9a0000',
'ce6301','cd9934','999903','009901','329a9d',
'3531ff','6200c9','343434','680100','963400',
'986536','646809','036400','34696d','00009b',
'303498','000000','330001','643403','663234',
'343300','013300','003532','010066','340096');
var maker_Size;
var maker_color;
var maker_targetDiv;
var maker_chooseColor;
function ShowMaker(targetId){
maker_targetDiv = targetId;
maker_targetDiv.html('');
targetId.append(
'<div id="panel-maker" class="rayermenu1">'
+' <div id="panel-maker-size">'
+' <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-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-oversize" name="maker-size" /><label for="maker-size-oversize" id="marker-oversize-text" class="lang" lang="txtMkgSB">XL</label>'
+' </div>'
+' <span class="lang" lang="txtColor" style="float:left;margin-right: 10px;">Color</span>'
+' <div id="makerColorPreview"></div>'
+' <div id="makerColorwrapper"></div>'
+' <div class="canvasArea_s" style="width: 120px; height: 120px">'
+' <canvas id="Maker_cvPreviewmaker" class="preview" width="120px" height="120px"></canvas>'
+' </div>'
+' <div style="clear:both; padding-top:10px">'
+' <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>'
+' </div>'
+'<div>'
);
var colorWrapper = $('#makerColorwrapper');
$.each(Maker_colorSource, function (i, maker_color) {
colorWrapper.append('<div class="colorpicker" colorId="' + maker_color + '" style="background-color: #' + maker_color + ';"></div>');
});
i18nReplaceText();
// maker_targetDiv.fadeIn('medium',function(){
// //lockLayout();
// maker_targetDiv.draggable();
// }); maker_targetDiv.show();
maker_targetDiv.draggable();
Maker_handleColorPickerEvent();
$('#dlgMaker').center();
};
function touchStart_BtnOk_Maker(e){
e.preventDefault();
Maker_dspOK_click();
};
function touchStart_BtnCancel_Maker(e){
e.preventDefault();
Maker_dspCancel_click();
};
function Maker_handleColorPickerEvent(){
//$('.colorpicker').live('mouseenter',Maker_colorPickerMouseEnterFunction);
//$('.colorpicker').live('mouseleave', Maker_colorPickerMouseLeaveFunction);
//$('#makerColorwrapper').live('mouseleave', Maker_colorWrapperMouseLeaveFunction);
if(avwUserEnvObj.os == "ipad" || avwUserEnvObj.os == "android"){
$('.colorpicker').unbind('mouseenter');
$('.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);
}
else{
//alert('here');
$('.colorpicker').unbind('mouseenter');
$('.colorpicker').unbind('mouseleave');
$('#makerColorwrapper').unbind('mouseleave');
$('.colorpicker').bind('mouseenter', Maker_colorPickerMouseEnterFunction);
$('.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_SetDefaultValue();
$('#maker-size-small').live('click', Maker_rdo1_click);
$('#maker-size-medium').live('click', Maker_rdo2_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-large-text').live('click', markerLargeTextClick);
$('#marker-oversize-text').live('click', markerOversizeTextClick);
$('.colorpicker').live('click', Maker_colorPickerClickFunction);
$("#avw-sys-modal").click (function () {
maker_targetDiv.fadeOut('medium',function(){
//unlockLayout();
});
});
};
function markerSmallTextClick(){
$('#maker-size-small').attr('checked','checked');
$('#maker-size-medium').removeAttr('checked');
$('#maker-size-large').removeAttr('checked');
$('#maker-size-oversize').removeAttr('checked');
Maker_rdo1_click();
};
function markerMediumTextClick(){
$('#maker-size-small').removeAttr('checked');
$('#maker-size-medium').attr('checked','checked');
$('#maker-size-large').removeAttr('checked');
$('#maker-size-oversize').removeAttr('checked');
Maker_rdo2_click();
};
function markerLargeTextClick(){
$('#maker-size-small').removeAttr('checked');
$('#maker-size-medium').removeAttr('checked');
$('#maker-size-large').attr('checked','checked');
$('#maker-size-oversize').removeAttr('checked');
Maker_rdo3_click();
};
function markerOversizeTextClick(){
$('#maker-size-small').removeAttr('checked');
$('#maker-size-medium').removeAttr('checked');
$('#maker-size-large').removeAttr('checked');
$('#maker-size-oversize').attr('checked','checked');
Maker_rdo4_click();
};
// Choose type of eraser, and draw to canvas
function Maker_chooseType(typeValue, color) {
var fillColor;
maker_Size = typeValue;
var canvas = document.getElementById('Maker_cvPreviewmaker');
if(color == null || color == 'undefined'){
fillColor = "f8ff00";
}
else{
fillColor = '#'+ color;
}
if (canvas.getContext) {
// use getContext to use the canvas for drawing
var ctx = canvas.getContext('2d');
// Draw shapes
//ctx.fillStyle = "#888888";
ctx.clearRect(0, 0, canvas.width, canvas.height);
ctx.fillStyle = fillColor;
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() {
var typeValue = undefined;
var makerColor = ClientData.maker_color();
typeValue = ClientData.maker_size();
maker_Size = typeValue;
if(makerColor != null || makerColor != undefined){
maker_chooseColor = makerColor;
}
else{
maker_chooseColor = 'f8ff00';
makerColor = 'f8ff00';
}
if (typeValue == 5) {
$("#maker-size-small").attr('checked', 'checked');
$("#maker-size-small").focus();
}
else if (typeValue == 12.5) {
$("#maker-size-medium").attr('checked', 'checked');
$("#maker-size-medium").focus();
}
else if (typeValue == 25) {
$("#maker-size-large").attr('checked', 'checked');
$("#maker-size-large").focus();
}
else if (typeValue == 50) {
$("#maker-size-oversize").attr('checked', 'checked');
$("#maker-size-oversize").focus();
}
else {
maker_Size = 10;
$("#maker-size-small").attr('checked', 'checked');
$("#maker-size-small").focus();
}
$('.colorpicker[colorId="'+makerColor+'"]').css('border','1px solid black');
$('#makerColorPreview').css('background-color', '#'+makerColor);
$('#makerColorPreview').css('border-color', '#'+makerColor);
Maker_chooseType(maker_Size, makerColor);
};
function Maker_colorPickerMouseLeaveFunction() {
$(this).css('border','1px solid white');
$('.colorpicker[colorId="' + maker_chooseColor + '"]').css('border', '1px solid black');
};
function Maker_colorPickerMouseEnterFunction() {
$(this).css('border','1px solid black');
var color = $(this).attr('colorId');
Maker_chooseType(maker_Size, color);
$('#makerColorPreview').css('background-color','#'+color);
$('#makerColorPreview').css('border-color','#'+color);
};
function Maker_colorPickerClickFunction() {
$('.colorpicker[colorId="' + maker_chooseColor + '"]').css('border', '1px solid white');
$(this).css('border','1px solid black');
maker_chooseColor = $(this).attr('colorId');
Maker_chooseType(maker_Size, 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_rdo2_click() {
Maker_chooseType(12.5, maker_chooseColor);
};
function Maker_rdo3_click() {
Maker_chooseType(25, maker_chooseColor);
};
function Maker_rdo4_click() {
Maker_chooseType(50, maker_chooseColor);
};
// Event of button OK
function Maker_dspOK_click() {
// Set selected value to local storage
var typeValue = undefined;
if ($("#maker-size-small").attr('checked') == 'checked') {
typeValue = 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-oversize").attr('checked') == 'checked') {
typeValue = 50;
}
if(ClientData.maker_color() != maker_chooseColor){
imgMarkerTemp = canvas_marker.toDataURL("image/png;");
var img = new Image();
img.onload = function () {
context_draw.drawImage(img, 0, 0, canvas_draw.width, canvas_draw.height);
};
img.src = imgMarkerTemp;
context_marker.clearRect(0, 0, canvas_marker.width, canvas_marker.height);
ClientData.maker_color();
}
// Set value to local
ClientData.maker_size(typeValue);
ClientData.maker_color(maker_chooseColor);
maker_Size = typeValue;
makerColor = maker_chooseColor;
// Close dialog
/*maker_targetDiv.fadeOut('medium',function(){
$("#avw-sys-modal").hide();
});*/
maker_targetDiv.hide();
/*enable button */
enableButtonMarking();
ClientData.IsAddingMarking(true);
isAddingMarking = ClientData.IsAddingMarking();
makerSize = ClientData.maker_size();
makerColor = ClientData.maker_color();
/* unlock dialog overlay */
$("#overlay").hide();
$('#dlgMarking_imgMakerOption').removeClass();
$('#dlgMarking_imgMakerOption').addClass('maker_option_hover');
};
// Event of button cancel
function Maker_dspCancel_click() {
// Close dialog
/*maker_targetDiv.fadeOut('medium',function(){
$("#avw-sys-modal").hide();
});*/
maker_targetDiv.hide();
/*enable button */
enableButtonMarking();
ClientData.IsAddingMarking(true);
isAddingMarking = ClientData.IsAddingMarking();
/* unlock dialog overlay */
$("#overlay").hide();
$('#dlgMarking_imgMakerOption').removeClass();
$('#dlgMarking_imgMakerOption').addClass('maker_option_hover');
};
function Maker_colorWrapperMouseLeaveFunction() {
Maker_chooseType(maker_Size, maker_chooseColor);
$('#makerColorPreview').css('background-color', '#' + maker_chooseColor);
$('#makerColorPreview').css('border-color', '#' + maker_chooseColor);
$('.colorpicker[colorId="' + maker_chooseColor + '"]').css('border', '1px solid black');
};
/// ===============================================================================================
/// Maker group [ end ]
/// ===============================================================================================
/// Maker group [start]
/// ===============================================================================================
var Maker_colorSource = [];
Maker_colorSource.push('ffffff', 'ffccc9', 'ffce93',
'fffc9e','ffffc7','9aff99','96fffb','cdffff',
'cbcefb','cfcfcf','fd6864','fe996b','fffe65',
'fcff2f','67fd9a','38fff8','68fdff','9698ed',
'c0c0c0','fe0000','f8a102','ffcc67','f8ff00',
'34ff34','68cbd0','34cdf9','6665cd','9b9b9b',
'cb0000','f56b00','ffcb2f','ffc702','32cb00',
'00d2cb','3166ff','6434fc','656565','9a0000',
'ce6301','cd9934','999903','009901','329a9d',
'3531ff','6200c9','343434','680100','963400',
'986536','646809','036400','34696d','00009b',
'303498','000000','330001','643403','663234',
'343300','013300','003532','010066','340096');
var maker_Size;
var maker_color;
var maker_targetDiv;
var maker_chooseColor;
function ShowMaker(targetId){
maker_targetDiv = targetId;
maker_targetDiv.html('');
targetId.append(
'<div id="panel-maker" class="rayermenu1">'
+' <div id="panel-maker-size">'
+' <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-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-oversize" name="maker-size" /><label for="maker-size-oversize" id="marker-oversize-text" class="lang" lang="txtMkgSB">XL</label>'
+' </div>'
+' <span class="lang" lang="txtColor" style="float:left;margin-right: 10px;">Color</span>'
+' <div id="makerColorPreview"></div>'
+' <div id="makerColorwrapper"></div>'
+' <div class="canvasArea_s" style="width: 120px; height: 120px">'
+' <canvas id="Maker_cvPreviewmaker" class="preview" width="120px" height="120px"></canvas>'
+' </div>'
+' <div style="clear:both; padding-top:10px">'
+' <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>'
+' </div>'
+'<div>'
);
var colorWrapper = $('#makerColorwrapper');
$.each(Maker_colorSource, function (i, maker_color) {
colorWrapper.append('<div class="colorpicker" colorId="' + maker_color + '" style="background-color: #' + maker_color + ';"></div>');
});
i18nReplaceText();
// maker_targetDiv.fadeIn('medium',function(){
// //lockLayout();
// maker_targetDiv.draggable();
// });
maker_targetDiv.show();
maker_targetDiv.draggable();
Maker_handleColorPickerEvent();
$('#dlgMaker').center();
};
function touchStart_BtnOk_Maker(e){
e.preventDefault();
Maker_dspOK_click();
};
function touchStart_BtnCancel_Maker(e){
e.preventDefault();
Maker_dspCancel_click();
};
function Maker_handleColorPickerEvent(){
//$('.colorpicker').live('mouseenter',Maker_colorPickerMouseEnterFunction);
//$('.colorpicker').live('mouseleave', Maker_colorPickerMouseLeaveFunction);
//$('#makerColorwrapper').live('mouseleave', Maker_colorWrapperMouseLeaveFunction);
if(avwUserEnvObj.os == "ipad" || avwUserEnvObj.os == "android"){
$('.colorpicker').unbind('mouseenter');
$('.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);
}
else{
//alert('here');
$('.colorpicker').unbind('mouseenter');
$('.colorpicker').unbind('mouseleave');
$('#makerColorwrapper').unbind('mouseleave');
$('.colorpicker').bind('mouseenter', Maker_colorPickerMouseEnterFunction);
$('.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_SetDefaultValue();
$('#maker-size-small').live('click', Maker_rdo1_click);
$('#maker-size-medium').live('click', Maker_rdo2_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-large-text').live('click', markerLargeTextClick);
$('#marker-oversize-text').live('click', markerOversizeTextClick);
$('.colorpicker').live('click', Maker_colorPickerClickFunction);
$("#avw-sys-modal").click (function () {
maker_targetDiv.fadeOut('medium',function(){
//unlockLayout();
});
});
};
function markerSmallTextClick(){
$('#maker-size-small').attr('checked','checked');
$('#maker-size-medium').removeAttr('checked');
$('#maker-size-large').removeAttr('checked');
$('#maker-size-oversize').removeAttr('checked');
Maker_rdo1_click();
};
function markerMediumTextClick(){
$('#maker-size-small').removeAttr('checked');
$('#maker-size-medium').attr('checked','checked');
$('#maker-size-large').removeAttr('checked');
$('#maker-size-oversize').removeAttr('checked');
Maker_rdo2_click();
};
function markerLargeTextClick(){
$('#maker-size-small').removeAttr('checked');
$('#maker-size-medium').removeAttr('checked');
$('#maker-size-large').attr('checked','checked');
$('#maker-size-oversize').removeAttr('checked');
Maker_rdo3_click();
};
function markerOversizeTextClick(){
$('#maker-size-small').removeAttr('checked');
$('#maker-size-medium').removeAttr('checked');
$('#maker-size-large').removeAttr('checked');
$('#maker-size-oversize').attr('checked','checked');
Maker_rdo4_click();
};
// Choose type of eraser, and draw to canvas
function Maker_chooseType(typeValue, color) {
var fillColor;
maker_Size = typeValue;
var canvas = document.getElementById('Maker_cvPreviewmaker');
if(color == null || color == 'undefined'){
fillColor = "f8ff00";
}
else{
fillColor = '#'+ color;
}
if (canvas.getContext) {
// use getContext to use the canvas for drawing
var ctx = canvas.getContext('2d');
// Draw shapes
//ctx.fillStyle = "#888888";
ctx.clearRect(0, 0, canvas.width, canvas.height);
ctx.fillStyle = fillColor;
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() {
var typeValue = undefined;
var makerColor = ClientData.maker_color();
typeValue = ClientData.maker_size();
maker_Size = typeValue;
if(makerColor != null || makerColor != undefined){
maker_chooseColor = makerColor;
}
else{
maker_chooseColor = 'f8ff00';
makerColor = 'f8ff00';
}
if (typeValue == 5) {
$("#maker-size-small").attr('checked', 'checked');
$("#maker-size-small").focus();
}
else if (typeValue == 12.5) {
$("#maker-size-medium").attr('checked', 'checked');
$("#maker-size-medium").focus();
}
else if (typeValue == 25) {
$("#maker-size-large").attr('checked', 'checked');
$("#maker-size-large").focus();
}
else if (typeValue == 50) {
$("#maker-size-oversize").attr('checked', 'checked');
$("#maker-size-oversize").focus();
}
else {
maker_Size = 10;
$("#maker-size-small").attr('checked', 'checked');
$("#maker-size-small").focus();
}
$('.colorpicker[colorId="'+makerColor+'"]').css('border','1px solid black');
$('#makerColorPreview').css('background-color', '#'+makerColor);
$('#makerColorPreview').css('border-color', '#'+makerColor);
Maker_chooseType(maker_Size, makerColor);
};
function Maker_colorPickerMouseLeaveFunction() {
$(this).css('border','1px solid white');
$('.colorpicker[colorId="' + maker_chooseColor + '"]').css('border', '1px solid black');
};
function Maker_colorPickerMouseEnterFunction() {
$(this).css('border','1px solid black');
var color = $(this).attr('colorId');
Maker_chooseType(maker_Size, color);
$('#makerColorPreview').css('background-color','#'+color);
$('#makerColorPreview').css('border-color','#'+color);
};
function Maker_colorPickerClickFunction() {
$('.colorpicker[colorId="' + maker_chooseColor + '"]').css('border', '1px solid white');
$(this).css('border','1px solid black');
maker_chooseColor = $(this).attr('colorId');
Maker_chooseType(maker_Size, 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_rdo2_click() {
Maker_chooseType(12.5, maker_chooseColor);
};
function Maker_rdo3_click() {
Maker_chooseType(25, maker_chooseColor);
};
function Maker_rdo4_click() {
Maker_chooseType(50, maker_chooseColor);
};
// Event of button OK
function Maker_dspOK_click() {
// Set selected value to local storage
var typeValue = undefined;
if ($("#maker-size-small").attr('checked') == 'checked') {
typeValue = 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-oversize").attr('checked') == 'checked') {
typeValue = 50;
}
if(ClientData.maker_color() != maker_chooseColor){
imgMarkerTemp = canvas_marker.toDataURL("image/png;");
var img = new Image();
img.onload = function () {
context_draw.drawImage(img, 0, 0, canvas_draw.width, canvas_draw.height);
};
img.src = imgMarkerTemp;
context_marker.clearRect(0, 0, canvas_marker.width, canvas_marker.height);
ClientData.maker_color();
}
// Set value to local
ClientData.maker_size(typeValue);
ClientData.maker_color(maker_chooseColor);
maker_Size = typeValue;
makerColor = maker_chooseColor;
// Close dialog
/*maker_targetDiv.fadeOut('medium',function(){
$("#avw-sys-modal").hide();
});*/
maker_targetDiv.hide();
/*enable button */
enableButtonMarking();
ClientData.IsAddingMarking(true);
isAddingMarking = ClientData.IsAddingMarking();
makerSize = ClientData.maker_size();
makerColor = ClientData.maker_color();
/* unlock dialog overlay */
$("#overlay").hide();
$('#dlgMarking_imgMakerOption').removeClass();
$('#dlgMarking_imgMakerOption').addClass('maker_option_hover');
};
// Event of button cancel
function Maker_dspCancel_click() {
// Close dialog
/*maker_targetDiv.fadeOut('medium',function(){
$("#avw-sys-modal").hide();
});*/
maker_targetDiv.hide();
/*enable button */
enableButtonMarking();
ClientData.IsAddingMarking(true);
isAddingMarking = ClientData.IsAddingMarking();
/* unlock dialog overlay */
$("#overlay").hide();
$('#dlgMarking_imgMakerOption').removeClass();
$('#dlgMarking_imgMakerOption').addClass('maker_option_hover');
};
function Maker_colorWrapperMouseLeaveFunction() {
Maker_chooseType(maker_Size, maker_chooseColor);
$('#makerColorPreview').css('background-color', '#' + maker_chooseColor);
$('#makerColorPreview').css('border-color', '#' + maker_chooseColor);
$('.colorpicker[colorId="' + maker_chooseColor + '"]').css('border', '1px solid black');
};
/// ===============================================================================================
/// Maker group [ end ]
/// ===============================================================================================
\ No newline at end of file
abvw/js/contentview_Pen.js
/// ===============================================================================================
/// Pen group [start]
/// ===============================================================================================
var Pen_colorSource = [];
Pen_colorSource.push('ffffff', 'ffccc9', 'ffce93',
'fffc9e','ffffc7','9aff99','96fffb','cdffff',
'cbcefb','cfcfcf','fd6864','fe996b','fffe65',
'fcff2f','67fd9a','38fff8','68fdff','9698ed',
'c0c0c0','fe0000','f8a102','ffcc67','f8ff00',
'34ff34','68cbd0','34cdf9','6665cd','9b9b9b',
'cb0000','f56b00','ffcb2f','ffc702','32cb00',
'00d2cb','3166ff','6434fc','656565','9a0000',
'ce6301','cd9934','999903','009901','329a9d',
'3531ff','6200c9','343434','680100','963400',
'986536','646809','036400','34696d','00009b',
'303498','000000','330001','643403','663234',
'343300','013300','003532','010066','340096');
var pen_Size;
var pen_Color;
var pen_targetDiv;
var pen_chooseColor;
function ShowPen(targetId) {
pen_targetDiv = targetId;
pen_targetDiv.children().remove();
targetId.append(
'<div id="panel-pen" class="rayermenu1">'
+' <div id="panel-pen-size">'
+' <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-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-oversize" name="pen-size" /><label for="pen-size-oversize" id="pen-oversize-text" class="lang" lang="txtMkgSB">XL</label>'
+' </div>'
+' <span class="lang" lang="txtColor" style="float:left;margin-right: 10px;">Color</span>'
+' <div id="penColorPreview"></div>'
+' <div id="penColorwrapper"></div>'
+' <div class="canvasArea_s" style="width: 120px; height: 120px">'
+' <canvas id="Pen_cvPreviewPen" class="preview" width="120px" height="120px"></canvas>'
+' </div>'
+' <div style="clear:both; padding-top:10px">'
+' <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>'
+' </div>'
+'<div>'
);
var colorWrapper = $('#penColorwrapper');
$.each(Pen_colorSource, function (i, pen_Color) {
colorWrapper.append('<div class="colorpicker" colorId="' + pen_Color + '" style="background-color: #' + pen_Color + ';"></div>');
});
//changeLanguage(ClientData.userInfo_language());
i18nReplaceText();
// pen_targetDiv.dialog({ width: 510, height: 390, modal: true });
// pen_targetDiv.fadeIn('medium',function(){
// //lockLayout();
// pen_targetDiv.draggable({ containment: "#containment-wrapper", scroll: false });
// }); pen_targetDiv.show();
//pen_targetDiv.draggable({ containment: "#Pen_btnOk", scroll: false });
pen_targetDiv.draggable({ revert: false});
Pen_handleColorPickerEvent();
$('#dlgPen').center();
};
function touchStart_BtnOk_Pen(e){
e.preventDefault();
pen_targetDiv.draggable("destroy");
Pen_dspOK_click();
};
function touchStart_BtnCancel_Pen(e){
e.preventDefault();
pen_targetDiv.draggable("destroy");
Pen_dspCancel_click();
};
function Pen_handleColorPickerEvent() {
//$('.colorpicker').live('mouseenter', Pen_colorPickerMouseEnterFunction);
// $('.colorpicker').live('mouseleave', Pen_colorPickerMouseLeaveFunction);
// $('#penColorwrapper').live('mouseleave', Pen_colorWrapperMouseLeaveFunction);
if(avwUserEnvObj.os == "ipad" || avwUserEnvObj.os == "android"){
$('.colorpicker').unbind('mouseenter');
$('.colorpicker').unbind('mouseleave');
$('#penColorwrapper').unbind('mouseleave');
document.getElementById('Pen_btnOk').addEventListener('touchstart',touchStart_BtnOk_Pen,false);
document.getElementById('Pen_btnCancel').addEventListener('touchstart',touchStart_BtnCancel_Pen,false);
}
else{
$('.colorpicker').unbind('mouseenter');
$('.colorpicker').unbind('mouseleave');
$('#penColorwrapper').unbind('mouseleave');
$('.colorpicker').bind('mouseenter', Pen_colorPickerMouseEnterFunction);
$('.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_SetDefaultValue();
$('#pen-size-small').live('click', Pen_rdo1_click);
$('#pen-size-medium').live('click', Pen_rdo2_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-large-text').live('click', penLargeTextClick);
$('#pen-oversize-text').live('click', penOversizeTextClick);
$('.colorpicker').live('click', Pen_colorPickerClickFunction);
//$('#penColorwrapper').live('mouseleave', Pen_colorWrapperMouseLeaveFunction);
$("#avw-sys-modal").click (function () {
// pen_targetDiv.fadeOut('medium',function(){
// //unlockLayout();
// }); pen_targetDiv.show();
});
};
function penSmallTextClick(){
$('#pen-size-small').attr('checked','checked');
$('#pen-size-medium').removeAttr('checked');
$('#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');
$('#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');
$('#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');
$('#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;
pen_Size = typeValue;
var canvas = document.getElementById('Pen_cvPreviewPen');
if (color == null || color == 'undefined') {
fillColor="#fe0000";
}
else{
fillColor = '#' + color;
}
if (canvas.getContext) {
// use getContext to use the canvas for drawing
var ctx = canvas.getContext('2d');
// Draw shapes
//ctx.fillStyle = "#888888";
//ctx.fillRect(0, 0, canvas.width, canvas.height);
ctx.clearRect(0, 0, canvas.width, canvas.height);
ctx.beginPath();
//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.fillStyle = fillColor;
ctx.strokeStyle = fillColor;
ctx.fill();
ctx.stroke();
}
};
// Set default value for Pen.
function Pen_SetDefaultValue() {
var typeValue = undefined;
var penColor = ClientData.penOpt_color();
typeValue = ClientData.penOpt_size();
pen_Size = typeValue;
if(penColor != null || penColor != undefined){
pen_chooseColor = penColor;
}
else{
pen_chooseColor = 'fe0000';
penColor = 'fe0000';
}
if (typeValue == 5) {
$("#pen-size-small").attr('checked', 'checked');
$("#pen-size-small").focus();
}
else if (typeValue == 12.5) {
$("#pen-size-medium").attr('checked', 'checked');
$("#pen-size-medium").focus();
}
else if (typeValue == 25) {
$("#pen-size-large").attr('checked', 'checked');
$("#pen-size-large").focus();
}
else if (typeValue == 50) {
$("#pen-size-oversize").attr('checked', 'checked');
$("#pen-size-oversize").focus();
}
else {
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);
$('#penColorPreview').css('border-color', '#'+penColor);
};
function Pen_colorPickerMouseLeaveFunction() {
$(this).css('border','1px solid white');
$('.colorpicker[colorId="' + pen_chooseColor + '"]').css('border', '1px solid black');
};
function Pen_colorPickerMouseEnterFunction() {
$(this).css('border','1px solid black');
var color = $(this).attr('colorId');
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');
pen_chooseColor = $(this).attr('colorId');
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_rdo2_click() {
Pen_chooseType(12.5, pen_chooseColor);
};
function Pen_rdo3_click() {
Pen_chooseType(25, 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
var typeValue = undefined;
if ($("#pen-size-small").attr('checked') == 'checked') {
typeValue = 5;
}
else if ($("#pen-size-medium").attr('checked') == 'checked') {
typeValue = 12.5;
}
else if ($("#pen-size-large").attr('checked') == 'checked') {
typeValue = 25;
}
else if ($("#pen-size-oversize").attr('checked') == 'checked') {
typeValue = 50;
}
// Set value to local
ClientData.penOpt_size(typeValue);
ClientData.penOpt_color(pen_chooseColor);
pen_Size = typeValue;
//c = pen_chooseColor;
/*enable button */
enableButtonMarking();
ClientData.IsAddingMarking(true);
isAddingMarking = ClientData.IsAddingMarking();
penSize = ClientData.penOpt_size();
penColor = ClientData.penOpt_color();
// Close dialog
//pen_targetDiv.dialog('close');
/*pen_targetDiv.fadeOut('medium',function(){
$("#avw-sys-modal").hide();
});*/
pen_targetDiv.hide();
/* unlock dialog overlay */
$("#overlay").hide();
$('#dlgMarking_imgPenOption').removeClass();
$('#dlgMarking_imgPenOption').addClass('pen_option_hover');
};
// Event of button cancel
function Pen_dspCancel_click() {
/*enable button */
enableButtonMarking();
ClientData.IsAddingMarking(true);
isAddingMarking = ClientData.IsAddingMarking();
// Close dialog
/*pen_targetDiv.fadeOut('slow',function(){
//unlockLayout();
});*/
pen_targetDiv.hide();
/* unlock dialog overlay */
$("#overlay").hide();
$('#dlgMarking_imgPenOption').removeClass();
$('#dlgMarking_imgPenOption').addClass('pen_option_hover');
};
function Pen_colorWrapperMouseLeaveFunction() {
Pen_chooseType(pen_Size, pen_chooseColor);
$('#penColorPreview').css('background-color', '#' + pen_chooseColor);
$('#penColorPreview').css('border-color', '#' + pen_chooseColor);
$('.colorpicker[colorId="' + pen_chooseColor + '"]').css('border', '1px solid black');
};
/// ===============================================================================================
/// Pen group [start]
/// ===============================================================================================
var Pen_colorSource = [];
Pen_colorSource.push('ffffff', 'ffccc9', 'ffce93',
'fffc9e','ffffc7','9aff99','96fffb','cdffff',
'cbcefb','cfcfcf','fd6864','fe996b','fffe65',
'fcff2f','67fd9a','38fff8','68fdff','9698ed',
'c0c0c0','fe0000','f8a102','ffcc67','f8ff00',
'34ff34','68cbd0','34cdf9','6665cd','9b9b9b',
'cb0000','f56b00','ffcb2f','ffc702','32cb00',
'00d2cb','3166ff','6434fc','656565','9a0000',
'ce6301','cd9934','999903','009901','329a9d',
'3531ff','6200c9','343434','680100','963400',
'986536','646809','036400','34696d','00009b',
'303498','000000','330001','643403','663234',
'343300','013300','003532','010066','340096');
var pen_Size;
var pen_Color;
var pen_targetDiv;
var pen_chooseColor;
function ShowPen(targetId) {
pen_targetDiv = targetId;
pen_targetDiv.children().remove();
targetId.append(
'<div id="panel-pen" class="rayermenu1">'
+' <div id="panel-pen-size">'
+' <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-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-oversize" name="pen-size" /><label for="pen-size-oversize" id="pen-oversize-text" class="lang" lang="txtMkgSB">XL</label>'
+' </div>'
+' <span class="lang" lang="txtColor" style="float:left;margin-right: 10px;">Color</span>'
+' <div id="penColorPreview"></div>'
+' <div id="penColorwrapper"></div>'
+' <div class="canvasArea_s" style="width: 120px; height: 120px">'
+' <canvas id="Pen_cvPreviewPen" class="preview" width="120px" height="120px"></canvas>'
+' </div>'
+' <div style="clear:both; padding-top:10px">'
+' <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>'
+' </div>'
+'<div>'
);
var colorWrapper = $('#penColorwrapper');
$.each(Pen_colorSource, function (i, pen_Color) {
colorWrapper.append('<div class="colorpicker" colorId="' + pen_Color + '" style="background-color: #' + pen_Color + ';"></div>');
});
//changeLanguage(ClientData.userInfo_language());
i18nReplaceText();
// pen_targetDiv.dialog({ width: 510, height: 390, modal: true });
// pen_targetDiv.fadeIn('medium',function(){
// //lockLayout();
// pen_targetDiv.draggable({ containment: "#containment-wrapper", scroll: false });
// });
pen_targetDiv.show();
//pen_targetDiv.draggable({ containment: "#Pen_btnOk", scroll: false });
pen_targetDiv.draggable({ revert: false});
Pen_handleColorPickerEvent();
$('#dlgPen').center();
};
function touchStart_BtnOk_Pen(e){
e.preventDefault();
pen_targetDiv.draggable("destroy");
Pen_dspOK_click();
};
function touchStart_BtnCancel_Pen(e){
e.preventDefault();
pen_targetDiv.draggable("destroy");
Pen_dspCancel_click();
};
function Pen_handleColorPickerEvent() {
//$('.colorpicker').live('mouseenter', Pen_colorPickerMouseEnterFunction);
// $('.colorpicker').live('mouseleave', Pen_colorPickerMouseLeaveFunction);
// $('#penColorwrapper').live('mouseleave', Pen_colorWrapperMouseLeaveFunction);
if(avwUserEnvObj.os == "ipad" || avwUserEnvObj.os == "android"){
$('.colorpicker').unbind('mouseenter');
$('.colorpicker').unbind('mouseleave');
$('#penColorwrapper').unbind('mouseleave');
document.getElementById('Pen_btnOk').addEventListener('touchstart',touchStart_BtnOk_Pen,false);
document.getElementById('Pen_btnCancel').addEventListener('touchstart',touchStart_BtnCancel_Pen,false);
}
else{
$('.colorpicker').unbind('mouseenter');
$('.colorpicker').unbind('mouseleave');
$('#penColorwrapper').unbind('mouseleave');
$('.colorpicker').bind('mouseenter', Pen_colorPickerMouseEnterFunction);
$('.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_SetDefaultValue();
$('#pen-size-small').live('click', Pen_rdo1_click);
$('#pen-size-medium').live('click', Pen_rdo2_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-large-text').live('click', penLargeTextClick);
$('#pen-oversize-text').live('click', penOversizeTextClick);
$('.colorpicker').live('click', Pen_colorPickerClickFunction);
//$('#penColorwrapper').live('mouseleave', Pen_colorWrapperMouseLeaveFunction);
$("#avw-sys-modal").click (function () {
// pen_targetDiv.fadeOut('medium',function(){
// //unlockLayout();
// });
pen_targetDiv.show();
});
};
function penSmallTextClick(){
$('#pen-size-small').attr('checked','checked');
$('#pen-size-medium').removeAttr('checked');
$('#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');
$('#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');
$('#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');
$('#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;
pen_Size = typeValue;
var canvas = document.getElementById('Pen_cvPreviewPen');
if (color == null || color == 'undefined') {
fillColor="#fe0000";
}
else{
fillColor = '#' + color;
}
if (canvas.getContext) {
// use getContext to use the canvas for drawing
var ctx = canvas.getContext('2d');
// Draw shapes
//ctx.fillStyle = "#888888";
//ctx.fillRect(0, 0, canvas.width, canvas.height);
ctx.clearRect(0, 0, canvas.width, canvas.height);
ctx.beginPath();
//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.fillStyle = fillColor;
ctx.strokeStyle = fillColor;
ctx.fill();
ctx.stroke();
}
};
// Set default value for Pen.
function Pen_SetDefaultValue() {
var typeValue = undefined;
var penColor = ClientData.penOpt_color();
typeValue = ClientData.penOpt_size();
pen_Size = typeValue;
if(penColor != null || penColor != undefined){
pen_chooseColor = penColor;
}
else{
pen_chooseColor = 'fe0000';
penColor = 'fe0000';
}
if (typeValue == 5) {
$("#pen-size-small").attr('checked', 'checked');
$("#pen-size-small").focus();
}
else if (typeValue == 12.5) {
$("#pen-size-medium").attr('checked', 'checked');
$("#pen-size-medium").focus();
}
else if (typeValue == 25) {
$("#pen-size-large").attr('checked', 'checked');
$("#pen-size-large").focus();
}
else if (typeValue == 50) {
$("#pen-size-oversize").attr('checked', 'checked');
$("#pen-size-oversize").focus();
}
else {
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);
$('#penColorPreview').css('border-color', '#'+penColor);
};
function Pen_colorPickerMouseLeaveFunction() {
$(this).css('border','1px solid white');
$('.colorpicker[colorId="' + pen_chooseColor + '"]').css('border', '1px solid black');
};
function Pen_colorPickerMouseEnterFunction() {
$(this).css('border','1px solid black');
var color = $(this).attr('colorId');
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');
pen_chooseColor = $(this).attr('colorId');
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_rdo2_click() {
Pen_chooseType(12.5, pen_chooseColor);
};
function Pen_rdo3_click() {
Pen_chooseType(25, 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
var typeValue = undefined;
if ($("#pen-size-small").attr('checked') == 'checked') {
typeValue = 5;
}
else if ($("#pen-size-medium").attr('checked') == 'checked') {
typeValue = 12.5;
}
else if ($("#pen-size-large").attr('checked') == 'checked') {
typeValue = 25;
}
else if ($("#pen-size-oversize").attr('checked') == 'checked') {
typeValue = 50;
}
// Set value to local
ClientData.penOpt_size(typeValue);
ClientData.penOpt_color(pen_chooseColor);
pen_Size = typeValue;
//c = pen_chooseColor;
/*enable button */
enableButtonMarking();
ClientData.IsAddingMarking(true);
isAddingMarking = ClientData.IsAddingMarking();
penSize = ClientData.penOpt_size();
penColor = ClientData.penOpt_color();
// Close dialog
//pen_targetDiv.dialog('close');
/*pen_targetDiv.fadeOut('medium',function(){
$("#avw-sys-modal").hide();
});*/
pen_targetDiv.hide();
/* unlock dialog overlay */
$("#overlay").hide();
$('#dlgMarking_imgPenOption').removeClass();
$('#dlgMarking_imgPenOption').addClass('pen_option_hover');
};
// Event of button cancel
function Pen_dspCancel_click() {
/*enable button */
enableButtonMarking();
ClientData.IsAddingMarking(true);
isAddingMarking = ClientData.IsAddingMarking();
// Close dialog
/*pen_targetDiv.fadeOut('slow',function(){
//unlockLayout();
});*/
pen_targetDiv.hide();
/* unlock dialog overlay */
$("#overlay").hide();
$('#dlgMarking_imgPenOption').removeClass();
$('#dlgMarking_imgPenOption').addClass('pen_option_hover');
};
function Pen_colorWrapperMouseLeaveFunction() {
Pen_chooseType(pen_Size, pen_chooseColor);
$('#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/i18n.js" />
/// <reference path="../common/js/jquery-1.8.1.min.js" />
......
index.html
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
......
usermanual.html
......@@ -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 style='font-family:"ＭＳ Ｐゴシック"'>アカウント情報</span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>����アカウント情報</span></p>
<table class=ListTable3Accent1 border=1 cellspacing=0 cellpadding=0
style='border-collapse:collapse;border:none'>
......@@ -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 style='font-family:"ＭＳ Ｐゴシック"'>ログインボタン</span></p>
<p class=MsoNormal><span style='font-family:"ＭＳ Ｐゴシック"'>����ログインボタン</span></p>
<table class=ListTable3Accent1 border=1 cellspacing=0 cellpadding=0
style='border-collapse:collapse;border:none'>
......@@ -2184,11 +2184,11 @@ lang=EN-US>]</span><span style='font-family:"ｭｳ ｰ繧ｴ繧ｷ繝け"'>繝懊ち繝ｳ
<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
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;
width:395px;height:117px'><img width=395 height=117
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
src="usermanual.files/image030.jpg" alt=boookmark-delete></span></p>
......@@ -2521,9 +2521,9 @@ style='font-family:"ｭｳ 繧ｴ繧ｷ繝け"'>鬆岼繧定ｨｭ螳壹☆繧</span><a name=繧
none;border-bottom:solid #5B9BD5 1.0pt;border-right:solid #5B9BD5 1.0pt;
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 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
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>
......@@ -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 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
lang=EN-US>1</span><span style='font-family:"ＭＳ Ｐゴシック"'>ページ目に遷移します。</span></p>
......@@ -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
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
lang=EN-US>1</span><span style='font-family:"ＭＳ Ｐゴシック"'>つ前のページに遷移します。</span></p>
......@@ -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
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
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: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>
......@@ -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 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
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: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: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>
......@@ -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>
......@@ -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 lang=EN-US>&nbsp;</span></p>
......@@ -2949,7 +2949,7 @@ src="usermanual.files/image066.png"></span></p>
clear=all style='page-break-before:always'>
</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>
......@@ -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 lang=EN-US><img border=0 width=165 height=106 id="図 9"
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 lang=EN-US>&nbsp;</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 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 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>
......@@ -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 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>
......@@ -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"
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>
......@@ -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 lang=EN-US>&nbsp;</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"
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>
......@@ -3085,7 +3085,7 @@ clear=all style='page-break-before:always'>
<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>
......@@ -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 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>
......@@ -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 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>
<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>
<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>
......@@ -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: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: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