Commit a7d2b755 by Masaru Abe

コンテンツ共有仕上げ

parent 9535cefa
...@@ -31,9 +31,14 @@ ...@@ -31,9 +31,14 @@
<link rel="stylesheet" type="text/css" href="css/theme/accordion.css?#UPDATEID#" /> <link rel="stylesheet" type="text/css" href="css/theme/accordion.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/layout/limit_access.css?#UPDATEID#" /> <link rel="stylesheet" type="text/css" href="css/layout/limit_access.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/theme/limit_access.css?#UPDATEID#" /> <link rel="stylesheet" type="text/css" href="css/theme/limit_access.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/share.css?#UPDATEID#" /> <link rel="stylesheet" type="text/css" href="css/layout/share.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/theme/share.css?#UPDATEID#" />
<!--
<link rel="stylesheet" type="text/css" href="common/js/pickadate/themes/default.css?#UPDATEID#" id="theme_base" /> <link rel="stylesheet" type="text/css" href="common/js/pickadate/themes/default.css?#UPDATEID#" id="theme_base" />
<link rel="stylesheet" type="text/css" href="common/js/pickadate/themes/default.date.css?#UPDATEID#" id="theme_date" /> <link rel="stylesheet" type="text/css" href="common/js/pickadate/themes/default.date.css?#UPDATEID#" id="theme_date" />
-->
<link rel="stylesheet" type="text/css" href="common/js/pickadate/themes/classic.css?#UPDATEID#" id="theme_base" />
<link rel="stylesheet" type="text/css" href="common/js/pickadate/themes/classic.date.css?#UPDATEID#" id="theme_date" />
</head> </head>
<body> <body>
......
/* CSS Document */
@charset "utf-8"; @charset "utf-8";
......
@charset "utf-8";
/*
Latest Update
2014.10.10 write
author
abe
---------- MENU ----------
X. .sectionContentShare setting
---------- MENU ----------
*/
.sectionContentShare{
width:500px;
height:330px;
padding:0;
margin:0;
/*overflow:hidden;*/
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
display:none;
z-index:1000;
}
.sectionContentShare h1{
margin:0 0 18px 0;
padding:0;
height:64px;
line-height:62px;
text-align:center;
letter-spacing: 2px;
}
.sectionContentShare .sectionContentShare_input
{
margin:10px 0 0 24px;
}
.sectionContentShare .sectionContentShare_input input
{
margin:0 5px 0 5px;
}
.sectionContentShare .sectionContentShare_result
{
margin:30px 0 0 24px;
}
.sectionContentShare .sectionContentShare_result .contentShare_iconList
{
margin:30px 0 0 24px;
}
.sectionContentShare .closebtn {
width: 30px;
height: 30px;
display: block;
margin-left: 465px;
margin-top:-80px;
position:absolute;
}
.sectionContentShare p{
width:500px;
/*margin:0 50px;*/
}
.sectionContentShare p.notice
{
/*text-align:center;*/
margin-top:20px;
}
.sectionContentShare p.message{
}
.sectionContentShare .sharebtn {
width:480px;
height:25px;
margin:20px auto 0;
}
.sectionContentShare .sharebtn a.ok {
position:relative;
/*margin:0 98px 0 0;*/
}
.sectionContentShare .sharebtn a.cancel {
position:relative;
/*margin:-27px 0 0 135px;*/
}
.sectionContentShare .sharebtn a
{
margin:0 15px;
width: 100px;
height:21px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
display:inline-block;
padding:2px 0;
line-height:21px;
text-decoration:none;
text-align:center;
float:right;
}
.sectionContentShare .sharebtn a:hover {
}
.sectionContentShare .sharebtn a:active {
position:relative;
top:1px;
}
.sectionContentShare .sharebtn a:not(:target) {
filter: none;
-ms-filter: none;
}
.sectionContentShare .sharebtn a:hover:not(:target) {
filter: none;
-ms-filter: none;
}
.sectionContentShare .shareLinkbtn {
width:450px;
height:60px;
margin:20px 10px 0;
}
.sectionContentShare .shareLinkbtn a.ok {
position:relative;
/*margin:0 98px 0 0;*/
}
.sectionContentShare .shareLinkbtn a
{
margin:0 5px;
display:inline-block;
padding:2px 0;
float:right;
}
.sectionContentShare .shareLinkbtn a:hover {
}
.sectionContentShare .shareLinkbtn a:active {
position:relative;
top:1px;
}
.sectionContentShare .shareLinkbtn a:not(:target) {
filter: none;
-ms-filter: none;
}
.sectionContentShare .shareLinkbtn a:hover:not(:target) {
filter: none;
-ms-filter: none;
}
@charset "utf-8";
/*
Latest Update
2014.10.10 write
author
abe
---------- MENU ----------
X. .sectionContentShare setting
---------- MENU ----------
*/
.sectionContentShare{
border:1px solid #cccccc;
-webkit-box-shadow: 0px 1px 3px 0px #666;
-moz-box-shadow: 0px 1px 3px 0px #666;
box-shadow: 0px 1px 3px 0px #666;
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
background-color:#fff;
}
.sectionContentShare h1
{
font-size:19px;
font-weight:bold;
color:#333;
text-shadow: 1px 1px 2px #999;
background-color:#f0f0f0;
-webkit-box-shadow: 0px 1px 3px 0px #999;
-moz-box-shadow: 0px 1px 3px 0px #999;
box-shadow: 0px 1px 3px 0px #999;
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
}
.sectionContentShare .sectionContentShare_input
{
font-size:13px;
}
.sectionContentShare .sectionContentShare_input input
{
}
.sectionContentShare .sectionContentShare_result
{
font-size:13px;
}
.sectionContentShare p{
}
.sectionContentShare p.notice
{
font-size:13px;
}
.sectionContentShare p.message
{
font-size:13px;
/*font-weight:bold;*/
color:#ff0000;
}
.sectionContentShare .message
{
font-size:13px;
/*font-weight:bold;*/
color:#ff0000;
}
.sectionContentShare .sharebtn {
}
.sectionContentShare .sharebtn a.ok {
}
.sectionContentShare .sharebtn a.disabled
{
cursor:default;
color:#9e9e9e;
pointer-events: none;
}
.sectionContentShare .sharebtn a.disabled:hover
{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
background:-moz-linear-gradient( center top, #36638B 5%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
background-color:#23486F;
}
.sectionContentShare .sharebtn a.cancel {
}
.sectionContentShare .sharebtn a
{
font-size:14px;
font-weight:bold;
-moz-box-shadow:inset 0px 1px 0px 0px #86ACC7;
-webkit-box-shadow:inset 0px 1px 0px 0px #86ACC7;
box-shadow:inset 0px 1px 0px 0px #86ACC7;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) );
background:-moz-linear-gradient( center top, #36638B 5%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
background-color:#23486F;
border:1px solid #0C274D;
color:#ffffff;
font-family:arial;
}
.sectionContentShare .sharebtn a:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
background-color:#36638B;
}
.sectionContentShare .sharebtn a:active {
}
.sectionContentShare .sharebtn a:not(:target) {
background-image: url(button_back_off.svg);
}
.sectionContentShare .sharebtn a:hover:not(:target) {
background-image: url(button_back_on.svg);
}
.sectionContentShare .shareLinkbtn {
}
.sectionContentShare .shareLinkbtn a.disabled
{
}
.sectionContentShare .shareLinkbtn a.disabled:hover
{
}
.sectionContentShare .shareLinkbtn a
{
}
.sectionContentShare .shareLinkbtn a:hover {
}
.sectionContentShare .shareLinkbtn a:active {
}
.sectionContentShare .shareLinkbtn a:not(:target) {
}
.sectionContentShare .shareLinkbtn a:hover:not(:target) {
}
...@@ -34,10 +34,14 @@ ...@@ -34,10 +34,14 @@
<link rel="stylesheet" type="text/css" href="css/theme/list_shirori_detail.css?#UPDATEID#" /> <link rel="stylesheet" type="text/css" href="css/theme/list_shirori_detail.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/layout/limit_access.css?#UPDATEID#" /> <link rel="stylesheet" type="text/css" href="css/layout/limit_access.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/theme/limit_access.css?#UPDATEID#" /> <link rel="stylesheet" type="text/css" href="css/theme/limit_access.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/share.css?#UPDATEID#" /> <link rel="stylesheet" type="text/css" href="css/layout/share.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/theme/share.css?#UPDATEID#" />
<!--
<link rel="stylesheet" type="text/css" href="common/js/pickadate/themes/default.css?#UPDATEID#" id="theme_base" /> <link rel="stylesheet" type="text/css" href="common/js/pickadate/themes/default.css?#UPDATEID#" id="theme_base" />
<link rel="stylesheet" type="text/css" href="common/js/pickadate/themes/default.date.css?#UPDATEID#" id="theme_date" /> <link rel="stylesheet" type="text/css" href="common/js/pickadate/themes/default.date.css?#UPDATEID#" id="theme_date" />
-->
<link rel="stylesheet" type="text/css" href="common/js/pickadate/themes/classic.css?#UPDATEID#" id="theme_base" />
<link rel="stylesheet" type="text/css" href="common/js/pickadate/themes/classic.date.css?#UPDATEID#" id="theme_date" />
</head> </head>
<body> <body>
......
...@@ -37,10 +37,17 @@ ...@@ -37,10 +37,17 @@
<link rel="stylesheet" type="text/css" href="css/theme/accordion.css?#UPDATEID#" /> <link rel="stylesheet" type="text/css" href="css/theme/accordion.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/layout/limit_access.css?#UPDATEID#" /> <link rel="stylesheet" type="text/css" href="css/layout/limit_access.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/theme/limit_access.css?#UPDATEID#" /> <link rel="stylesheet" type="text/css" href="css/theme/limit_access.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/layout/share.css?#UPDATEID#" />
<link rel="stylesheet" type="text/css" href="css/theme/share.css?#UPDATEID#" />
<!--
<link rel="stylesheet" type="text/css" href="css/share.css?#UPDATEID#" /> <link rel="stylesheet" type="text/css" href="css/share.css?#UPDATEID#" />
-->
<!--
<link rel="stylesheet" type="text/css" href="common/js/pickadate/themes/default.css?#UPDATEID#" id="theme_base" /> <link rel="stylesheet" type="text/css" href="common/js/pickadate/themes/default.css?#UPDATEID#" id="theme_base" />
<link rel="stylesheet" type="text/css" href="common/js/pickadate/themes/default.date.css?#UPDATEID#" id="theme_date" /> <link rel="stylesheet" type="text/css" href="common/js/pickadate/themes/default.date.css?#UPDATEID#" id="theme_date" />
-->
<link rel="stylesheet" type="text/css" href="common/js/pickadate/themes/classic.css?#UPDATEID#" id="theme_base" />
<link rel="stylesheet" type="text/css" href="common/js/pickadate/themes/classic.date.css?#UPDATEID#" id="theme_date" />
</head> </head>
<body id="bookshelf"> <body id="bookshelf">
......
<article id="contentDetail" style="display:none;"> <article id="contentDetail" style="display:none;">
<section id='sectionContentDetail' class='sectionContentDetail'> <section id='sectionContentDetail' class='sectionContentDetail'>
<a class="closebtn" href="#" id="contentDetailClose"> </a> <a class="closebtn" href="javascript:void(0);" id="contentDetailClose"> </a>
<div id="book_data"> <div id="book_data">
<p class="book_img"><img src="" id="imgContentThumbnail" alt="" height="25px" width="25px" /></p> <p class="book_img"><img src="" id="imgContentThumbnail" alt="" height="25px" width="25px" /></p>
<ul> <ul>
<li class="title" id="txtContentTitle">Abook資料</li> <li class="title" id="txtContentTitle">Abook資料</li>
<li class="date"><label id="txtPubDt2" lang="dspPubDt2" class="lang">発行日:</label><label id="txtPubDt2_Dsp">____/__/__ __:__</label></li> <li class="date"><label id="txtPubDt2" lang="dspPubDt2" class="lang">発行日:</label><label id="txtPubDt2_Dsp">____/__/__ __:__</label></li>
<li class="explain" id="txtContentDetail">スマートデバイス向け<br />統合ソリューション</li> <li class="explain" id="txtContentDetail">スマートデバイス向け<br />統合ソリューション</li>
</ul> </ul>
<p class="read_btn"><a class="read lang" href="#" id="contentdetail_dspRead" lang="txtRead">読む</a></p> <p class="read_btn"><a class="read lang" href="javascript:void(0);" id="contentdetail_dspRead" lang="txtRead">読む</a></p>
<p class="read_btn"><a class="read lang" href="#" id="contentdetail_dspShare" lang="txtShare" style="display:none;" >共有</a></p> <p class="read_btn"><a class="read lang" href="javascript:void(0);" id="contentdetail_dspShare" lang="txtShare" style="display:none;" >共有</a></p>
</div> </div>
<div id="book_list"></div>
<div id="book_list"></div> </section>
</section>
</article> </article>
<div id="dlgContentShare" title="" style="display: none;" >
<div class="" id="dlgContentShare_error" style="color: #ff0000; background-color: transparent; display: none;"></div> <section class="sectionContentShare" id="dlgContentShare" style="display:none;">
<div id="dlgContentShare_input" > <h1><label class="lang" lang="txtShare"><!--共有--></label></h1>
<a class="closebtn" href="javascript:void(0);" id="dlgContentShare_close"> </a>
<div class="sectionContentShare_input" id="dlgContentShare_input" >
<div class="message" id="dlgContentShare_error" style="display: none;"></div>
<div id="dlgContentShare_deliveryTerm"> <div id="dlgContentShare_deliveryTerm">
<label class="lang" lang="txtUrlValidDate" ><!--URL有効期間--></label></br> <label class="lang" lang="txtUrlValidDate" ><!--URL有効期間--></label></br>
<input id="dlgContentShare_validStartDate" name="dlgContentShare_validStartDate" class="datepicker" style="width:100px; ime-mode:disabled; vertical-align:middle;" value='' /> <input id="dlgContentShare_validStartDate" name="dlgContentShare_validStartDate" class="datepicker" style="width:100px; ime-mode:disabled; vertical-align:middle;" value='' />
...@@ -33,25 +35,29 @@ ...@@ -33,25 +35,29 @@
</div> </div>
</br> </br>
<div> <div>
<label class="lang" lang="msgShareUrlPassword" ><!--パスワードを設定する場合指定して下さい。--></label> <label class="lang" lang="msgShareUrlPassword" ><!--パスワードを設定する場合指定して下さい。--></label></br>
<input type="text" name="dlgContentShare_password" id="dlgContentShare_password" class="" style="width:200px;" value=''/> <input type="text" name="dlgContentShare_password" id="dlgContentShare_password" class="" style="width:200px;" value=''/>
</div> </div>
<p class="sharebtn">
<a class="ok lang" href="javascript:void(0);" lang="dspSave" id="dlgContentShare_ok" ></a>
</p>
</br> </br>
</div> </div>
<div id="dlgContentShare_result" style="display: none;" > <div class="sectionContentShare_result" id="dlgContentShare_result" style="display: none;" >
<!-- 結果表示 --> <!-- 結果表示 -->
<label id="dlgContentShare_resultUrl" ></label></br> <label id="dlgContentShare_resultUrl" ></label></br>
<label id="dlgContentShare_resultPassword" style="display: none;" ></label></br> <label id="dlgContentShare_resultPassword" style="display: none;" ></label></br>
<label id="dlgContentShare_resultDeliveryTerm" style="display: none;" ></label></br> <label id="dlgContentShare_resultDeliveryTerm" style="display: none;" ></label></br>
</br> </br>
</br> </br>
<ul class="contentShare_iconList"> <p class="shareLinkbtn">
<li><a href="#" id="dlgContentShare_resultMl" ><img src="img/share/email-blue.png" width="57" height="57" ></a></li> <a href="javascript:void(0);" id="dlgContentShare_resultTw" ><img src="img/share/twitter.png" width="57" height="57" ></a>
<li><a href="#" id="dlgContentShare_resultFb" ><img src="img/share/facebook.png" width="57" height="57" ></a></li> <a href="javascript:void(0);" id="dlgContentShare_resultFb" ><img src="img/share/facebook.png" width="57" height="57" ></a>
<li><a href="#" id="dlgContentShare_resultTw" ><img src="img/share/twitter.png" width="57" height="57" ></a></li> <a href="javascript:void(0);" id="dlgContentShare_resultMl" ><img src="img/share/email-blue.png" width="57" height="57" ></a>
</ul> </p>
</br>
</div> </div>
</div> </section>
<script type="text/javascript" src="./common/js/pickadate/picker.js?#UPDATEID#" ></script> <script type="text/javascript" src="./common/js/pickadate/picker.js?#UPDATEID#" ></script>
<script type="text/javascript" src="./common/js/pickadate/picker.date.js?#UPDATEID#" ></script> <script type="text/javascript" src="./common/js/pickadate/picker.date.js?#UPDATEID#" ></script>
......
...@@ -13,8 +13,8 @@ $(document).ready(function () { ...@@ -13,8 +13,8 @@ $(document).ready(function () {
//rome(dlgContentShare_validStartDate, { time: false }); //rome(dlgContentShare_validStartDate, { time: false });
//rome(dlgContentShare_validEndDate, { time: false }); //rome(dlgContentShare_validEndDate, { time: false });
/*
$('#dlgContentShare').prop('title', I18N.i18nText('txtShare')); $('#dlgContentShare').prop('title', I18N.i18nText('txtShare'));
$('#dlgContentShare').dialog( { $('#dlgContentShare').dialog( {
open: function() { open: function() {
...@@ -42,6 +42,7 @@ $(document).ready(function () { ...@@ -42,6 +42,7 @@ $(document).ready(function () {
} }
} }
}); });
*/
}); });
...@@ -49,14 +50,47 @@ $(document).ready(function () { ...@@ -49,14 +50,47 @@ $(document).ready(function () {
SHARE.openContentShare = function() { SHARE.openContentShare = function() {
//alert("SHARE.contentId:" + SHARE.contentId); //alert("SHARE.contentId:" + SHARE.contentId);
$('#dlgContentShare').dialog( 'open' ); //$('#dlgContentShare').dialog( 'open' );
$("#dlgContentShare_close").click(SHARE.dlgContentShare_close_Click);
$("#dlgContentShare_ok").click(SHARE.dlgContentShare_ok_Click);
COMMON.lockLayout();
$("#dlgContentShare").css('z-index', 102);
$("#dlgContentShare").show();
$('#dlgContentShare_maxDlCount').focus();
$('#dlgContentShare_error').hide();
$('#dlgContentShare_input').show();
$('#dlgContentShare_result').hide();
$("#dlgContentShare").center();
if ($("#dlgContentShare").height() > $(window).height()){
$("#dlgContentShare").css('top', '0');
}
return false; return false;
}; };
//Show content detail
SHARE.closeContentShare = function() { SHARE.dlgContentShare_close_Click = function(){
$('#dlgContentShareUrl').dialog( 'close' );
if ($('#contentDetail').is(':visible')) {
// 表示されている場合の処理
} else {
// 非表示の場合の処理
COMMON.unlockLayout();
}
$("#dlgContentShare").hide();
};
SHARE.dlgContentShare_ok_Click = function(){
SHARE.sendContentShare();
}; };
SHARE.sendContentShare = function() { SHARE.sendContentShare = function() {
...@@ -103,7 +137,7 @@ SHARE.sendContentShare = function() { ...@@ -103,7 +137,7 @@ SHARE.sendContentShare = function() {
mailto = mailto + "password:" + password + '%0D%0A%0D%0A'; mailto = mailto + "password:" + password + '%0D%0A%0D%0A';
} }
if( validStartDate != '' || validEndDate != '' ){ if( validStartDate != '' || validEndDate != '' ){
mailto = mailto + "有効期間:" + validStartDate + "-" + validEndDate + '%0D%0A%0D%0A'; mailto = mailto + I18N.i18nText('txtUrlValidDate') + validStartDate + "-" + validEndDate + '%0D%0A%0D%0A';
} }
$('#dlgContentShare_resultMl').attr("href",mailto); $('#dlgContentShare_resultMl').attr("href",mailto);
...@@ -136,7 +170,7 @@ SHARE.sendContentShare = function() { ...@@ -136,7 +170,7 @@ SHARE.sendContentShare = function() {
if( validStartDate != '' || validEndDate != '' ){ if( validStartDate != '' || validEndDate != '' ){
$('#dlgContentShare_resultDeliveryTerm').show(); $('#dlgContentShare_resultDeliveryTerm').show();
$('#dlgContentShare_resultDeliveryTerm').text("有効期間:" + validStartDate + "-" + validEndDate); $('#dlgContentShare_resultDeliveryTerm').text(I18N.i18nText('txtUrlValidDate') +":" + validStartDate + I18N.i18nText('txtDashMark') + validEndDate);
} else { } else {
$('#dlgContentShare_resultDeliveryTerm').hide(); $('#dlgContentShare_resultDeliveryTerm').hide();
} }
...@@ -144,18 +178,18 @@ SHARE.sendContentShare = function() { ...@@ -144,18 +178,18 @@ SHARE.sendContentShare = function() {
//結果表示 //結果表示
$('#dlgContentShare_result').show(); $('#dlgContentShare_result').show();
//OKボタンの無効化 //OKボタンの無効化
$(":button:contains('Ok')").prop("disabled", true).addClass("ui-state-disabled"); //$(":button:contains('Ok')").prop("disabled", true).addClass("ui-state-disabled");
} else { } else {
$('#dlgContentShare_error').show(); $('#dlgContentShare_error').show();
$('#dlgContentShare_error').html(data.errorMessage + "</br></br>"); $('#dlgContentShare_error').html(data.errorMessage);
} }
}, },
function (xhr, statusText, errorThrown) { function (xhr, statusText, errorThrown) {
if (xhr.responseText && xhr.status != 0) { if (xhr.responseText && xhr.status != 0) {
var xhrData = JSON.parse(xhr.responseText); var xhrData = JSON.parse(xhr.responseText);
$('#dlgContentShare_error').show(); $('#dlgContentShare_error').show();
$('#dlgContentShare_error').html(xhrData.loginErrorMessage + "</br></br>"); $('#dlgContentShare_error').html(xhrData.loginErrorMessage);
} }
else { else {
showSystemError(); showSystemError();
......
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