diff options
Diffstat (limited to 'web')
| -rw-r--r-- | web/scripts3.js | 33 | ||||
| -rw-r--r-- | web/style3.css | 13 |
2 files changed, 46 insertions, 0 deletions
diff --git a/web/scripts3.js b/web/scripts3.js index 1a5ffd66..a1afb433 100644 --- a/web/scripts3.js +++ b/web/scripts3.js @@ -63,6 +63,39 @@ function unfoldReply() { } } +function showMessageLinksDialog(mid,rid) { + var hlink="http://juick.com/"+mid; + var mlink="#"+mid; + if(rid>0) { + hlink+="#"+rid; + mlink+="/"+rid; + } + $('#dialogl').html(hlink); + $('#dialogn').html(mlink); + + $('#dialogw li>a').click(function(event) { + event.preventDefault(); + openSocialWindow($(this).attr('href')); + }); + var hlinkenc=encodeURIComponent(hlink); + $('#sharefb').attr('href','https://www.facebook.com/sharer/sharer.php?u='+hlinkenc); + $('#sharetw').attr('href','https://twitter.com/intent/tweet?url='+hlinkenc); + $('#sharevk').attr('href','https://vk.com/share.php?url='+hlinkenc); + $('#sharegp').attr('href','https://plus.google.com/share?url='+hlinkenc); + + var w=$('#dialogw'); + var b=$('#dialogb'); + w.css("top", Math.max(0, ((b.height() - w.outerHeight()) / 2) + b.scrollTop()) + "px"); + w.css("left", Math.max(0, ((b.width() - w.outerWidth()) / 2) + b.scrollLeft()) + "px"); + b.show(); + w.show(); +} + +function openSocialWindow(url) { + var w=window.open(url,'juickshare','width=640,height=400'); + if(window.focus) w.focus(); +} + /* * jQuery.fn.autoResize 1.14 */ diff --git a/web/style3.css b/web/style3.css index 2649de77..d04c5487 100644 --- a/web/style3.css +++ b/web/style3.css @@ -45,6 +45,8 @@ img { border: none; } #content .msg-avatar { float: left; } #content .msg-avatar img { width: 48px; height: 48px; vertical-align: top; } #content .msg-ts { float: right; font-size: small; vertical-align: top; } +#content .msg-menu { margin: 0 0 0 6px; padding: 2px 0; } +#content .msg-menu img { vertical-align: top; } #content .msg-header { margin-left: 58px; overflow: hidden; } #content .msg-place { font-size: small; margin: 8px 0 8px 58px; } #content .msg-txt { margin: 8px 0 8px 58px; overflow: hidden; } @@ -97,6 +99,17 @@ table.users img { width: 32px; height: 32px; vertical-align: middle; margin-righ /********/ +#dialogb { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; background: #000; } +#dialogw { display: none; position: fixed; top: 40%; left: 30%; width: 350px; padding: 20px; background: #EEEEE5; border: 1px solid #999; } +#dialogl,#dialogn { padding: 5px; margin: 3px 0 20px; border: 1px solid #DDD; background: #F5F5E9; } +#dialogw li { float: left; margin: 5px 10px 0 0; } +#dialogw li>a { display: block; width: 32px; height: 32px; background-image: url(//static.juick.com/sharesocial.png); } +#sharetw { background-position: -32px 0; } +#sharevk { background-position: -64px 0; } +#sharegp { background-position: -96px 0; } + +/********/ + #footer { clear: both; width: 600px; margin: 0 auto; font-size: small; padding: 15px 0 10px 0; } #footer-right { float: right; } |